CINXE.COM

UNSC Fleetcom Exchange – Xbox Gear Shop

<!doctype html> <html class="no-js" lang="en"> <head> <script type="application/vnd.locksmith+json" data-locksmith>{"version":"v160","locked":false,"initialized":true,"scope":"page","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":"9c0b638021374d6f892e321e514c04225470ea6d400332b2f8c14c85f0df888b","state":{"template":"page.premium","theme":172555960688,"product":null,"collection":null,"page":"unsc-fleetcom-exchange","blog":null,"article":null,"app":null},"now":1732388344,"path":"\/pages\/unsc-fleetcom-exchange","locale_root_url":"\/","canonical_url":"https:\/\/gear.xbox.com\/pages\/unsc-fleetcom-exchange","customer_id":null,"customer_id_signature":"9c0b638021374d6f892e321e514c04225470ea6d400332b2f8c14c85f0df888b","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),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\":\"v160\",\"locked\":false,\"initialized\":true,\"scope\":\"page\",\"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\":\"9c0b638021374d6f892e321e514c04225470ea6d400332b2f8c14c85f0df888b\",\"state\":{\"template\":\"page.premium\",\"theme\":172555960688,\"product\":null,\"collection\":null,\"page\":\"unsc-fleetcom-exchange\",\"blog\":null,\"article\":null,\"app\":null},\"now\":1732388344,\"path\":\"\\\/pages\\\/unsc-fleetcom-exchange\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/gear.xbox.com\\\/pages\\\/unsc-fleetcom-exchange\",\"customer_id\":null,\"customer_id_signature\":\"9c0b638021374d6f892e321e514c04225470ea6d400332b2f8c14c85f0df888b\",\"cart\":null}\u003c\/script\u003e";Locksmith.jsonTagSignature="b1fd4d292888bf98617fa042ca4c326c6570e31db07cf304646fb1e8b074063e"</script> <link rel="stylesheet" href="https://size-charts-relentless.herokuapp.com/css/size-charts-relentless.css" /> <script> var sizeChartsRelentless = window.sizeChartsRelentless || {}; sizeChartsRelentless.product = null; sizeChartsRelentless.metafield = {"charts":[{"id":"2","title":"Adult Unisex Short Sleeve T-Shirt","descriptionTop":"<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/2/assets/scr-2-meta-thread-mens-t-shirt.jpg?v=1602684226\" alt=\"\" width=\"300\" height=\"300\" /></p>\r\n<p>*Our everyday adult tee has a standard fit. The preshrunk, 100% cotton is durable and keeps the tee's size with every wear. For a looser fit, we suggest ordering a size up than what you would normally wear.</p>","values":[["Size","Width","Length"],["SM","18.5\"","28\""],["M","20.5\"","29.5\""],["L","22\"","31\""],["XL","24\"","32\""],["XXL","25\"","33\""],["3XL","27\"","33.5\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5691547713701","type":"product","operator":"is-equal-to","title":"Halo Infinite John-117 Tee"},{"id":"5786485325989","type":"product","operator":"is-equal-to","title":"Xbox Series X Color Block Tee"},{"id":"5786478543013","type":"product","operator":"is-equal-to","title":"Xbox Series X Tee"},{"id":"5691578679461","type":"product","operator":"is-equal-to","title":"Gradient.VW Sphere Tee"},{"id":"6635583471781","type":"product","operator":"is-equal-to","title":"Xbox Icon Collection Electric Volt Tee"},{"id":"6741379874981","type":"product","operator":"is-equal-to","title":"Halo 20th Anniversary Tee"},{"id":"6684438462629","type":"product","operator":"is-equal-to","title":"Xbox 20th Anniversary Tee"},{"id":"6778556842149","type":"product","operator":"is-equal-to","title":"Xbox Boxed Wordmark Reflective T-Shirt"},{"id":"6778556776613","type":"product","operator":"is-equal-to","title":"Xbox Series X Gray Dyed T-Shirt"},{"id":"6808025268389","type":"product","operator":"is-equal-to","title":"Xbox Summer Wave Charcoal Tee"},{"id":"6808025432229","type":"product","operator":"is-equal-to","title":"Xbox Summer Wave White Tee"},{"id":"6984148418725","type":"product","operator":"is-equal-to","title":"Xbox 20th Anniversary Nexus Tee"},{"id":"6971368767653","type":"product","operator":"is-equal-to","title":"Psychonauts 2 Black Tie Dye Raz Tee"},{"id":"6971208859813","type":"product","operator":"is-equal-to","title":"Psychonauts 2 Teal Tie Dye Tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"1","title":"Women's Short Sleeve T-Shirt","descriptionTop":"<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/2/assets/scr-1-meta-thread-womens-t-shirt.jpg?v=1602683972\" alt=\"\" width=\"300\" height=\"300\" /></p>","values":[["Size","Width","Length"],["XS","18\"","25\""],["SM","19\"","25.5\""],["M","20\"","25.75\""],["L","20.25\"","26\""],["XL","21.75\"","26.5\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5691602960549","type":"product","operator":"is-equal-to","title":"Grid.VW Sphere Tee Womens"},{"id":"6808025104549","type":"product","operator":"is-equal-to","title":"Xbox Summer Wave Coal Women's Tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"3","title":"Adult Hoodie","descriptionTop":"<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/2/assets/scr-3-meta-thread-hoodie.jpg?v=1602689200\" alt=\"\" width=\"300\" height=\"300\" /></p>","values":[["Size","Width","Body Length","Sleeve Length"],["SM","22\"","30\"","27\""],["M","23\"","31\"","27.5\""],["L","24\"","32\"","28\""],["XL","25\"","33\"","28.5\""],["XXL","26\"","34\"","29\""],["3XL","27\"","35\"","29.5\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5691584053413","type":"product","operator":"is-equal-to","title":"Dash.VW Crewneck Sweatshirt"},{"id":"5593042485413","type":"product","operator":"is-equal-to","title":"Halo Infinite Camo Hoodie"},{"id":"5786488471717","type":"product","operator":"is-equal-to","title":"Xbox Series X Pullover Hoodie"},{"id":"6632308113573","type":"product","operator":"is-equal-to","title":"Xbox Icon Collection Daystrike Camo Hoodie"},{"id":"6808024973477","type":"product","operator":"is-equal-to","title":"Xbox Summer Wave Ash Zip-up Hoodie"},{"id":"6632307753125","type":"product","operator":"is-equal-to","title":"Xbox Black Sphere Gaming Hoodie"},{"id":"6867456655525","type":"product","operator":"is-equal-to","title":"Xbox White Sphere Gaming Hoodie"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"4","title":"Adult Jacket","descriptionTop":"<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/2/assets/scr-4-meta-thread-jacket.jpg?v=1602690220\" alt=\"\" width=\"300\" height=\"300\" /></p>","values":[["Size","Body Width","Body Length (Front)","Body Length (Back)","Inseam Sleeve Length"],["XS","19\"","28.5\"","30.5\"","21\""],["SM","20.5\"","29.5\"","31.5\"","21\""],["M","21.5\"","30\"","32\"","21.25\""],["L","22.5\"","31\"","32.5\"","22.5\""],["XL","23.5\"","32\"","33.5\"","23\""],["XXL","24\"","32.5\"","34\"","24\""],["3XL","24.5\"","33\"","34.5\"","25\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5691594211493","type":"product","operator":"is-equal-to","title":"Chromatic.VW Windbreaker"},{"id":"5691516551333","type":"product","operator":"is-equal-to","title":"Halo Infinite ONI Training Jacket"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"5","title":"Adult Unisex Short Sleeve T-Shirt","descriptionTop":"","values":[["Sizes","Width (in)","Length (in)","Sleeve Center Back (in)"],["SM","18\"","28\"","15.63\""],["M","20\"","29\"","17\""],["L","22\"","30\"","18.5\""],["XL","24\"","32\"","20\""],["XXL","26\"","32\"","21.5\""],["3XL","28\"","33\"","22.88\""],["4XL","30\"","34\"","24.25\""],["5XL","32\"","35\"","25.37\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5840834330789","type":"product","operator":"is-equal-to","title":"Gears of War Locust Horde Metal T-shirt"},{"id":"5840846389413","type":"product","operator":"is-equal-to","title":"Gears Tactics Luke Preece T-Shirt"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"6","title":"Adult Hoodie","descriptionTop":"","values":[["Size","Width","Length","Center Back Sleeve Length"],["SM","20\"","27\"","34.5\""],["M","22\"","28\"","35.5\""],["L","24\"","29\"","36.5\""],["XL","26\"","30\"","37.5\""],["XXL","28\"","31\"","38.5\""],["3XL","30\"","32\"","39\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5840849862821","type":"product","operator":"is-equal-to","title":"Gears of War Hivebusters Hoodie"},{"id":"6984191803557","type":"product","operator":"is-equal-to","title":"Xbox 20th Anniversary Nexus Hoodie"},{"id":"6971369226405","type":"product","operator":"is-equal-to","title":"Psychonauts 2 Motherlobe AOP Hoodie"},{"id":"6971369062565","type":"product","operator":"is-equal-to","title":"Psychonauts 2 Razedelic AOP Hoodie"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"7","title":"Adult Short Sleeve T-Shirt","descriptionTop":"<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/2/assets/scr-7-scr-1-Delta11730.jpg?v=1604433143\" alt=\"\" width=\"300\" height=\"300\" /></p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: Montserrat, sans-serif;\">*Our everyday adult t-shirt has a standard fit. The preshrunk, 100% cotton is durable and keeps the tee's size with every wear. For a looser fit, we suggest ordering a size up than what you would normally wear.</span></p>","values":[["Size","Chest","Length"],["SM","18\"","28\""],["M","20\"","29\""],["L","22\"","30\""],["XL","24\"","31\""],["XXL","26\"","32\""],["3XL","28\"","33\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5800533819557","type":"product","operator":"is-equal-to","title":"Xbox FanFest Sphere Men's Tri-Blend T-Shirt"},{"id":"5800534016165","type":"product","operator":"is-equal-to","title":"Xbox FanFest T-Shirt Men's Tri-Blend T-Shirt"},{"id":"5800534212773","type":"product","operator":"is-equal-to","title":"Xbox FanFest Wordmark Men's Tri-Blend T-Shirt"},{"id":"5837768130725","type":"product","operator":"is-equal-to","title":"Grounded BURG.L Men's Tri-Blend T-Shirt"},{"id":"5837766885541","type":"product","operator":"is-equal-to","title":"Grounded Characters Men's Tri-Blend T-Shirt"},{"id":"5800533819557","type":"product","operator":"is-equal-to","title":"Xbox FanFest Sphere Men's Tri-Blend T-Shirt"},{"id":"5800534016165","type":"product","operator":"is-equal-to","title":"Xbox FanFest T-Shirt Men's Tri-Blend T-Shirt"},{"id":"5800534212773","type":"product","operator":"is-equal-to","title":"Xbox FanFest Wordmark Men's Tri-Blend T-Shirt"},{"id":"5826544664741","type":"product","operator":"is-equal-to","title":"Gears of War Crimson Omen Adult Short Sleeve T-Shirt"},{"id":"5826545025189","type":"product","operator":"is-equal-to","title":"Gears of War Crimson Omen Left Chest Adult Short Sleeve T-Shirt"},{"id":"5837767442597","type":"product","operator":"is-equal-to","title":"Grounded Hoops Adult Short Sleeve T-Shirt"},{"id":"5815049945253","type":"product","operator":"is-equal-to","title":"DAY ONE Series S Adult Short Sleeve T-Shirt"},{"id":"5815049650341","type":"product","operator":"is-equal-to","title":"DAY ONE Series X Adult Short Sleeve T-Shirt"},{"id":"5875558383781","type":"product","operator":"is-equal-to","title":"Age of Empires II: DE Elephant Rider T-Shirt"},{"id":"5875562610853","type":"product","operator":"is-equal-to","title":"Age of Empires III Logo T-Shirt"},{"id":"6019318481061","type":"product","operator":"is-equal-to","title":"Age of Empires Logo T-Shirt"},{"id":"5875561988261","type":"product","operator":"is-equal-to","title":"Age of Empires Wololo Red Monk Alternate Adult Short Sleeve T-Shirt"},{"id":"5875561758885","type":"product","operator":"is-equal-to","title":"Age of Empires Wololo! Alternate Blue Priest T-Shirt"},{"id":"5875560218789","type":"product","operator":"is-equal-to","title":"Age of Empires Wololo! Blue Priest T-Shirt"},{"id":"5875561562277","type":"product","operator":"is-equal-to","title":"Age of Empires Wololo! Red Priest T-Shirt"},{"id":"5875562250405","type":"product","operator":"is-equal-to","title":"Age of Empires Wololo! T-Shirt"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"8","title":"Adult Knit Sweater","descriptionTop":"<p style=\"text-align: center;\"><strong>General Size guidelines:</strong><br />Our sweaters have been custom made, knitted from scratch.</p>\r\n<p style=\"text-align: center;\">General <strong>chest size guidelines</strong> are included below.&nbsp; Measure under your arms to the fullest part of thhe chest.</p>\r\n<p style=\"text-align: center;\"><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/45/assets/scr-8-RoodysSizeChart_720x_96f10b43-302d-4d10-b9e5-30e8ebfdaa5f1.png?v=1668468443\" alt=\"\" width=\"720\" height=\"383\" /></p>","values":[["Size","Chest Guidelines"],["XS","34-35\""],["SM","36-37\""],["M","38-39\""],["L","40-41\""],["XL","43-43\""],["XXL","44-45\""],["3XL","46-47\""],["4XL","48-49\""],["5XL","50-51\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5905511678117","type":"product","operator":"is-equal-to","title":"MS Paint Ugly Sweater"},{"id":"5905441751205","type":"product","operator":"is-equal-to","title":"Windows 95 Ugly Sweater"},{"id":"5905491329189","type":"product","operator":"is-equal-to","title":"Windows XP Ugly Sweater"},{"id":"8082853494949","type":"product","operator":"is-equal-to","title":"Windows Ugly Sweater: Clippy Edition"},{"id":"8082909495461","type":"product","operator":"is-equal-to","title":"Xbox Game Pass Holiday Sweater"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"9","title":"Women's T-Shirt","descriptionTop":"<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/23/assets/scr-9-blobid0.png?v=1624386754\" alt=\"\" /></p>","values":[["","XS","SM","M","L","XL","XXL","3XL"],["Shoulder to hem","24.75\"","25.375\"","26\"","26.625\"","27.25\"","27.875\"","28.5\""],["Bust 1\" below armholes","15.25\"","16.25\"","17.25\"","18.25\"","19.75\"","21.25\"","22.75\""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"5875558613157","type":"product","operator":"is-equal-to","title":"Age of Empires II: DE Elephant Rider Women's T-Shirt"},{"id":"5875562872997","type":"product","operator":"is-equal-to","title":"Age of Empires III Logo Women's T-Shirt"},{"id":"5826544926885","type":"product","operator":"is-equal-to","title":"Gears of War Crimson Omen Left Chest Women's Short Sleeve T-Shirt"},{"id":"5826544468133","type":"product","operator":"is-equal-to","title":"Gears of War Crimson Omen Women's Short Sleeve T-Shirt"},{"id":"5867247665317","type":"product","operator":"is-equal-to","title":"Xbox FanFest Women's T-Shirt"},{"id":"6145632436389","type":"product","operator":"is-equal-to","title":"Age of Empires Wololo! Women's T-Shirt"},{"id":"6145623490725","type":"product","operator":"is-equal-to","title":"Grounded Hoops Women's T-Shirt"},{"id":"6805915795621","type":"product","operator":"is-equal-to","title":"Xbox Fanfest Halo Infinite Master Chief Women's T-Shirt"},{"id":"6583247569061","type":"product","operator":"is-equal-to","title":"Xbox FanFest Wordmark Sphere Women's T-Shirt"},{"id":"6782841028773","type":"product","operator":"is-equal-to","title":"Xbox PRIDE Halo Master Chief Women's T-Shirt"},{"id":"6782930845861","type":"product","operator":"is-equal-to","title":"Xbox PRIDE Halo Wordmark Women's T-Shirt"},{"id":"6784608207013","type":"product","operator":"is-equal-to","title":"Xbox PRIDE Psychonauts 2 Womens T-Shirt"},{"id":"6782840570021","type":"product","operator":"is-equal-to","title":"Xbox PRIDE Sphere Women's T-Shirt"},{"id":"6782840799397","type":"product","operator":"is-equal-to","title":"Xbox PRIDE Wordmark Women's T-Shirt"},{"id":"6808025104549","type":"product","operator":"is-equal-to","title":"Xbox Summer Wave Coal Women's Tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"10","title":"Adult Short Sleeve T-Shirt","descriptionTop":"","values":[["Size","SM","MD","L","XL","XXL"],["Chest*","34-36\"","38-40\"","42-44\"","46-48\"","50-52\""]],"descriptionBottom":"<div class=\"rte text--pull\" style=\"-webkit-font-smoothing: antialiased; margin-top: -0.435em; word-break: break-word; color: #3a2a2f; font-family: 'Basic Commercial', sans-serif; font-size: 15px; margin-bottom: 40px; box-sizing: border-box !important;\">\r\n<p style=\"-webkit-font-smoothing: antialiased; box-sizing: border-box !important; margin-top: 0px; font-size: inherit; font-weight: inherit; margin-bottom: 0px;\" data-mce-fragment=\"1\">*Measure under the arm and around the fullest part of the chest with arms down, keeping tape horizontal.&nbsp;<span style=\"-webkit-font-smoothing: antialiased; box-sizing: border-box !important;\" data-mce-fragment=\"1\">Tees are 100% Cotton Gildan SoftStyle Tee, machine wash cold, inside out, tumble dry low, do not iron design.</span></p>\r\n</div>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"6087731347621","type":"product","operator":"is-equal-to","title":"Gears of War Kait Diaz ‘Bound by Blood’ Manga T-Shirt"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"11","title":"Women's Bike Shorts","descriptionTop":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/23/assets/scr-11-ScreenShot2021-06-08at4.22.33PM.png?v=1623252162\" alt=\"\" width=\"1333\" height=\"693\" /></p>","values":[["","","","","",""],["","","","","",""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"6808024842405","type":"product","operator":"is-equal-to","title":"Xbox Summer Wave Women's High Waist Bike Shorts"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"12","title":"","descriptionTop":"","values":[["","","","","",""],["","","","","",""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"13","title":"Xbox FanFest 2022 Jersey","descriptionTop":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/23/assets/scr-13-XBOX_2022_fanfest_jersey_xs-5x_03.png?v=1652269904\" alt=\"\" /></p>","values":[["","","","","",""],["","","","","",""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7693593149605","type":"product","operator":"is-equal-to","title":"Xbox FanFest 2022 Jersey"},{"id":"7693602947237","type":"product","operator":"is-equal-to","title":"Xbox FanFest 2022 Jersey VIP"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"14","title":"Adult Unisex T-Shirt","descriptionTop":"<p><img src=\"//snow-themes.s3.us-east-2.amazonaws.com/avalanche/sizing-chart/Adult-Short-Sleeve-T-Shirt-3600-Monster-Digital.jpg\" alt=\"\" /></p>","values":[["Size","S","M","L","XL","2XL"],["Length","27.5","28.5","29.5","30.5","31.5"],["Chest","19","21","23","25","27"],["Sleeve Length","8.13","8.38","8.63","8.88","9.13"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7800758829221","type":"product","operator":"is-equal-to","title":"Hardwear It's In You, Not On You Tee"},{"id":"7800675598501","type":"product","operator":"is-equal-to","title":"Hardwear Never Not Creating Tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"15","title":"Adult Unisex T-Shirt","descriptionTop":"<p><img src=\"//snow-themes.s3.us-east-2.amazonaws.com/avalanche/sizing-chart/Adult-Short-Sleeve-T-Shirt-3600-Monster-Digital.jpg\" alt=\"\" /></p>","values":[["Size","S","M","L","XL","2XL","3XL","4XL"],["Chest (in)","17.5","19.5","21.25","23","25","27","29"],["Length (in)","26.63","28","29.38","30.75","31.63","32.5","33.5"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"","type":"tag","operator":"is-equal-to","title":"hardwear-tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"16","title":"Adult Unisex Sweatshirts","descriptionTop":"<p><img src=\"//snow-themes.s3.us-east-2.amazonaws.com/avalanche/sizing-chart/adult-crew-neck-sweatshirt-monster-digital.jpg\" alt=\"\" /></p>","values":[["Size","S","M","L","XL","2XL"],["Length","26.5","27.5","28.5","29.5","30.5"],["Chest","48","50","52","54","56"],["Shoulder Width","21","22","23","24","25"],["Sleeve Length","35","36","37","38","39"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"","type":"tag","operator":"is-equal-to","title":"hardwear-sweatshirts"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"17","title":"Adult Utility Jacket","descriptionTop":"","values":[["Size","S","M","L","XL","2XL"],["Length","25.5","26.5","27.5","28.5","29.5"],["Chest","48.5","50.5","52.5","54.5","56.5"],["Shoulder Width","18","19","20","21","22"],["Sleeve Length","34.25","35","35.75","36","36.5"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"hardwear-utility-jacket","type":"tag","operator":"is-equal-to","title":"hardwear-utility-jacket"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"18","title":"Adult Denim Jacket","descriptionTop":"","values":[["Size","S","M","L","XL","2XL"],["Length","28","29","30","31","32"],["Chest","48","50","52","54","56"],["Shoulder Width","18.5","19","19.5","20","20.5"],["Sleeve Length","34.25","35","35.75","36.5","38"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"hardwear-denim-jacket","type":"tag","operator":"is-equal-to","title":"hardwear-denim-jacket"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"19","title":"Adult Cargo Pants","descriptionTop":"","values":[["Size","S","M","L","XL","2XL"],["Waist","31.5","33.5","35.5","37.5","39.5"],["Hip","42","44","46","48","50"],["Inseam","32","32","32","34","34"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"hardwear-cargo-pants","type":"tag","operator":"is-equal-to","title":"hardwear-cargo-pants"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"20","title":"Adult Sweatpants","descriptionTop":"","values":[["Size","S","M","L","XL","2XL"],["Waist","30.5","32.5","34.5","36.5","38.5"],["Hip","41","43","45","47","49"],["Inseam","30","30","30","32","32"]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"hardwear-sweatpants","type":"tag","operator":"is-equal-to","title":"hardwear-sweatpants"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"21","title":"Fracture: Entrenched Tanker Jacket","descriptionTop":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-21-RevisedXbox_2022_Halo_Entrenched_Jackets_sm-4x.jpg?v=1659471318\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7866520043685","type":"product","operator":"is-equal-to","title":"Fracture: Entrenched Tanker Jacket"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"22","title":"Xbox Camper Sphere Tee","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-22-Xbox_2022_Gopr2k_Landscape_Sphere_Tee_sm-4x.jpg?v=1659027527\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7823199240357","type":"product","operator":"is-equal-to","title":"Xbox Camper Sphere Tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"23","title":"Xbox Camper Shorts","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-23-Xbox_2022_Gopr2k_Shorts_sm-4x.jpg?v=1659029395\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7819041734821","type":"product","operator":"is-equal-to","title":"Xbox Camper Shorts"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"24","title":"Xbox Camper ABXY Heather Gray Tee","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-24-Xbox_2022_Gopr2k_Abxy_Tee_sm-4x.jpg?v=1659029578\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7816836841637","type":"product","operator":"is-equal-to","title":"Xbox Camper ABXY Heather Gray Tee"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"25","title":"Xbox Camper Sherpa Anorak","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-25-Xbox_2022_Gopr2k_Sherpa_Anorak_sm-4x.jpg?v=1659029678\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7823212511397","type":"product","operator":"is-equal-to","title":"Xbox Camper Sherpa Anorak"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"26","title":"Xbox Camper Utility Crew Sweater","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-26-Xbox_2022_Gopr2k_utility_CrewSweater_sm-4x.jpg?v=1659029764\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7823211593893","type":"product","operator":"is-equal-to","title":"Xbox Camper Utility Crew Sweater"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"27","title":"Xbox Camper Utility Vest","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-27-Xbox_2022_Gopr2k_Utility_Vest_sm-4x.jpg?v=1659029824\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7818997268645","type":"product","operator":"is-equal-to","title":"Xbox Camper Utility Vest"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"28","title":"Xbox Camper Nylon Zip Windbreaker","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/36/assets/scr-28-Xbox_2022_Gopr2k_Zip_Windbreaker_sm-4x.jpg?v=1659029891\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7816852766885","type":"product","operator":"is-equal-to","title":"Xbox Camper Nylon Zip Windbreaker"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"29","title":" Gears of War “Never Fight Alone” T-shirt designed by Luke Preece","descriptionTop":"","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/41/assets/scr-29-NeverAloneSizeChart.png?v=1663364117\" alt=\"\" width=\"758\" height=\"434\" /></p>","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"7947530829989","type":"product","operator":"is-equal-to","title":"Gears of War “Never Fight Alone” T-shirt designed by Luke Preece"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"30","title":"Xbox Letterman Jacket","descriptionTop":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/44/assets/scr-30-XBOX_2022_Varisity_Jacketi_SizeChart.jpg?v=1667503166\" alt=\"\" width=\"1200\" height=\"1500\" /></p>","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"8050706383013","type":"product","operator":"is-equal-to","title":"Xbox Letterman Jacket"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"31","title":"Roody's Holiday Sweater","descriptionTop":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/45/assets/scr-31-RoodysSizeChart_720x_3d21830b-b440-47d6-90bc-f67632d500c6.png?v=1668183681\" alt=\"\" width=\"720\" height=\"720\" /></p>","values":[["","","","","",""],["","","","","",""],["","","","","",""],["","","","","",""]],"descriptionBottom":"","conditionsOperator":"products-matching-any-condition-below","conditions":[{"id":"8082905071781","type":"product","operator":"is-equal-to","title":"Age of Empires Holiday Sweater"}],"buttonPlacement":"use-global","parentSizeChart":"[object Object]"},{"id":"0","values":[["","",""],["","",""],["","",""],["","",""]],"title":"Ugly Holiday Sweater","descriptionTop":"<p><img src=\"https://cdn.shopify.com/s/files/1/0427/7095/6453/t/68/assets/scr-0-HolidaySweater.png?v=1697031701\" alt=\"\" width=\"1544\" height=\"872\" /></p>","conditions":[{"type":"product","title":"Halo Master Chief Knit Holiday Sweater","id":"8250005749925"},{"type":"product","title":"Windows Merry Blissmas Knit Holiday Sweater","id":"8250003390629"},{"type":"product","title":"Xbox Knit Holiday Sweater","id":"8250004537509"}]},{"id":"32","values":[["Size","Body","Chest","Sleeve"],["XS","27\"","19\"","33 1/2\""],["S","28\"","20\"","34 1/2\""],["M","29\"","22\"","35 1/2\""],["L","30\"","24\"","36 1/2\""],["XL","31\"","26\"","37 1/2\""],["2XL","32\"","27\"","38 1/2\""],["3XL","33\"","28\"","39 1/2\""],["4XL","34\"","29 1/2\"","40\""],["5XL","34 1/2\"","31\"","40 1/2\""]],"title":"Standard Pullover Hoodie","conditions":[{"type":"tag","title":"dotexe-pullover-hoodie","id":""}]},{"id":"33","values":[["Size","Waist","Outseam","Inseam"],["S","15\"","39\"","29\""],["M","16\"","40\"","30\""],["L","17\"","41\"","31\""],["XL","18\"","42\"","32\""],["2XL","19\"","43\"","33\""],["3XL","20\"","44\"","34\""]],"title":"Standard Fleece Pants","conditions":[{"type":"tag","title":"dotexe-fleece-pants","id":""}]},{"id":"34","values":[["Size","Body","Chest","Sleeve"],["XS","27\"","19\"","33 1/2\""],["S","28\"","20\"","34 1/2\""],["M","29\"","22\"","35 1/2\""],["L","30\"","24\"","36 1/2\""],["XL","31\"","26\"","37 1/2\""],["2XL","32\"","27\"","38 1/2\""],["3XL","33\"","28\"","39 1/2\""]],"title":"Standard Zip Hoodie","conditions":[{"type":"tag","title":"dotexe-zip-hoodie","id":""}]},{"id":"35","values":[["Size","Body","Chest"],["XS","26 3/4\"","17\""],["S","28\"","18 1/2\""],["M","29 1/2\"","20 1/2\""],["L","31\"","22 1/4\""],["XL","32 1/4\"","24\""],["2XL","33\"","25 1/4\""],["3XL","33 1/2\"","26 3/4\""]],"title":"Standard SS Shirt","conditions":[{"type":"tag","title":"dotexe-ss-shirt","id":""}]},{"id":"36","values":[["Size","Body","Chest"],["S","28 1/4\"","19 3/4\""],["M","29 1/4\"","21 1/4\""],["L","30 1/4\"","22 3/4\""],["XL","31 3/4\"","24 1/2\""],["2XL","32 3/4\"","26 3/4\""],["3XL","34\"","27 1/2\""]],"title":"Standard LS Shirt","conditions":[{"type":"tag","title":"dotexe-ls-shirt","id":""}]}],"buttonPlacement":"above-add-to-cart","buttonIcon":"ruler2","buttonText":"size chart","buttonSize":"Small","currentPlan":""}; </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"> <meta name="theme-color" content="#9bf00b"> <link rel="canonical" href="https://gear.xbox.com/pages/unsc-fleetcom-exchange"> <meta name="format-detection" content="telephone=no"><link rel="shortcut icon" href="//gear.xbox.com/cdn/shop/files/xbox-favicon_32x32.png?v=1614760937" type="image/png" /> <title>UNSC Fleetcom Exchange &ndash; Xbox Gear Shop </title> <meta property="og:site_name" content="Xbox Gear Shop"> <meta property="og:url" content="https://gear.xbox.com/pages/unsc-fleetcom-exchange"><meta property="og:title" content="UNSC Fleetcom Exchange"> <meta property="og:type" content="website"> <meta property="og:description" content="Shop for Xbox merchandise on the Xbox Gear Shop and gear up with your favorite Xbox franchises like Halo, Gears of War, Age of Empires, Grounded and more!"> <!-- Twitter Card Layout --> <meta name="twitter:card" content="summary"><meta name="twitter:title" content="UNSC Fleetcom Exchange"> <meta name="twitter:description" content="UNSC Fleetcom Exchange"> <!-- Slick Slider --> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" /> <!-- Typekits --> <link rel="stylesheet" href="https://use.typekit.net/smz4nhb.css"> <link rel="stylesheet" href="//gear.xbox.com/cdn/shop/t/97/assets/currency-flags.css?v=177154473537266533841731421932"> <style data-shopify> @font-face { font-family: "Avenir Next"; font-weight: 400; font-style: normal; src: url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e306e7480e0f5a6c8dbeb7451566bfd10460737d84b918c5e8a33dc8fa9e7805") format("woff2"), url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e2da3e656fa75f9eb993d0da0ec90aebf516b9daf38cee64cd77e50e8acd69f4") format("woff"); } @font-face { font-family: "Avenir Next"; font-weight: 400; font-style: normal; src: url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e306e7480e0f5a6c8dbeb7451566bfd10460737d84b918c5e8a33dc8fa9e7805") format("woff2"), url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e2da3e656fa75f9eb993d0da0ec90aebf516b9daf38cee64cd77e50e8acd69f4") format("woff"); } @font-face { font-family: "Avenir Next"; font-weight: 600; font-style: normal; src: url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_n6.08f6a09127d450aa39c74986de08fd8fa84e6a11.woff2?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bc4d8921eb664583d4014e40430275cde69640e1699d85172adb41e2be4c89a4") format("woff2"), url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_n6.bd2f76897d6f40c767db7c40226916ec7b6ffc65.woff?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=45400a937b77819541eaa7041e129cd0482fa90a8fd4d58bdeb58a0488da0667") format("woff"); } @font-face { font-family: "Avenir Next"; font-weight: 400; font-style: italic; src: url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=783a46224479c17ce90c4a2310621a60ba862d9dd5fcc9b2038039236e4b1cae") format("woff2"), url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=beda3a78394072971433974aac5b0e6d5cc6d031eec4031f7d84b6173b2a2de0") format("woff"); } @font-face { font-family: "Avenir Next"; font-weight: 600; font-style: italic; src: url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_i6.449b8593f8987f1402fdf6d634f972f810c90c5c.woff2?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9a13ef8e51c311b072020e366aba1ad6f334c57bbfd33fa93621156b64c5089a") format("woff2"), url("//gear.xbox.com/cdn/fonts/avenir_next/avenirnext_i6.9c697a2eda486add54c668d1ec4ac662c8402e7c.woff?h1=eGJveGdlYXJzaG9wLmNvbQ&h2=Z2Vhci54Ym94LmNvbQ&h3=bWljcm9zb2Z0LXhvZ3MuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=093e156fc77a511a314d711248cffbcb17df51fe5e756a561cecd2dcfb469f34") format("woff"); } </style> <link href="//gear.xbox.com/cdn/shop/t/97/assets/theme.scss.css?v=108321857156711269431731422058" rel="stylesheet" type="text/css" media="all" /> <link href="//gear.xbox.com/cdn/shop/t/97/assets/blizzard.scss.css?v=14899044482774718611731421932" rel="stylesheet" type="text/css" media="all" /> <link href="//gear.xbox.com/cdn/shop/t/97/assets/gift-guide.scss.css?v=123957375763871263721731421932" rel="stylesheet" type="text/css" media="all" /> <link href="//gear.xbox.com/cdn/shop/t/97/assets/custom.scss.css?v=113203263020938684501732113178" rel="stylesheet" type="text/css" media="all" /> <style data-shopify> .collection-item__title { font-size: 14.4px; } @media screen and (min-width: 769px) { .collection-item__title { font-size: 18px; } } </style> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = window.theme || {}; theme.strings = { addToCart: "Add to cart", soldOut: "Sold Out", unavailable: "Unavailable", stockLabel: "Only [count] items in stock!", willNotShipUntil: "Will not ship until [date]", willBeInStockAfter: "Will be in stock after [date]", waitingForStock: "Inventory on the way", savePrice: "Save [saved_amount]", cartEmpty: "Your cart is currently empty.", cartTermsConfirmation: "You must agree with the terms and conditions of sales to checkout" }; theme.settings = { dynamicVariantsEnable: true, dynamicVariantType: "button", cartType: "drawer", moneyFormat: "${{amount}}", saveType: "percent", recentlyViewedEnabled: false, predictiveSearch: true, predictiveSearchType: "product,article,page", inventoryThreshold: 10, quickView: true, themeName: 'Snow Blizzard', themeVersion: "3.0.2" }; </script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="AGfhCIOSLgxQ1GIQB6XmyYnjPAtoG5DVzlFqyLgk1Ak"> <meta name="google-site-verification" content="nn1vYJLrHikipuMs94w6aH0t6MjgCny3ugoXRMxQCOw"> <meta name="google-site-verification" content="D4kPYunJqvtHKueaaIDcCMyQPUO8w63gbDXmg_xJDbU"> <meta name="google-site-verification" content="AGfhCIOSLgxQ1GIQB6XmyYnjPAtoG5DVzlFqyLgk1Ak"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/42770956453/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="12482ccda66b14a8f581276d9946d963"> <meta id="in-context-paypal-metadata" data-shop-id="42770956453" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=42770956453" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":42770956453,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/42770956453","merchantName":"Xbox Gear Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Xbox Gear Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"12482ccda66b14a8f581276d9946d963","betas":["rich-media-storefront-analytics"],"domain":"gear.xbox.com","predictiveSearch":true,"shopId":42770956453,"smart_payment_buttons_url":"https:\/\/gear.xbox.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/gear.xbox.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "microsoft-xogs.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Copy of XGS V3.7 - Heritage Launch","id":172555960688,"schema_name":"Snow Blizzard","schema_version":"3.0.2","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "gear.xbox.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":"page"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_Ztg3e7fA.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=microsoft-xogs.myshopify.com","https:\/\/api.omappapi.com\/shopify\/embed\/?shop=microsoft-xogs.myshopify.com","https:\/\/wiser.expertvillagemedia.com\/assets\/js\/wiser_script.js?shop=microsoft-xogs.myshopify.com","https:\/\/swymv3starter-01.azureedge.net\/code\/swym-shopify.js?shop=microsoft-xogs.myshopify.com","\/\/swymv3starter-01.azureedge.net\/code\/swym-shopify.js?shop=microsoft-xogs.myshopify.com","https:\/\/cdn.customily.com\/shopify\/static\/customily.shopify.script.js?shop=microsoft-xogs.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":42770956453,"offset":-18000,"reqid":"cbf48fc9-1984-4398-8639-2da56aae641d-1732388344","pageurl":"gear.xbox.com\/pages\/unsc-fleetcom-exchange","s":"pages-97246773413","u":"29b28068c595","p":"page","rtyp":"page","rid":97246773413};</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(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!1,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//gear.xbox.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//gear.xbox.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="//gear.xbox.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <!-- jQuery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script> <!-- Slick Slider --> <script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <!-- Holiday Effects --> <script src="//cdn.jsdelivr.net/npm/tsparticles@1.32.0/tsparticles.min.js"></script> <script src="//gear.xbox.com/cdn/shop/t/97/assets/blizzard.js?v=1285498395485420641731421932" type="text/javascript"></script> <script src="//gear.xbox.com/cdn/shop/t/97/assets/vendor-scripts-v6.js" defer="defer"></script> <script src="//gear.xbox.com/cdn/shop/t/97/assets/theme.js?v=32424290242038143991731421932" defer="defer"></script> <script src="//gear.xbox.com/cdn/shop/t/97/assets/ada-compliance.js?v=144955923887287909251731421932" defer="defer"></script><meta name="google-site-verification" content="Dv_WqBGZufgljrWH5oHZqdjW2fRdAZYT5fleKRZKJUg" /> <!-- Global site tag (gtag.js) - Google Ads: XXXXXXXXX --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-472102367"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-472102367', {'allow_enhanced_conversions': true}); </script> <meta name="google-site-verification" content="xc4qXBPpI4ElsP1KjtGvXJQfSmPF3bToyG5uAh8dHaI" /> <meta name="google-site-verification" content="BQYg-bOMgOhNTOfdcilnbxCIc10L1qpBaUdOsnW07Es" /> <meta name="google-site-verification" content="9aAO4gER4bwf4qnQI3jq3PjuLBo5wFDk_g7UcHyhOy4" /> <meta name="facebook-domain-verification" content="rwdpphayv7j57skul6med4t7303fkt" /> <!-- Reddit Pixel --> <script> !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_dggaf5mmc9hp', {"optOut":false,"useDecimalCurrencyValues":true,"email":"alice@example.com"});rdt('track', 'PageVisit'); </script> <!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER --> <!-- End Reddit Pixel --> <script> window.zoorixCartData = { currency: "USD", currency_symbol: "$", original_total_price: 0, total_discount: 0, item_count: 0, items: [ ] } window.Zoorix = window.Zoorix || {}; </script> <script> </script> <div class="evm-wiser-popup-mainsection"></div> <!-- Start of Chatbot Widget script --> <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=8c7dd066-73bf-4868-ba11-420a5a12cdff"> </script> <!-- End of Chatbot Widget script --> <script>!function(){window.semaphore=window.semaphore||[],window.ketch=function(){window.semaphore.push(arguments)};var e=new URLSearchParams(document.location.search),o=e.has("property")?e.get("property"):"xbox_gear_shop_us",n=document.createElement("script");n.type="text/javascript",n.src="https://global.ketchcdn.com/web/v3/config/snow_commerce/".concat(o,"/boot.js"),n.defer=n.async=!0,document.getElementsByTagName("head")[0].appendChild(n)}();</script> <!-- BEGIN app block: shopify://apps/order-limits-minmaxify/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 --><script type="text/javascript" src="https://limits.minmaxify.com/microsoft-xogs.myshopify.com?v=120&r=20240813221923"></script> <!-- END app app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/RQ9bBn/klaviyo.js?company_id=RQ9bBn"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0427/7095/6453/files/gear-shop-social_b72163ca-0ae7-4703-8ef5-6874186f0f58.jpg?v=1622833735" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0427/7095/6453/files/gear-shop-social_b72163ca-0ae7-4703-8ef5-6874186f0f58.jpg?v=1622833735" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <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: 42770956453,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};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 d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 42770956453,storefrontBaseUrl: "https://gear.xbox.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"710574448","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-Y8Z1Q0YZK7\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-Y8Z1Q0YZK7\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-Y8Z1Q0YZK7\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-Y8Z1Q0YZK7\\\",\\\"MC-WVHDQTBGSR\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-Y8Z1Q0YZK7\\\",\\\"MC-WVHDQTBGSR\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-Y8Z1Q0YZK7\\\",\\\"MC-WVHDQTBGSR\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-Y8Z1Q0YZK7\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-Y8Z1Q0YZK7\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"115343728","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Meta Pixel"},{"id":"116162928","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Klaviyo - TESTING - Cane"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Xbox Gear Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"microsoft-xogs.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/gear.xbox.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://gear.xbox.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":97246773413}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 42770956453, theme_id: 172555960688, app_name: "storefront", context_url: window.location.href, source_url: "//gear.xbox.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//gear.xbox.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//gear.xbox.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":42770956453,"isMerchantRequest":null,"themeId":172555960688,"themeCityHash":"11867195893292239601","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-182097652-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":97246773413}); 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 = "//gear.xbox.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Snow Blizzard"; window.BOOMR.themeVersion = "3.0.2"; window.BOOMR.shopId = 42770956453; window.BOOMR.themeId = 172555960688; })();</script> <script defer src="https://gear.xbox.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="42770956453" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="172555960688" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="unsc-fleetcom-exchange-page" class="template-page " data-transitions="false"> <button onclick="topFunction()" id="toTheTop" title="Go to top"><?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_2" fill="#054b16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 173.7 200" xml:space="preserve"> <g id="wDuPTu_1_"> <g> <path d="M70.8,64c0,1,0,1.9,0,2.8c0,10.1,0,20.3,0,30.4c0,10.9,0,21.8,0,32.6c0,11.1,0,22.2,0,33.3c0,10.3,0,20.5,0,30.8 c0,0.2,0,0.4,0,0.7h31.1c0-1,0-1.9,0-2.9c0-9.9,0-19.7,0-29.6c0-11.7,0-23.4,0-35.2c0-10.1,0-20.2,0-30.4c0-10,0-20,0-29.9 c0-0.9,0-1.7,0-2.6c0.1,0,0.2-0.1,0.3-0.1c13.8,13.8,27.5,27.6,41.4,41.5c7.2-7.3,14.4-14.4,21.4-21.6 c-26.2-26.2-52.4-52.5-78.6-78.8C60.1,31.4,33.9,57.7,7.7,83.9C14.8,91,22,98.2,29.3,105.5C43.1,91.7,56.9,77.9,70.8,64z"/> </g> </g> </svg> </button> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-newsletter-popup" class="shopify-section index-section--hidden"> </div> <div id="shopify-section-announcement-slider" class="shopify-section"> <div class="announcementBar"> </div><!-- end of announcementBar --> <style data-shopify> .announcementBar .slick-next, .announcementBar .slick-prev{ display:block; } .announcementBar .slick-prev::before, .announcementBar .slick-next::before{ color:#000000; } .announcementBar .announcementContainerMarquee { display: flex; justify-content: stretch; flex-flow: row nowrap; align-items: center; } .announcementBar .Container marquee.announcementContainerMarquee { margin-bottom: 0; } .announcementBar .announcementContainerMarquee .timerBox {margin: 0 15px; gap: 3px;} .announcementBar .Container .announcementContainerMarquee p, .announcementBar .Container .announcementContainerMarquee .timerBox {display: inline-flex; padding: 0;} @media screen and (min-width: 720px) { .announcementBar .announcementContainerMarquee .timerBox {gap: 5px;} } @media screen and (min-width: 960px) { .announcementBar .announcementContainerMarquee .timerBox {margin: 0 50px;} } </style> </div> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--right"> <div class="drawer__contents"> <div class="drawer__fixed-header drawer__fixed-header--full"> <div class="drawer__header drawer__header--full appear-animation appear-delay-1"> <div class="h2 drawer__title"> </div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__scrollable"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <!-- adding code for hiding certain nav items -- if Top Nav item has any childlinks titled "#', they will not display on mobile --> <!-- OR if Top Nav Items have only ONE child link, that will also not display on mobile. Instead, the GRANDCHILD links will be directly displayed --> <!-- end section, but more code for this feature starting around ~line 106- --> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <button type="button" aria-controls="Linklist-1" class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height "> <span class="mobile-nav__faux-link" > Shop by Title </span> <div class="mobile-nav__toggle"> <span class="faux-button"> <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button> </div> <div id="Linklist-1" class="mobile-nav__sublist collapsible-content collapsible-content--all " aria-labelledby="Label-1" > <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/age-of-empires" class="mobile-nav__link" > Age of Empires </a> </li> <li class="mobile-nav__item"> <a href="/collections/avowed" class="mobile-nav__link" > Avowed </a> </li> <li class="mobile-nav__item"> <a href="/collections/double-fine" class="mobile-nav__link" > Double Fine </a> </li> <li class="mobile-nav__item"> <a href="/collections/forza" class="mobile-nav__link" > Forza </a> </li> <li class="mobile-nav__item"> <a href="/pages/gears-armory" class="mobile-nav__link" > Gears of War </a> </li> <li class="mobile-nav__item"> <a href="/collections/grounded" class="mobile-nav__link" > Grounded </a> </li> <li class="mobile-nav__item"> <a href="/pages/halo" class="mobile-nav__link" > Halo </a> </li> <li class="mobile-nav__item"> <a href="/pages/hellblade" class="mobile-nav__link" > Hellblade </a> </li> <li class="mobile-nav__item"> <a href="/collections/ms-casual-games" class="mobile-nav__link" > Microsoft Casual Games </a> </li> <li class="mobile-nav__item"> <a href="/collections/obsidian" class="mobile-nav__link" > Obsidian Entertainment </a> </li> </ul> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/pentiment" class="mobile-nav__link" > Pentiment </a> </li> <li class="mobile-nav__item"> <a href="/collections/rare" class="mobile-nav__link" > Rare </a> </li> <li class="mobile-nav__item"> <a href="/collections/redfall" class="mobile-nav__link" > Redfall </a> </li> <li class="mobile-nav__item"> <a href="/collections/sea-of-thieves" class="mobile-nav__link" > Sea of Thieves </a> </li> <li class="mobile-nav__item"> <a href="/collections/state-of-decay" class="mobile-nav__link" > State of Decay </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-outer-worlds" class="mobile-nav__link" > The Outer Worlds </a> </li> <li class="mobile-nav__item"> <a href="/collections/wasteland" class="mobile-nav__link" > Wasteland </a> </li> <li class="mobile-nav__item"> <a href="/pages/xbox" class="mobile-nav__link" > Xbox </a> </li> <li class="mobile-nav__item"> <a href="/collections/all-products" class="mobile-nav__link" > Shop all </a> </li> </ul> </ul> </div> </div> </li> <!-- adding code for hiding certain nav items -- if Top Nav item has any childlinks titled "#', they will not display on mobile --> <!-- OR if Top Nav Items have only ONE child link, that will also not display on mobile. Instead, the GRANDCHILD links will be directly displayed --> <!-- end section, but more code for this feature starting around ~line 106- --> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <button type="button" aria-controls="Linklist-2" class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height "> <span class="mobile-nav__faux-link" > Shop by Product </span> <div class="mobile-nav__toggle"> <span class="faux-button"> <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button> </div> <div id="Linklist-2" class="mobile-nav__sublist collapsible-content collapsible-content--all " aria-labelledby="Label-2" > <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <!-- end custom code (also remove closing 'endif' on line ~193 ) --> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/apparel" class="mobile-nav__link" id="Sublabel-collections-apparel1" > Apparel </a> <button type="button" aria-controls="Sublinklist-2-collections-apparel1" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-apparel1" aria-labelledby="Sublabel-collections-apparel1" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shirts" class="mobile-nav__link" > Shirts </a> </li> <li class="mobile-nav__item"> <a href="/collections/shorts" class="mobile-nav__link" > Shorts </a> </li> <li class="mobile-nav__item"> <a href="/collections/hoodies-sweatshirts" class="mobile-nav__link" > Hoodies & sweatshirts </a> </li> <li class="mobile-nav__item"> <a href="/collections/jackets" class="mobile-nav__link" > Jackets </a> </li> <li class="mobile-nav__item"> <a href="/collections/pants-joggers" class="mobile-nav__link" > Pants & Joggers </a> </li> <li class="mobile-nav__item"> <a href="/collections/socks" class="mobile-nav__link" > Socks </a> </li> </ul> </div> </div> </li> <!-- adding below endif for line 106 'if' and 132 'else' --> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <!-- end custom code (also remove closing 'endif' on line ~193 ) --> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-collections-accessories2" > Accessories </a> <button type="button" aria-controls="Sublinklist-2-collections-accessories2" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-accessories2" aria-labelledby="Sublabel-collections-accessories2" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/auto-accessories" class="mobile-nav__link" > Auto Accessories </a> </li> <li class="mobile-nav__item"> <a href="/collections/bags-backpacks" class="mobile-nav__link" > Bags & Backpacks </a> </li> <li class="mobile-nav__item"> <a href="/collections/hats" class="mobile-nav__link" > Hats & Beanies </a> </li> <li class="mobile-nav__item"> <a href="/collections/jewelry" class="mobile-nav__link" > Jewelry </a> </li> <li class="mobile-nav__item"> <a href="/collections/key-chains" class="mobile-nav__link" > Keychains </a> </li> <li class="mobile-nav__item"> <a href="/collections/phone-cases" class="mobile-nav__link" > Phone cases </a> </li> </ul> </div> </div> </li> <!-- adding below endif for line 106 'if' and 132 'else' --> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <!-- end custom code (also remove closing 'endif' on line ~193 ) --> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/drinkware" class="mobile-nav__link" id="Sublabel-collections-drinkware3" > Drinkware </a> <button type="button" aria-controls="Sublinklist-2-collections-drinkware3" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-drinkware3" aria-labelledby="Sublabel-collections-drinkware3" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/coffee-mugs" class="mobile-nav__link" > Coffee mugs </a> </li> <li class="mobile-nav__item"> <a href="/collections/glassware" class="mobile-nav__link" > Glassware </a> </li> <li class="mobile-nav__item"> <a href="/collections/drinkware/tumblers" class="mobile-nav__link" > Tumblers </a> </li> <li class="mobile-nav__item"> <a href="/collections/water-bottles" class="mobile-nav__link" > Water Bottles </a> </li> </ul> </div> </div> </li> <!-- adding below endif for line 106 'if' and 132 'else' --> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <!-- end custom code (also remove closing 'endif' on line ~193 ) --> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/home-office" class="mobile-nav__link" id="Sublabel-collections-home-office4" > Home &amp; office </a> <button type="button" aria-controls="Sublinklist-2-collections-home-office4" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-home-office4" aria-labelledby="Sublabel-collections-home-office4" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/beach-towels" class="mobile-nav__link" > Beach Towels </a> </li> <li class="mobile-nav__item"> <a href="/collections/blankets-pillows" class="mobile-nav__link" > Blankets & Pillows </a> </li> <li class="mobile-nav__item"> <a href="/collections/calendar" class="mobile-nav__link" > Calendars </a> </li> <li class="mobile-nav__item"> <a href="/collections/home-office/Chairs" class="mobile-nav__link" > Chairs </a> </li> <li class="mobile-nav__item"> <a href="/collections/stickers" class="mobile-nav__link" > Stickers </a> </li> <li class="mobile-nav__item"> <a href="/collections/wall-art" class="mobile-nav__link" > Wall art </a> </li> </ul> </div> </div> </li> <!-- adding below endif for line 106 'if' and 132 'else' --> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <!-- end custom code (also remove closing 'endif' on line ~193 ) --> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/collectibles" class="mobile-nav__link" id="Sublabel-collections-collectibles5" > Collectibles </a> <button type="button" aria-controls="Sublinklist-2-collections-collectibles5" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-collectibles5" aria-labelledby="Sublabel-collections-collectibles5" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/action-figures" class="mobile-nav__link" > Action Figures </a> </li> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link" > Books </a> </li> <li class="mobile-nav__item"> <a href="/collections/pins" class="mobile-nav__link" > Pins </a> </li> <li class="mobile-nav__item"> <a href="/collections/playing-cards" class="mobile-nav__link" > Playing Cards </a> </li> <li class="mobile-nav__item"> <a href="/collections/standees" class="mobile-nav__link" > Standees </a> </li> </ul> </div> </div> </li> <!-- adding below endif for line 106 'if' and 132 'else' --> </ul> </div> </div> </li> <!-- adding code for hiding certain nav items -- if Top Nav item has any childlinks titled "#', they will not display on mobile --> <!-- OR if Top Nav Items have only ONE child link, that will also not display on mobile. Instead, the GRANDCHILD links will be directly displayed --> <!-- end section, but more code for this feature starting around ~line 106- --> <li class="mobile-nav__item appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/" class="mobile-nav__link mobile-nav__link--top-level" id="Label-3" > Shop by Collection </a> <div class="mobile-nav__toggle"> <button type="button" aria-controls="Linklist-3" class="collapsible-trigger collapsible--auto-height "> <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> </div> <div id="Linklist-3" class="mobile-nav__sublist collapsible-content collapsible-content--all " aria-labelledby="Label-3" > <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <!-- adding code: Top nav items that have only one sub category will not redundantly display that single title in mobile, instead the subitem's grandchild links will be displayed immediately --> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/xbox-camper-collection" class="mobile-nav__link" > Camper </a> </li> <li class="mobile-nav__item"> <a href="/collections/xbox-color-blast-collection" class="mobile-nav__link" > Color Blast </a> </li> <li class="mobile-nav__item"> <a href="/collections/xbox-essentials" class="mobile-nav__link" > Essentials </a> </li> <li class="mobile-nav__item"> <a href="/collections/halo-championship-series" class="mobile-nav__link" > HCS </a> </li> <li class="mobile-nav__item"> <a href="/collections/xbox-icon-collection" class="mobile-nav__link" > Icon </a> </li> <li class="mobile-nav__item"> <a href="/collections/xbox-spring-break" class="mobile-nav__link" > Spring Break </a> </li> <li class="mobile-nav__item"> <a href="/collections/xbox-halo-summer-collection" class="mobile-nav__link" > Summer </a> </li> </ul> </ul> </div> </div> </li> <!-- adding code for hiding certain nav items -- if Top Nav item has any childlinks titled "#', they will not display on mobile --> <!-- OR if Top Nav Items have only ONE child link, that will also not display on mobile. Instead, the GRANDCHILD links will be directly displayed --> <!-- end section, but more code for this feature starting around ~line 106- --> <li class="mobile-nav__item appear-animation appear-delay-5"> <a href="/collections/new-releases" class="mobile-nav__link mobile-nav__link--top-level" >New</a> </li> <!-- adding code for hiding certain nav items -- if Top Nav item has any childlinks titled "#', they will not display on mobile --> <!-- OR if Top Nav Items have only ONE child link, that will also not display on mobile. Instead, the GRANDCHILD links will be directly displayed --> <!-- end section, but more code for this feature starting around ~line 106- --> <li class="mobile-nav__item appear-animation appear-delay-6"> <a href="/collections/best-sellers" class="mobile-nav__link mobile-nav__link--top-level" >Best Sellers</a> </li> <!-- adding code for hiding certain nav items -- if Top Nav item has any childlinks titled "#', they will not display on mobile --> <!-- OR if Top Nav Items have only ONE child link, that will also not display on mobile. Instead, the GRANDCHILD links will be directly displayed --> <!-- end section, but more code for this feature starting around ~line 106- --> <li class="mobile-nav__item appear-animation appear-delay-7"> <a href="/products/xbox-gear-shop-egift-card" class="mobile-nav__link mobile-nav__link--top-level" >eGift Card</a> </li> <li class="mobile-nav__item mobile-nav__item--secondary"> <div class="grid"> <div class="grid__item one-half appear-animation appear-delay-8"> <a href="/account" class="mobile-nav__link"> Account </a> </div> </div> </li> </ul><ul class="mobile-nav__social appear-animation appear-delay-9"> </ul> </div> </div> </div> <div id="CartDrawer" class="drawer drawer--right"> <form action="/cart" method="post" novalidate class="drawer__contents"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="h2 drawer__title">Cart</div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close cart</span> </button> </div> </div> </div> <div id="CartContainer" class="drawer__inner"></div> </form> </div> <style data-shopify> .site-nav__link, .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { font-size: 14px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-sticky-wrapper"> <div class="header-wrapper"> <header class="site-header" data-sticky="false"> <div class="page-width"> <div class="header-layout header-layout--left-center" data-logo-align="left"> <div class="header-item header-item--logo"> <style data-shopify> .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 1 px; -ms-flex: 0 1 px; flex: 0 1 px; } @media only screen and (min-width: 769px) { .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 0 px; -ms-flex: 0 0 px; flex: 0 0 px; } } .site-header__logo a { width: px; } .is-light .site-header__logo .logo--inverted { width: px; } @media only screen and (min-width: 769px) { .site-header__logo a { width: px; } .is-light .site-header__logo .logo--inverted { width: px; } } </style> <div class="h1 site-header__logo" itemscope itemtype="http://schema.org/Organization"> <a href="https://gear.xbox.com/" itemprop="url" class="site-header__logo-link" > <img class="small--hide" src="//gear.xbox.com/cdn/shop/files/XGS-min.png?v=1728934079" srcset="//gear.xbox.com/cdn/shop/files/XGS-min.png?v=1728934079" alt="Xbox Gear Shop" itemprop="logo"> <img class="medium-up--hide" src="//gear.xbox.com/cdn/shop/files/XGS-min.png?v=1728934079" srcset="//gear.xbox.com/cdn/shop/files/XGS-min.png?v=1728934079" alt="Xbox Gear Shop"> </a> </div> </div> <div class="header-item header-item--navigation text-center"> <ul class="site-nav site-navigation small--hide" role="list" aria-label="Primary" > <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <!-- adding custom code: if Item has NO childlinks AND no associated megamenu, do not show megamenu or dropdown. --> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true" role="listitem" role="listitem"> <a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"> Shop by Title </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 "> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="#" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Shop by title</a> </div> <div> <a href="/collections/age-of-empires" class="site-nav__dropdown-link"> Age of Empires </a> </div> <div> <a href="/collections/avowed" class="site-nav__dropdown-link"> Avowed </a> </div> <div> <a href="/collections/double-fine" class="site-nav__dropdown-link"> Double Fine </a> </div> <div> <a href="/collections/forza" class="site-nav__dropdown-link"> Forza </a> </div> <div> <a href="/pages/gears-armory" class="site-nav__dropdown-link"> Gears of War </a> </div> <div> <a href="/collections/grounded" class="site-nav__dropdown-link"> Grounded </a> </div> <div> <a href="/pages/halo" class="site-nav__dropdown-link"> Halo </a> </div> <div> <a href="/pages/hellblade" class="site-nav__dropdown-link"> Hellblade </a> </div> <div> <a href="/collections/ms-casual-games" class="site-nav__dropdown-link"> Microsoft Casual Games </a> </div> <div> <a href="/collections/obsidian" class="site-nav__dropdown-link"> Obsidian Entertainment </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="#" class="site-nav__dropdown-link site-nav__dropdown-link--top-level hidden">#</a> </div> <div> <a href="/collections/pentiment" class="site-nav__dropdown-link"> Pentiment </a> </div> <div> <a href="/collections/rare" class="site-nav__dropdown-link"> Rare </a> </div> <div> <a href="/collections/redfall" class="site-nav__dropdown-link"> Redfall </a> </div> <div> <a href="/collections/sea-of-thieves" class="site-nav__dropdown-link"> Sea of Thieves </a> </div> <div> <a href="/collections/state-of-decay" class="site-nav__dropdown-link"> State of Decay </a> </div> <div> <a href="/collections/the-outer-worlds" class="site-nav__dropdown-link"> The Outer Worlds </a> </div> <div> <a href="/collections/wasteland" class="site-nav__dropdown-link"> Wasteland </a> </div> <div> <a href="/pages/xbox" class="site-nav__dropdown-link"> Xbox </a> </div> <div> <a href="/collections/all-products" class="site-nav__dropdown-link"> Shop all </a> </div> </div> <!-- BEGIN custom code for adding images to megamenu --> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/pages/xbox" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/xbox-gear-menu_300x.jpg?v=1614760940" data-src="//gear.xbox.com/cdn/shop/files/xbox-gear-menu_{width}x.jpg?v=1614760940" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="Shop Xbox"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/xbox-gear-menu_720x.jpg?v=1614760940" alt="Shop Xbox"> </noscript> </a> <h4 class="nav__sub__cta-title h5">XBOX Gear</h4> <div class="nav__sub__cta-link"> <a href="/pages/xbox" class="link link--arrow">Shop now</a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/pages/halo" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/halo-infinite-menu_300x.jpg?v=1614760950" data-src="//gear.xbox.com/cdn/shop/files/halo-infinite-menu_{width}x.jpg?v=1614760950" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="Shop Halo"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/halo-infinite-menu_720x.jpg?v=1614760950" alt="Shop Halo"> </noscript> </a> <h4 class="nav__sub__cta-title h5">Halo</h4> <div class="nav__sub__cta-link"> <a href="/pages/halo" class="link link--arrow">Shop now</a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/pages/gears-armory" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/Rectangle_16_3e2c18b9-84fd-4191-8f16-d09ea120d9c5_300x.png?v=1717786109" data-src="//gear.xbox.com/cdn/shop/files/Rectangle_16_3e2c18b9-84fd-4191-8f16-d09ea120d9c5_{width}x.png?v=1717786109" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="Shop Gears of War"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/Rectangle_16_3e2c18b9-84fd-4191-8f16-d09ea120d9c5_720x.png?v=1717786109" alt="Shop Gears of War"> </noscript> </a> <h4 class="nav__sub__cta-title h5">Gears of War</h4> <div class="nav__sub__cta-link"> <a href="/pages/gears-armory" class="link link--arrow">Shop now</a> </div> </div> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <!-- adding custom code: if Item has NO childlinks AND no associated megamenu, do not show megamenu or dropdown. --> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true" role="listitem" role="listitem"> <a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"> Shop by Product </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 "> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Apparel</a> </div> <div> <a href="/collections/shirts" class="site-nav__dropdown-link"> Shirts </a> </div> <div> <a href="/collections/shorts" class="site-nav__dropdown-link"> Shorts </a> </div> <div> <a href="/collections/hoodies-sweatshirts" class="site-nav__dropdown-link"> Hoodies & sweatshirts </a> </div> <div> <a href="/collections/jackets" class="site-nav__dropdown-link"> Jackets </a> </div> <div> <a href="/collections/pants-joggers" class="site-nav__dropdown-link"> Pants & Joggers </a> </div> <div> <a href="/collections/socks" class="site-nav__dropdown-link"> Socks </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Accessories</a> </div> <div> <a href="/collections/auto-accessories" class="site-nav__dropdown-link"> Auto Accessories </a> </div> <div> <a href="/collections/bags-backpacks" class="site-nav__dropdown-link"> Bags & Backpacks </a> </div> <div> <a href="/collections/hats" class="site-nav__dropdown-link"> Hats & Beanies </a> </div> <div> <a href="/collections/jewelry" class="site-nav__dropdown-link"> Jewelry </a> </div> <div> <a href="/collections/key-chains" class="site-nav__dropdown-link"> Keychains </a> </div> <div> <a href="/collections/phone-cases" class="site-nav__dropdown-link"> Phone cases </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/drinkware" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Drinkware</a> </div> <div> <a href="/collections/coffee-mugs" class="site-nav__dropdown-link"> Coffee mugs </a> </div> <div> <a href="/collections/glassware" class="site-nav__dropdown-link"> Glassware </a> </div> <div> <a href="/collections/drinkware/tumblers" class="site-nav__dropdown-link"> Tumblers </a> </div> <div> <a href="/collections/water-bottles" class="site-nav__dropdown-link"> Water Bottles </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-4"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/home-office" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Home & office</a> </div> <div> <a href="/collections/beach-towels" class="site-nav__dropdown-link"> Beach Towels </a> </div> <div> <a href="/collections/blankets-pillows" class="site-nav__dropdown-link"> Blankets & Pillows </a> </div> <div> <a href="/collections/calendar" class="site-nav__dropdown-link"> Calendars </a> </div> <div> <a href="/collections/home-office/Chairs" class="site-nav__dropdown-link"> Chairs </a> </div> <div> <a href="/collections/stickers" class="site-nav__dropdown-link"> Stickers </a> </div> <div> <a href="/collections/wall-art" class="site-nav__dropdown-link"> Wall art </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-5"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/collectibles" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Collectibles</a> </div> <div> <a href="/collections/action-figures" class="site-nav__dropdown-link"> Action Figures </a> </div> <div> <a href="/collections/books" class="site-nav__dropdown-link"> Books </a> </div> <div> <a href="/collections/pins" class="site-nav__dropdown-link"> Pins </a> </div> <div> <a href="/collections/playing-cards" class="site-nav__dropdown-link"> Playing Cards </a> </div> <div> <a href="/collections/standees" class="site-nav__dropdown-link"> Standees </a> </div> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <!-- adding custom code: if Item has NO childlinks AND no associated megamenu, do not show megamenu or dropdown. --> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true" role="listitem" role="listitem"> <a href="/" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"> Shop by Collection </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 "> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Shop By Collection</a> </div> <div> <a href="/collections/xbox-camper-collection" class="site-nav__dropdown-link"> Camper </a> </div> <div> <a href="/collections/xbox-color-blast-collection" class="site-nav__dropdown-link"> Color Blast </a> </div> <div> <a href="/collections/xbox-essentials" class="site-nav__dropdown-link"> Essentials </a> </div> <div> <a href="/collections/halo-championship-series" class="site-nav__dropdown-link"> HCS </a> </div> <div> <a href="/collections/xbox-icon-collection" class="site-nav__dropdown-link"> Icon </a> </div> <div> <a href="/collections/xbox-spring-break" class="site-nav__dropdown-link"> Spring Break </a> </div> <div> <a href="/collections/xbox-halo-summer-collection" class="site-nav__dropdown-link"> Summer </a> </div> </div> <!-- BEGIN custom code for adding images to megamenu --> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <a href="/collections/xbox-essentials" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/Essentials_Collection_300x.png?v=1718133565" data-src="//gear.xbox.com/cdn/shop/files/Essentials_Collection_{width}x.png?v=1718133565" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="Essentials Collection"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/Essentials_Collection_720x.png?v=1718133565" alt="Essentials Collection"> </noscript> </a> <h4 class="nav__sub__cta-title h5">ESSENTIALS COLLECTION</h4> <div class="nav__sub__cta-link"> <a href="/collections/xbox-essentials" class="link link--arrow">Shop now</a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <a href="/collections/xbox-icon-collection" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/Icon_Collection_300x.png?v=1718133679" data-src="//gear.xbox.com/cdn/shop/files/Icon_Collection_{width}x.png?v=1718133679" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="Icon Collection"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/Icon_Collection_720x.png?v=1718133679" alt="Icon Collection"> </noscript> </a> <h4 class="nav__sub__cta-title h5">ICON COLLECTION</h4> <div class="nav__sub__cta-link"> <a href="/collections/xbox-icon-collection" class="link link--arrow">Shop now</a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <a href="/collections/xbox-spring-break" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/Spring_Break_300x.png?v=1718133716" data-src="//gear.xbox.com/cdn/shop/files/Spring_Break_{width}x.png?v=1718133716" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="Xbox Spring Break Collection"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/Spring_Break_720x.png?v=1718133716" alt="Xbox Spring Break Collection"> </noscript> </a> <h4 class="nav__sub__cta-title h5">XBOX SPRING BREAK</h4> <div class="nav__sub__cta-link"> <a href="/collections/xbox-spring-break" class="link link--arrow">Shop now</a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <a href="/pages/unsc-fleetcom-exchange" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js drop-shadow" src="//gear.xbox.com/cdn/shop/files/Halo_Silver_300x.png?v=1718908124" data-src="//gear.xbox.com/cdn/shop/files/Halo_Silver_{width}x.png?v=1718908124" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt="UNSC Fleetcom Exchance"> <noscript> <img class="nav__sub__cta-image" src="//gear.xbox.com/cdn/shop/files/Halo_Silver_720x.png?v=1718908124" alt="UNSC Fleetcom Exchance"> </noscript> </a> <h4 class="nav__sub__cta-title h5">UNSC FLEETCOM EXCHANGE</h4> <div class="nav__sub__cta-link"> <a href="/pages/unsc-fleetcom-exchange" class="link link--arrow">Shop now</a> </div> </div> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <li class="site-nav__item site-nav__expanded-item site-nav--is-megamenu" role="listitem"> <a href="/collections/new-releases" class="site-nav__link site-nav__link--underline"> New </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 display-none"> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <li class="site-nav__item site-nav__expanded-item site-nav--is-megamenu" role="listitem"> <a href="/collections/best-sellers" class="site-nav__link site-nav__link--underline"> Best Sellers </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 display-none"> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <li class="site-nav__item site-nav__expanded-item site-nav--is-megamenu" role="listitem"> <a href="/products/xbox-gear-shop-egift-card" class="site-nav__link site-nav__link--underline"> eGift Card </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 display-none"> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> </ul> </div> <div class="header-item header-item--icons"> <div class="site-nav"> <div class="site-nav__icons"> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg width="30px" height="30px" stroke="#505050" fill="#505050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72 56" xml:space="preserve"> <path id="Sign_in" class="st1" d="M55.3,44.5c-0.6-2-1.5-3.8-2.7-5.5c-1.1-1.7-2.6-3.1-4.2-4.4c-1.5-1.1-3.1-2-4.9-2.7 c0.9-0.6,1.8-1.2,2.5-2c0.9-0.9,1.7-1.9,2.4-3s1.2-2.3,1.5-3.5c0.4-1.3,0.5-2.6,0.5-3.9c0-2-0.4-3.9-1.1-5.7 c-0.8-1.8-1.8-3.3-3.1-4.6s-2.9-2.4-4.6-3.1C39.9,5.3,38,4.9,36,4.9S32.1,5.3,30.3,6c-1.8,0.8-3.3,1.8-4.6,3.1 c-1.3,1.3-2.4,2.9-3.1,4.6c-0.8,1.8-1.1,3.7-1.1,5.7c0,1.3,0.2,2.6,0.5,3.9c0.4,1.3,0.9,2.5,1.5,3.6c0.7,1.1,1.5,2.1,2.4,3 c0.8,0.7,1.6,1.4,2.6,2c-1.8,0.7-3.4,1.6-4.9,2.8c-1.6,1.3-3.1,2.7-4.2,4.4s-2.1,3.5-2.7,5.5s-0.9,4.1-0.9,6.2v0.3h3.5v-0.3 c0-1.5,0.2-3.1,0.6-4.5s1-2.8,1.7-4s1.6-2.4,2.6-3.4s2.1-1.9,3.4-2.6c1.2-0.7,2.6-1.3,4-1.7c1.4-0.4,2.9-0.6,4.5-0.6 c2.4,0,4.6,0.4,6.6,1.3c2,0.8,3.8,2,5.3,3.5s2.7,3.3,3.5,5.3s1.3,4.3,1.3,6.6V51h3.5v-0.3C56.2,48.6,55.9,46.5,55.3,44.5z M36,8.4 c1.5,0,3,0.3,4.3,0.9c1.3,0.6,2.5,1.4,3.5,2.4s1.8,2.2,2.4,3.5c0.6,1.3,0.9,2.8,0.9,4.3c0,1.5-0.3,3-0.9,4.3 c-0.6,1.3-1.4,2.5-2.4,3.5s-2.2,1.8-3.5,2.4c-2.7,1.2-5.9,1.2-8.6,0c-1.3-0.6-2.5-1.4-3.5-2.4s-1.8-2.2-2.4-3.5 C25.2,22.4,25,21,25,19.5s0.3-3,0.9-4.3s1.4-2.5,2.4-3.5s2.2-1.8,3.5-2.4C33,8.7,34.5,8.4,36,8.4z"/> </svg> <span class="icon__fallback-text"> Account </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition"> <svg width="20px" height="20px" viewBox="0 0 44 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="search_Icon" transform="translate(2.000000, 2.000000)" stroke="#505050" stroke-width="4"> <ellipse id="Oval" cx="16.3888889" cy="17.1014493" rx="16.3888889" ry="17.1014493"></ellipse> <path d="M40,40 L28.6111111,28.2318841" id="Path"></path> </g> </g> </svg> <!--<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg>--> <span class="icon__fallback-text">Search</span> </a> <button type="button" class="site-nav__link site-nav__link--icon js-drawer-open-nav medium-up--hide" aria-controls="NavDrawer"> <svg width="30px" height="30px" stroke="#505050" fill="#505050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72 56" style="enable-background:new 0 0 72 56;" xml:space="preserve"> <rect x="11.6" y="6.5" class="st0" width="51.3" height="4.4"/> <rect x="11.6" y="25.8" class="st0" width="51.3" height="4.4"/> <rect x="11.6" y="45.1" class="st0" width="51.3" height="4.4"/> </svg> </button> <a href="#swym-wishlist" class="swym-wishlist site-nav__link site-nav__link--icon wishlist-header-icon" aria-label="swym-wishlit-icon"> <?xml version="1.0" encoding="UTF-8" ?> <svg class="icon-heart" width="20px" height="20px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg"> <g> <path fill="none" opacity="1.00" d=" M 0.00 0.00 L 80.00 0.00 L 80.00 80.00 L 0.00 80.00 L 0.00 0.00 M 6.59 15.61 C 3.64 21.71 4.73 28.87 7.05 34.99 C 11.85 47.41 21.13 57.33 30.40 66.59 C 33.63 69.87 36.69 73.44 40.78 75.70 C 50.80 65.37 61.86 55.72 69.21 43.17 C 72.50 37.30 75.60 30.89 75.44 24.00 C 75.56 18.90 73.47 13.74 69.70 10.29 C 64.05 5.12 55.18 3.97 48.32 7.27 C 44.77 8.92 42.39 12.13 40.03 15.11 C 38.27 12.85 36.57 10.46 34.24 8.73 C 25.51 2.10 11.25 5.72 6.59 15.61 Z" /> <path fill="none" opacity="1.00" d=" M 9.77 18.65 C 12.49 10.56 22.85 7.31 30.23 10.88 C 34.88 13.75 37.21 18.96 40.08 23.39 C 43.18 18.61 45.64 12.53 51.34 10.32 C 56.49 8.74 62.76 9.32 66.78 13.19 C 70.37 16.35 71.94 21.36 71.41 26.04 C 70.77 31.84 68.02 37.12 65.04 42.04 C 58.40 52.83 49.21 61.70 40.07 70.35 C 30.95 61.33 21.43 52.44 14.66 41.42 C 10.61 34.69 7.74 26.53 9.77 18.65 Z" /> </g> <g> <path opacity="1.00" d=" M 6.59 15.61 C 11.25 5.72 25.51 2.10 34.24 8.73 C 36.57 10.46 38.27 12.85 40.03 15.11 C 42.39 12.13 44.77 8.92 48.32 7.27 C 55.18 3.97 64.05 5.12 69.70 10.29 C 73.47 13.74 75.56 18.90 75.44 24.00 C 75.60 30.89 72.50 37.30 69.21 43.17 C 61.86 55.72 50.80 65.37 40.78 75.70 C 36.69 73.44 33.63 69.87 30.40 66.59 C 21.13 57.33 11.85 47.41 7.05 34.99 C 4.73 28.87 3.64 21.71 6.59 15.61 M 9.77 18.65 C 7.74 26.53 10.61 34.69 14.66 41.42 C 21.43 52.44 30.95 61.33 40.07 70.35 C 49.21 61.70 58.40 52.83 65.04 42.04 C 68.02 37.12 70.77 31.84 71.41 26.04 C 71.94 21.36 70.37 16.35 66.78 13.19 C 62.76 9.32 56.49 8.74 51.34 10.32 C 45.64 12.53 43.18 18.61 40.08 23.39 C 37.21 18.96 34.88 13.75 30.23 10.88 C 22.85 7.31 12.49 10.56 9.77 18.65 Z" /> </g> </svg> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition" aria-controls="CartDrawer" data-icon="bag"> <span class="cart-link"> <svg width="20px" height="20px" stroke="#505050" fill="#505050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 193.1 193.1" xml:space="preserve"> <g> <g> <path class="st0" d="M163,147.5H62.4l-2.1-8.7h114l18.5-80.4L42.1,40.3L35.2,0H0.3v15.2h22.1l4,23.2l-0.3,0l18.2,100.4h0.4l2.2,9 c-10.8,1.8-19,11.2-19,22.4c0,12.6,10.2,22.8,22.8,22.8s22.8-10.2,22.8-22.8c0-2.6-0.5-5.2-1.3-7.6h69.5c-0.8,2.4-1.3,4.9-1.3,7.6 c0,12.6,10.2,22.8,22.8,22.8c12.6,0,22.8-10.2,22.8-22.8C185.8,157.7,175.6,147.5,163,147.5z M44.8,55.9l129.3,15.5l-12,52.1H56.9 L46.9,68L44.8,55.9z M50.6,177.8c-4.2,0-7.6-3.4-7.6-7.6c0-4.2,3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6C58.2,174.4,54.8,177.8,50.6,177.8 z M163,177.8c-4.2,0-7.6-3.4-7.6-7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6C170.6,174.4,167.2,177.8,163,177.8z"/> </g> </g> <line class="st1" x1="180.4" y1="71.6" x2="180.7" y2="71.6"/> </svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> </div> <div class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" role="search" id="HeaderSearchForm" class="site-header__search-form"> <input type="hidden" name="type" value="product,article,page"> <button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="Search our store" class="site-header__search-input" aria-label="Search our store"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div><div class="predictive-results hide"> <div class="page-width"> <div id="PredictiveResults"></div> <div class="text-center predictive-results__footer"> <button type="button" class="btn btn--small" data-predictive-search-button> <small> View more </small> </button> </div> </div> </div></div> </header> </div> </div> <!-- Liquid error (sections/header line 205): Could not find asset snippets/announcement-bar.liquid --> </div> <style data-shopify> .toolbar--transparent{ background:#eeeeee; color:#727272; } .toolbar--transparent .multi-selectors__item svg{ fill:#727272; width:10px; } .toolbar--transparent .disclosure-list{ background:#eeeeee; box-shadow:none; } .disclosure-list__item .disclosure-list__label{ color:#727272; } .toolbar--transparent .faux-select, .toolbar--transparent .is-light select, .toolbar--transparent .is-light .faux-select{ background:none; } .toolbar--transparent .faux-select{ padding-right:0; } .header-wrapper--sticky .site-header:not(.site-header--stuck){ background:#ffffff; } .is-light .site-nav__link{ color:#505050; } .is-light .site-nav__link:hover{ color:#1e7c10 !important; } .site-nav--has-dropdown .site-nav__link--underline:after, .is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after{ border-bottom-color:#1e7c10; } .site-nav__link--underline:after{ border-bottom:2px solid #1e7c10; } .site-nav__dropdown{ background:#ffffff; } .site-nav__dropdown a{ color:#505050; } .site-nav__dropdown a:hover{ color:#1e7c10; } .site-nav__dropdown .nav__sub__cta-title.h5{ color:#505050; } .site-nav__dropdown .grid__item h4:hover{ color:#1e7c10; } .site-nav__dropdown .grid__item .nav__sub__cta-link a{ color:#505050; } .site-nav__dropdown .grid__item .nav__sub__cta-link a:hover{ color:#1e7c10; } .site-header__logo, .site-header__logo a { width: 260px; } .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; } .site-header__logo .logo-splitter{ transform:none; } .site-header__logo .logo-splitter::before{ content: "|"; color:; opacity:0; } .split-logo-container{ flex-direction:row; } .site-header__logo .left-logo{ width:40%; } .site-header__logo .right-logo{ width:60%; } @media only screen and (max-width: 769px) { .site-header__logo, .site-header__logo a { width: 140px; } .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 1 140px; -ms-flex: 0 1 140px; flex: 0 1 140px; } } </style> </div> <main class="main-content" id="MainContent"> <div class="premium-template"> <div id="shopify-section-premium-template" class="shopify-section"> <style data-shopify> /*** Main Styles ***/ .premium-template-container-1602623281618 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/xbox-background-new.jpg?v=1614770064"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-1602623281618 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Halo_Premium_Page_Banner_Fall_2024_c1aa3e7d-82e0-40c6-86ca-21fee9586ffe.png?v=1731603843"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:600px; } .premium-template-container-1602623281618 .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-1602623281618 .premium-banner-content-shade{ background:#000000; opacity:0.50; } .premium-template-container-1602623281618 .parallax-banner-logo { width:300px; } .premium-template-container-1602623281618 .premium-banner-content img.premium-banner-content-logo{ width:110px; display:block; margin:20px auto 0px auto; } .premium-template-container-1602623281618 .premium-banner-content h2, .premium-template-container-1602623281618 .default-text-banner h2{ color:#ffffff; font-size:4.4vw; } .premium-template-container-1602623281618 .premium-banner-content p, .premium-template-container-1602623281618 .default-text-banner p{ color:#ffffff; font-size:2.4vw; } .premium-template-container-1602623281618 .premium-banner-content button{ color:#054b16; background:#9bf00b; font-size:15px; } .premium-template-container-1602623281618 .premium-banner-content button::after{ background:#054b16; } .premium-template-container-1602623281618 .premium-banner-content button:hover::after{ background:#054b16; } .premium-template-container-1602623281618 .premium-banner-content button .right-carat{ fill:#054b16; } .premium-template-container-1602623281618 .premiumGridCollection .grid__item button::after{ background:#054b16; } .premium-template-container-1602623281618 .premiumGridCollection .grid__item button .right-carat{ fill:#054b16; } .premium-template-container-1602623281618 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-1602623281618 .subNavigation ul li:hover > a:after{ height:2px; background:#9bf00b; } /*** Premium Collections ***/ .premium-template-container-1602623281618 .premiumGridCollection{ margin:50px 0; } .premium-template-container-1602623281618 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-1602623281618 .premiumGridCollection h1{ color:#000000; margin:30px 0 20px 0; } .premium-template-container-1602623281618 .premiumGridCollection p{ color:#000000; margin-bottom:20px; } .premium-template-container-1602623281618 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:30px; padding:0 25px; } .premium-template-container-1602623281618 .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-1602623281618 .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-1602623281618 .premiumGridCollection .grid__item button{ background:#9bf00b; color:#054b16; } /*** Premium Collection Sub-Message ***/ .premium-template-container-1602623281618 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-1602623281618 .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-1602623281618 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Desktop_Paralax_Image.png?v=1679330091"); background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; height:500px; position:relative; width:100%; } .premium-template-container-1602623281618 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0); opacity:0.30; } .premium-template-container-1602623281618 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-1602623281618 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-1602623281618 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602623281618 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602623281618 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602623281618 .premiumMiddleBannerTitle{ font-size:45px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602623281618 .premiumMiddleBannerText{ font-size:24px; color:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner button{ background:#9bf00b; color:#054b16; } .premium-template-container-1602623281618 .premiumMiddleBanner button::after{ background:#054b16; } .premium-template-container-1602623281618 .premiumMiddleBanner button .right-carat{ fill:#054b16; } /*** Premium Featured Products ***/ .premium-template-container-1602623281618 .featured-products .featuredProductsTitle{ color:#000000; margin:30px 0 20px 0; } .premium-template-container-1602623281618 .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1602623281618 .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1602623281618 .featured-products .viewAll button{background:#9bf00b; color:#054b16;} .premium-template-container-1602623281618 .featured-products .viewAll button::after{background:#054b16;} .premium-template-container-1602623281618 .featured-products .viewAll button .right-carat{fill:#054b16;} /*** Premium Middle Banner 2 ***/ .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602623281618{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602623281618::after{ background:#ffffff !important; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602623281618 .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602623281618{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602623281618{ background: !important; color: !important; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602623281618::after{ background: !important; } .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602623281618 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-1602623281618 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602623281618{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-1602623281618 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-1602623281618 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1602623281618 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-1602623281618 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1602623281618 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1602623281618 .featured-products2 .viewAll button{ background:#cccccc; color:#000000; padding: 5px 15px; } .premium-template-container-1602623281618 .featured-products2 .viewAll button::after{ background:#000000; } .premium-template-container-1602623281618 .featured-products2 .viewAll button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-1602623281618 .featured-products .featuredProductsTitle{ color:#000000; margin:30px 0 20px 0; } .premium-template-container-1602623281618 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#000000 !important; } .premium-template-container-1602623281618 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-1602623281618 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1602623281618 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1602623281618 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1602623281618 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1602623281618 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1602623281618 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-1602623281618 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-1602623281618 .featured-products .viewAll button{ background:#9bf00b; color:#054b16; } .premium-template-container-1602623281618 .featured-products .viewAll button::after{ background:#054b16; } .premium-template-container-1602623281618 .featured-products .viewAll button .right-carat{ fill:#054b16; } /*** Premium Gift Banner ***/ .premium-template-container-1602623281618 .premiumGiftBanner{ background:#cccccc; } .premium-template-container-1602623281618 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1602623281618 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-1602623281618 .premiumGiftBannerContent h2{ font-size:40px; color:#ffffff; } .premium-template-container-1602623281618 .premiumGiftBannerContent p{ font-size:25px; color:#ffffff; padding:5px 0; } .premium-template-container-1602623281618 .premiumGiftBannerContent button{ color:#054b16; background:#9bf00b; } .premium-template-container-1602623281618 .premiumGiftBannerContent button::after{ background:#054b16; } .premium-template-container-1602623281618 .premiumGiftBannerContent button .right-carat{ fill:#054b16; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-1602623281618 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/xbox-background-new.jpg?v=1614770064"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-1602623281618 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/mobile_0c634037-9d5a-40b9-9615-17134349b8a4.png?v=1731603859"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:350px; overflow:hidden; } .premium-template-container-1602623281618 .parallax-banner-logo { width:50%; } .premium-template-container-1602623281618 .premium-banner-content{ text-align:center; background:#000000; width:100%; } .premium-template-container-1602623281618 .premium-banner-content h2, .premium-template-container-1602623281618 .default-text-banner h2{ font-size:9.2vw; } .premium-template-container-1602623281618 .premium-banner-content p, .premium-template-container-1602623281618 .default-text-banner p{ font-size:6.6vw; } .premium-template-container-1602623281618 .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-1602623281618 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/Mobile_Paralax_Image.png?v=1679330106'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:510px; } .premium-template-container-1602623281618 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-1602623281618 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-1602623281618 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1602623281618 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-1602623281618 .premiumMiddleBannerTitle{ font-size:30px; } .premium-template-container-1602623281618 .premiumMiddleBannerText{ font-size:16px; } /*** Middle Banner 2 ***/.premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-1602623281618 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-1602623281618 .premiumGiftBanner{ } .premium-template-container-1602623281618 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1602623281618 .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-1602623281618 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-1602623281618 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-1602779321477 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/xbox-fanfest-background.jpg?v=1614765112"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-1602779321477 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/XGS-FanFest_2024-PremiumPage-Desktop_HeroBanner.jpg?v=1712693564"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:600px; } .premium-template-container-1602779321477 .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-1602779321477 .premium-banner-content-shade{ background:#000000; opacity:0.78; } .premium-template-container-1602779321477 .parallax-banner-logo { width:500px; } .premium-template-container-1602779321477 .premium-banner-content img.premium-banner-content-logo{ width:150px; display:block; margin:20px auto 0px auto; } .premium-template-container-1602779321477 .premium-banner-content h2, .premium-template-container-1602779321477 .default-text-banner h2{ color:#ffffff; font-size:3.8vw; } .premium-template-container-1602779321477 .premium-banner-content p, .premium-template-container-1602779321477 .default-text-banner p{ color:#ffffff; font-size:2.2vw; } .premium-template-container-1602779321477 .premium-banner-content button{ color:#ffffff; background:#107c10; font-size:15px; } .premium-template-container-1602779321477 .premium-banner-content button::after{ background:#ffffff; } .premium-template-container-1602779321477 .premium-banner-content button:hover::after{ background:#ffffff; } .premium-template-container-1602779321477 .premium-banner-content button .right-carat{ fill:#ffffff; } .premium-template-container-1602779321477 .premiumGridCollection .grid__item button::after{ background:#ffffff; } .premium-template-container-1602779321477 .premiumGridCollection .grid__item button .right-carat{ fill:#ffffff; } .premium-template-container-1602779321477 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-1602779321477 .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-1602779321477 .premiumGridCollection{ margin:50px 0; } .premium-template-container-1602779321477 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-1602779321477 .premiumGridCollection h1{ color:#000000; margin:30px 0 20px 0; } .premium-template-container-1602779321477 .premiumGridCollection p{ color:#000000; margin-bottom:20px; } .premium-template-container-1602779321477 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:25px; padding:0 25px; } .premium-template-container-1602779321477 .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-1602779321477 .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-1602779321477 .premiumGridCollection .grid__item button{ background:#107c10; color:#ffffff; } /*** Premium Collection Sub-Message ***/ .premium-template-container-1602779321477 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-1602779321477 .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-1602779321477 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Evergreen_Banner.png?v=1712238469"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:550px; position:relative; width:100%; } .premium-template-container-1602779321477 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#054b16; opacity:0.0; } .premium-template-container-1602779321477 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-1602779321477 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-1602779321477 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602779321477 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602779321477 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602779321477 .premiumMiddleBannerTitle{ font-size:50px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602779321477 .premiumMiddleBannerText{ font-size:24px; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner button{ background:#107c10; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-1602779321477 .featured-products .featuredProductsTitle{ color:#000000; margin:30px 0 20px 0; } .premium-template-container-1602779321477 .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1602779321477 .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1602779321477 .featured-products .viewAll button{background:#107c10; color:#ffffff;} .premium-template-container-1602779321477 .featured-products .viewAll button::after{background:#ffffff;} .premium-template-container-1602779321477 .featured-products .viewAll button .right-carat{fill:#ffffff;} /*** Premium Middle Banner 2 ***/ .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602779321477{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602779321477::after{ background:#ffffff !important; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602779321477 .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602779321477{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602779321477{ background: !important; color: !important; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602779321477::after{ background: !important; } .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602779321477 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-1602779321477 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602779321477{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-1602779321477 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-1602779321477 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1602779321477 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-1602779321477 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1602779321477 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1602779321477 .featured-products2 .viewAll button{ background:#cccccc; color:#000000; padding: 5px 15px; } .premium-template-container-1602779321477 .featured-products2 .viewAll button::after{ background:#000000; } .premium-template-container-1602779321477 .featured-products2 .viewAll button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-1602779321477 .featured-products .featuredProductsTitle{ color:#000000; margin:30px 0 20px 0; } .premium-template-container-1602779321477 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#000000 !important; } .premium-template-container-1602779321477 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-1602779321477 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1602779321477 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1602779321477 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1602779321477 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1602779321477 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1602779321477 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-1602779321477 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-1602779321477 .featured-products .viewAll button{ background:#107c10; color:#ffffff; } .premium-template-container-1602779321477 .featured-products .viewAll button::after{ background:#ffffff; } .premium-template-container-1602779321477 .featured-products .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Gift Banner ***/ .premium-template-container-1602779321477 .premiumGiftBanner{ background:#cccccc; } .premium-template-container-1602779321477 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1602779321477 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-1602779321477 .premiumGiftBannerContent h2{ font-size:40px; color:#ffffff; } .premium-template-container-1602779321477 .premiumGiftBannerContent p{ font-size:25px; color:#ffffff; padding:5px 0; } .premium-template-container-1602779321477 .premiumGiftBannerContent button{ color:#ffffff; background:#107c10; } .premium-template-container-1602779321477 .premiumGiftBannerContent button::after{ background:#ffffff; } .premium-template-container-1602779321477 .premiumGiftBannerContent button .right-carat{ fill:#ffffff; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-1602779321477 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/xbox-fanfest-background.jpg?v=1614765112"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-1602779321477 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/XGS-FanFest_2024-PremiumPage-Mobile_HeroBanner.jpg?v=1712693565"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:350px; overflow:hidden; } .premium-template-container-1602779321477 .parallax-banner-logo { width:100%; } .premium-template-container-1602779321477 .premium-banner-content{ text-align:center; background:#000000; width:100%; } .premium-template-container-1602779321477 .premium-banner-content h2, .premium-template-container-1602779321477 .default-text-banner h2{ font-size:8.6vw; } .premium-template-container-1602779321477 .premium-banner-content p, .premium-template-container-1602779321477 .default-text-banner p{ font-size:6.2vw; } .premium-template-container-1602779321477 .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-1602779321477 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/Evergreen_Banner_1.png?v=1712238469'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:410px; } .premium-template-container-1602779321477 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-1602779321477 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-1602779321477 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1602779321477 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-1602779321477 .premiumMiddleBannerTitle{ font-size:30px; } .premium-template-container-1602779321477 .premiumMiddleBannerText{ font-size:16px; } /*** Middle Banner 2 ***/.premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-1602779321477 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-1602779321477 .premiumGiftBanner{ } .premium-template-container-1602779321477 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1602779321477 .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-1602779321477 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-1602779321477 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-1603118945016 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/ThemeBG_1950x2500_e9717706-4c47-4e1c-8f83-a740df80794c.jpg?v=1637365515"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-1603118945016 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Windows_Store_HeroBanner-800x.jpg?v=1637365643"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:580px; } .premium-template-container-1603118945016 .premium-banner-content{ text-align:left; width:40%; } .premium-template-container-1603118945016 .premium-banner-content-shade{ background:#0073d0; opacity:0.0; } .premium-template-container-1603118945016 .parallax-banner-logo { width:300px; } .premium-template-container-1603118945016 .premium-banner-content img.premium-banner-content-logo{ width:150px; display:block; margin:20px auto 0px auto; } .premium-template-container-1603118945016 .premium-banner-content h2, .premium-template-container-1603118945016 .default-text-banner h2{ color:#ffffff; font-size:3vw; } .premium-template-container-1603118945016 .premium-banner-content p, .premium-template-container-1603118945016 .default-text-banner p{ color:#ffffff; font-size:1.4vw; } .premium-template-container-1603118945016 .premium-banner-content button{ color:#0073d0; background:#ffffff; font-size:16px; } .premium-template-container-1603118945016 .premium-banner-content button::after{ background:#0073d0; } .premium-template-container-1603118945016 .premium-banner-content button:hover::after{ background:#0073d0; } .premium-template-container-1603118945016 .premium-banner-content button .right-carat{ fill:#0073d0; } .premium-template-container-1603118945016 .premiumGridCollection .grid__item button::after{ background:#ffffff; } .premium-template-container-1603118945016 .premiumGridCollection .grid__item button .right-carat{ fill:#ffffff; } .premium-template-container-1603118945016 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-1603118945016 .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-1603118945016 .premiumGridCollection{ margin:50px 0; } .premium-template-container-1603118945016 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-1603118945016 .premiumGridCollection h1{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-1603118945016 .premiumGridCollection p{ color:#000000; margin-bottom:10px; } .premium-template-container-1603118945016 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:25px; padding:0 25px; } .premium-template-container-1603118945016 .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-1603118945016 .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-1603118945016 .premiumGridCollection .grid__item button{ background:#0073d0; color:#ffffff; } /*** Premium Collection Sub-Message ***/ .premium-template-container-1603118945016 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-1603118945016 .premiumCollectionSubMessage a{ color:#2373d0; } /*** Premium Middle Banner ***/ .premium-template-container-1603118945016 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Windows_Store_Accessorize-bladeBG-800x.jpg?v=1637365868"); background-size:cover; background-position:top center; background-repeat:no-repeat; height:620px; position:relative; width:100%; } .premium-template-container-1603118945016 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#0073d0; opacity:0.0; } .premium-template-container-1603118945016 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:left; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-1603118945016 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-1603118945016 .premiumMiddleBannerContent.left{ left:10%; } .premium-template-container-1603118945016 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1603118945016 .premiumMiddleBannerContent.right{ right:10%; } .premium-template-container-1603118945016 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1603118945016 .premiumMiddleBannerText{ font-size:20px; color:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner button{ background:#ffffff; color:#2373d0; } .premium-template-container-1603118945016 .premiumMiddleBanner button::after{ background:#2373d0; } .premium-template-container-1603118945016 .premiumMiddleBanner button .right-carat{ fill:#2373d0; } /*** Premium Featured Products ***/ .premium-template-container-1603118945016 .featured-products .featuredProductsTitle{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-1603118945016 .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1603118945016 .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1603118945016 .featured-products .viewAll button{background:#cccccc; color:#000000;} .premium-template-container-1603118945016 .featured-products .viewAll button::after{background:#000000;} .premium-template-container-1603118945016 .featured-products .viewAll button .right-carat{fill:#000000;} /*** Premium Middle Banner 2 ***/ .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Windows_Store_CharityBanner_83cad560-b41b-4e52-bd74-8a174f2a9c94.jpg?v=1637681080"); background-size:cover; background-position:top center; background-repeat:no-repeat; height:620px; position:relative; width:100%; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.0; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 93%; text-align:left; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 39% !important;} } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#ffffff; color:#0073d0; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#0073d0; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#0073d0; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1603118945016{ background:#ffffff !important; color:#0073d0 !important; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1603118945016::after{ background:#0073d0 !important; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1603118945016 .right-carat{ fill:#0073d0 !important; } @media screen and (max-width: 890px) { .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1603118945016{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1603118945016{ background: !important; color: !important; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1603118945016::after{ background: !important; } .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1603118945016 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-1603118945016 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1603118945016{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-1603118945016 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-1603118945016 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1603118945016 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-1603118945016 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1603118945016 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1603118945016 .featured-products2 .viewAll button{ background:#cccccc; color:#000000; padding: 5px 15px; } .premium-template-container-1603118945016 .featured-products2 .viewAll button::after{ background:#000000; } .premium-template-container-1603118945016 .featured-products2 .viewAll button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-1603118945016 .featured-products .featuredProductsTitle{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-1603118945016 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#000000 !important; } .premium-template-container-1603118945016 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-1603118945016 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1603118945016 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1603118945016 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1603118945016 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1603118945016 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1603118945016 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-1603118945016 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-1603118945016 .featured-products .viewAll button{ background:#cccccc; color:#000000; } .premium-template-container-1603118945016 .featured-products .viewAll button::after{ background:#000000; } .premium-template-container-1603118945016 .featured-products .viewAll button .right-carat{ fill:#000000; } /*** Premium Gift Banner ***/ .premium-template-container-1603118945016 .premiumGiftBanner{ background:#0092a3; height:300px; } .premium-template-container-1603118945016 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1603118945016 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-1603118945016 .premiumGiftBannerContent h2{ font-size:25px; color:#ffffff; } .premium-template-container-1603118945016 .premiumGiftBannerContent p{ font-size:20px; color:#ffffff; padding:0px 0; } .premium-template-container-1603118945016 .premiumGiftBannerContent button{ color:#ffffff; background:#0092a3; } .premium-template-container-1603118945016 .premiumGiftBannerContent button::after{ background:#ffffff; } .premium-template-container-1603118945016 .premiumGiftBannerContent button .right-carat{ fill:#ffffff; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-1603118945016 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/ThemeBG_1950x2500_e9717706-4c47-4e1c-8f83-a740df80794c.jpg?v=1637365515"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-1603118945016 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Windows_Store_HeroBanner-mobile.jpg?v=1637365563"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:500px; overflow:hidden; } .premium-template-container-1603118945016 .parallax-banner-logo { width:50%; } .premium-template-container-1603118945016 .premium-banner-content{ text-align:center; background:#0073d0; width:100%; } .premium-template-container-1603118945016 .premium-banner-content h2, .premium-template-container-1603118945016 .default-text-banner h2{ font-size:8.6vw; } .premium-template-container-1603118945016 .premium-banner-content p, .premium-template-container-1603118945016 .default-text-banner p{ font-size:4.4vw; } .premium-template-container-1603118945016 .premium-banner-content button{ font-size:15px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-1603118945016 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/Windows_Store_Accessorize-bladeBG-mobile.jpg?v=1637365868'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:400px; } .premium-template-container-1603118945016 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-1603118945016 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-1603118945016 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1603118945016 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-1603118945016 .premiumMiddleBannerTitle{ font-size:20px; } .premium-template-container-1603118945016 .premiumMiddleBannerText{ font-size:15px; } /*** Middle Banner 2 ***/.premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/Windows_Store_CharityBanner-mobile_98593155-28e1-462a-ba30-eb38fe44e661.jpg?v=1637681080'); background-attachment:inherit; background-size:cover; background-position:top center; background-repeat:no-repeat; width:100%; height:540px; }.premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:20px; } .premium-template-container-1603118945016 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-1603118945016 .premiumGiftBanner{ height:300px; } .premium-template-container-1603118945016 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1603118945016 .premiumGiftBannerContent h2{ font-size:20px; } .premium-template-container-1603118945016 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-1603118945016 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-1602862236194 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/halo-background-graphic.jpg?v=1614768187"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-1602862236194 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Halo_Premium_Page_Banner_Fall_2024_1.png?v=1731436088"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:600px; } .premium-template-container-1602862236194 .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-1602862236194 .premium-banner-content-shade{ background:#000000; opacity:0.75; } .premium-template-container-1602862236194 .parallax-banner-logo { width:370px; } .premium-template-container-1602862236194 .premium-banner-content img.premium-banner-content-logo{ width:150px; display:block; margin:20px auto 0px auto; } .premium-template-container-1602862236194 .premium-banner-content h2, .premium-template-container-1602862236194 .default-text-banner h2{ color:#ffffff; font-size:3.6vw; } .premium-template-container-1602862236194 .premium-banner-content p, .premium-template-container-1602862236194 .default-text-banner p{ color:#ffffff; font-size:1.6vw; } .premium-template-container-1602862236194 .premium-banner-content button{ color:#ffffff; background:#005e71; font-size:15px; } .premium-template-container-1602862236194 .premium-banner-content button::after{ background:#ffffff; } .premium-template-container-1602862236194 .premium-banner-content button:hover::after{ background:#ffffff; } .premium-template-container-1602862236194 .premium-banner-content button .right-carat{ fill:#ffffff; } .premium-template-container-1602862236194 .premiumGridCollection .grid__item button::after{ background:#ffffff; } .premium-template-container-1602862236194 .premiumGridCollection .grid__item button .right-carat{ fill:#ffffff; } .premium-template-container-1602862236194 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-1602862236194 .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-1602862236194 .premiumGridCollection{ margin:50px 0; } .premium-template-container-1602862236194 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-1602862236194 .premiumGridCollection h1{ color:#0f0f0f; margin:30px 0 20px 0; } .premium-template-container-1602862236194 .premiumGridCollection p{ color:#000000; margin-bottom:20px; } .premium-template-container-1602862236194 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:29px; padding:0 25px; } .premium-template-container-1602862236194 .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-1602862236194 .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-1602862236194 .premiumGridCollection .grid__item button{ background:#005e71; color:#ffffff; } /*** Premium Collection Sub-Message ***/ .premium-template-container-1602862236194 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-1602862236194 .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-1602862236194 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/HI_Bomber_Jacket_Parralax_01.jpg?v=1637948640"); background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; height:420px; position:relative; width:100%; } .premium-template-container-1602862236194 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.15; } .premium-template-container-1602862236194 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-1602862236194 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-1602862236194 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602862236194 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602862236194 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602862236194 .premiumMiddleBannerTitle{ font-size:50px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602862236194 .premiumMiddleBannerText{ font-size:26px; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner button{ background:#005e71; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-1602862236194 .featured-products .featuredProductsTitle{ color:#0f0f0f; margin:30px 0 20px 0; } .premium-template-container-1602862236194 .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1602862236194 .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1602862236194 .featured-products .viewAll button{background:#005e71; color:#ffffff;} .premium-template-container-1602862236194 .featured-products .viewAll button::after{background:#ffffff;} .premium-template-container-1602862236194 .featured-products .viewAll button .right-carat{fill:#ffffff;} /*** Premium Middle Banner 2 ***/ .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602862236194{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602862236194::after{ background:#ffffff !important; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602862236194 .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1602862236194{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/halo-banner2.jpg?v=1638897870"); background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; height:400px; position:relative; width:100%; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/halo-banner.jpg?v=1638897767"); background-attachment:fixed; background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#005e71; color:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602862236194{ background: !important; color: !important; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602862236194::after{ background: !important; } .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602862236194 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-1602862236194 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1602862236194{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-1602862236194 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-1602862236194 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1602862236194 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-1602862236194 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1602862236194 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1602862236194 .featured-products2 .viewAll button{ background:#005e71; color:#ffffff; padding: 5px 15px; } .premium-template-container-1602862236194 .featured-products2 .viewAll button::after{ background:#ffffff; } .premium-template-container-1602862236194 .featured-products2 .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-1602862236194 .featured-products .featuredProductsTitle{ color:#0f0f0f; margin:30px 0 20px 0; } .premium-template-container-1602862236194 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#0f0f0f !important; } .premium-template-container-1602862236194 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-1602862236194 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1602862236194 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1602862236194 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1602862236194 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1602862236194 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1602862236194 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-1602862236194 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-1602862236194 .featured-products .viewAll button{ background:#005e71; color:#ffffff; } .premium-template-container-1602862236194 .featured-products .viewAll button::after{ background:#ffffff; } .premium-template-container-1602862236194 .featured-products .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Gift Banner ***/ .premium-template-container-1602862236194 .premiumGiftBanner{ background:#cccccc; } .premium-template-container-1602862236194 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1602862236194 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-1602862236194 .premiumGiftBannerContent h2{ font-size:40px; color:#ffffff; } .premium-template-container-1602862236194 .premiumGiftBannerContent p{ font-size:25px; color:#ffffff; padding:5px 0; } .premium-template-container-1602862236194 .premiumGiftBannerContent button{ color:#ffffff; background:#005e71; } .premium-template-container-1602862236194 .premiumGiftBannerContent button::after{ background:#ffffff; } .premium-template-container-1602862236194 .premiumGiftBannerContent button .right-carat{ fill:#ffffff; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-1602862236194 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/halo-background-graphic.jpg?v=1614768187"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-1602862236194 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/mobile_1.png?v=1731436103"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:500px; overflow:hidden; } .premium-template-container-1602862236194 .parallax-banner-logo { width:100%; } .premium-template-container-1602862236194 .premium-banner-content{ text-align:center; background:#000000; width:100%; } .premium-template-container-1602862236194 .premium-banner-content h2, .premium-template-container-1602862236194 .default-text-banner h2{ font-size:8.8vw; } .premium-template-container-1602862236194 .premium-banner-content p, .premium-template-container-1602862236194 .default-text-banner p{ font-size:5.6vw; } .premium-template-container-1602862236194 .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-1602862236194 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/HI_Bomber_Jacket_Parralax_01.jpg?v=1637948640'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:400px; } .premium-template-container-1602862236194 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-1602862236194 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-1602862236194 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1602862236194 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-1602862236194 .premiumMiddleBannerTitle{ font-size:30px; } .premium-template-container-1602862236194 .premiumMiddleBannerText{ font-size:16px; } /*** Middle Banner 2 ***/.premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-1602862236194 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-1602862236194 .premiumGiftBanner{ } .premium-template-container-1602862236194 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1602862236194 .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-1602862236194 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-1602862236194 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/gears-red-concrete-bg.jpg?v=1614770592"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/apps.10153.68785176255228170.152a1029-d0c3-4d27-a42d-ecccb32aa4ca.jpg?v=1614767963"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:600px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content-shade{ background:#000000; opacity:0.82; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .parallax-banner-logo { width:500px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content img.premium-banner-content-logo{ width:100px; display:block; margin:20px auto 0px auto; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content h2, .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .default-text-banner h2{ color:#ffffff; font-size:3.6vw; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content p, .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .default-text-banner p{ color:#ffffff; font-size:2.4vw; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content button{ color:#ffffff; background:#9b0005; font-size:15px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content button:hover::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content button .right-carat{ fill:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item button .right-carat{ fill:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection{ margin:50px 0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection h1{ color:#ffffff; margin:30px 0 20px 0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection p{ color:#ffffff; margin-bottom:20px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:41px; padding:0 25px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item h2{ color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item p{ color:#ffffff; font-size:15px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item button{ background:#9b0005; color:#ffffff; } /*** Premium Collection Sub-Message ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Desktop_-_Paralax_Image_542245f1-a242-4e98-9d78-d0c418c3985f.png?v=1698179990"); background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; height:440px; position:relative; width:100%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#180909; opacity:0.0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerTitle{ font-size:45px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerText{ font-size:24px; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner button{ background:#9b0005; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsTitle{ color:#ffffff; margin:30px 0 20px 0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .premiumFeaturedProducts .grid-product__title{color:#ffffff;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .premiumFeaturedProducts .grid-product__price{color:#e6e6e6;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .viewAll button{background:#9b0005; color:#ffffff;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .viewAll button::after{background:#ffffff;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .viewAll button .right-carat{fill:#ffffff;} /*** Premium Middle Banner 2 ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4::after{ background:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4 .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4{ background: !important; color: !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4::after{ background: !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-1055811f-2339-4771-9a62-6b5f2efb64c4{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .viewAll button{ background:#cccccc; color:#000000; padding: 5px 15px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .viewAll button::after{ background:#000000; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products2 .viewAll button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsTitle{ color:#ffffff; margin:30px 0 20px 0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#e6e6e6; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .viewAll button{ background:#9b0005; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .viewAll button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .featured-products .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Gift Banner ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBanner{ background:#cccccc; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent h2{ font-size:40px; color:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent p{ font-size:25px; color:#ffffff; padding:12px 0; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent button{ color:#ffffff; background:#9b0005; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent button::after{ background:#ffffff; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent button .right-carat{ fill:#ffffff; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/gears-red-concrete-bg.jpg?v=1614770592"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/gears-mobile.jpg?v=1614770151"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:500px; overflow:hidden; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .parallax-banner-logo { width:100%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content{ text-align:center; background:#000000; width:100%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content h2, .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .default-text-banner h2{ font-size:9.8vw; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content p, .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .default-text-banner p{ font-size:4.4vw; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/Mobile_-_Paralax_Image_d12bb199-8a06-4e3a-84dc-241fbcf8ae67.png?v=1698180001'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:500px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerTitle{ font-size:30px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBannerText{ font-size:16px; } /*** Middle Banner 2 ***/.premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBanner{ } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-1055811f-2339-4771-9a62-6b5f2efb64c4 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Group_20.png?v=1667230444"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:600px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content{ text-align:center; width:50%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content-shade{ background:rgba(0,0,0,0); opacity:0.99; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .parallax-banner-logo { width:400px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content img.premium-banner-content-logo{ width:105px; display:block; margin:20px auto 0px auto; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content h2, .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .default-text-banner h2{ color:#ffffff; font-size:4vw; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content p, .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .default-text-banner p{ color:#ffffff; font-size:2.2vw; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content button{ color:#000000; background:#cccccc; font-size:20px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content button::after{ background:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content button:hover::after{ background:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content button .right-carat{ fill:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item button::after{ background:#054b16; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item button .right-carat{ fill:#054b16; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection{ margin:50px 0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection h1{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection p{ color:#000000; margin-bottom:10px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:25px; padding:0 25px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item button{ background:#9bf00b; color:#054b16; } /*** Premium Collection Sub-Message ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Rectangle_10.png?v=1667231064"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#054b16; opacity:0.0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerTitle{ font-size:30px; color:#ffffff; margin-bottom:5px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner button{ background:rgba(0,0,0,0); color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsTitle{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .viewAll button{background:#9bf00b; color:#054b16;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .viewAll button::after{background:#054b16;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .viewAll button .right-carat{fill:#054b16;} /*** Premium Middle Banner 2 ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3::after{ background:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Rectangle_10.png?v=1667231064"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/Rectangle_10.png?v=1667231064"); background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3{ background: !important; color: !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3::after{ background: !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .viewAll button{ background:#cccccc; color:#000000; padding: 5px 15px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .viewAll button::after{ background:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products2 .viewAll button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsTitle{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#000000 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .viewAll button{ background:#9bf00b; color:#054b16; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .viewAll button::after{ background:#054b16; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .featured-products .viewAll button .right-carat{ fill:#054b16; } /*** Premium Gift Banner ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBanner{ background:#cccccc; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent h2{ font-size:40px; color:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent p{ font-size:25px; color:#000000; padding:5px 0; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent button{ color:#000000; background:#cccccc; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent button::after{ background:#000000; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent button .right-carat{ fill:#000000; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Rectangle_18.png?v=1667230479"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:300px; overflow:hidden; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .parallax-banner-logo { width:50%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content{ text-align:center; background:rgba(0,0,0,0); width:100%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content h2, .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .default-text-banner h2{ font-size:8.4vw; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content p, .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .default-text-banner p{ font-size:5.6vw; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ /*** Middle Banner ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shop/files/Rectangle_10.png?v=1667231064'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:300px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerTitle{ font-size:30px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBannerText{ font-size:18px; } /*** Middle Banner 2 ***/.premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBanner{ } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-3177d501-edd1-4cd9-a0ba-fe4d4b31ffa3 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/XBOX-PRIDE-HERO1_1.png?v=1652841970"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:730px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content-shade{ background:#000000; opacity:0.0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .parallax-banner-logo { width:300px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content img.premium-banner-content-logo{ width:150px; display:block; margin:20px auto 0px auto; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content h2, .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .default-text-banner h2{ color:#000000; font-size:4vw; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content p, .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .default-text-banner p{ color:#000000; font-size:1.4vw; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content button{ color:#064014; background:#9bf00b; font-size:15px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content button::after{ background:#064014; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content button:hover::after{ background:#064014; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content button .right-carat{ fill:#064014; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item button::after{ background:#1e7c10; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item button .right-carat{ fill:#1e7c10; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection{ margin:50px 0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection h1{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection p{ color:#000000; margin-bottom:10px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item{ text-align:center; margin-bottom:25px; padding:0 25px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item button{ background:#9bf00b; color:#1e7c10; } /*** Premium Collection Sub-Message ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shop/files/BANNER.png?v=1652843117"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:700px; position:relative; width:100%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:left; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent{width:50%;} } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerTitle{ font-size:60px; color:#ffffff; margin-bottom:5px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerText{ font-size:20px; color:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner button{ background:#9bf00b; color:#064014; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner button::after{ background:#064014; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner button .right-carat{ fill:#064014; } /*** Premium Featured Products ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsTitle{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .viewAll button{background:#cccccc; color:#000000;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .viewAll button::after{background:#000000;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .viewAll button .right-carat{fill:#000000;} /*** Premium Middle Banner 2 ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0::after{ background:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0{ background: !important; color: !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0::after{ background: !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-5e8f45ec-4073-425d-a1bd-899f6b8951e0{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .viewAll button{ background:#cccccc; color:#000000; padding: 5px 15px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .viewAll button::after{ background:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products2 .viewAll button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsTitle{ color:#000000; margin:10px 0 10px 0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#000000 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .viewAll button{ background:#cccccc; color:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .viewAll button::after{ background:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .featured-products .viewAll button .right-carat{ fill:#000000; } /*** Premium Gift Banner ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBanner{ background:#cccccc; height:300px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent h2{ font-size:40px; color:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent p{ font-size:25px; color:#000000; padding:5px 0; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent button{ color:#000000; background:#cccccc; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent button::after{ background:#000000; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent button .right-carat{ fill:#000000; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/XBOX-PRIDE-HERO1_1.png?v=1652841970"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:300px; overflow:hidden; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .parallax-banner-logo { width:50%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content{ text-align:center; background:#000000; width:100%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content h2, .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .default-text-banner h2{ font-size:3vw; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content p, .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .default-text-banner p{ font-size:1.6vw; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premium-banner-content button{ font-size:14px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBannerText{ font-size:15px; } /*** Middle Banner 2 ***/.premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBanner{ height:500px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent{ text-align:center; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-5e8f45ec-4073-425d-a1bd-899f6b8951e0 .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <div class="premium-template-container-premium_page_cgLPHB"> <div class="premium-banner"> <a href="" aria-label="Button-premium_page_cgLPHB"> <img class="desktop" src="//gear.xbox.com/cdn/shop/files/Hero_Banner-min.jpg?v=1706190262" alt="UNSC Fleetcom Exchange"> <img class="mobile" src="//gear.xbox.com/cdn/shop/files/Hero_Banner_1_-min.jpg?v=1706190294" alt="UNSC Fleetcom Exchange-mobile"> </a> </div> <div class="premiumGridCollection"> <div class="page-width"> <h1 class="premiumGridHeader">BE MISSION READY</h1> <p class="premiumGridText">Gear up at the UNSC Fleetcom Exchange</p> <a href="/collections/unsc-fleetcom-exchange" aria-label="premium-grid-button-premium_page_cgLPHB"> <button class="btn premiumGridButton">Stock your supply <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </a> <div class="grid grid--uniform"> <div class="grid__item"> <a href="/products/unsc-tactical-long-sleeve-shirt"> <div class="gridItemContainer"> <img src="//gear.xbox.com/cdn/shop/files/UNSC_long_sleeve-min.png?v=1707242000" alt="UNSC Tactical Long Sleeve"> <h2>UNSC Tactical Long Sleeve</h2> <button class="btn" aria-label="Shop Now">Shop Now <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </div> </a> </div> <div class="grid__item"> <a href="/products/unsc-issued-logo-t-shirt"> <div class="gridItemContainer"> <img src="//gear.xbox.com/cdn/shop/files/UNSC_tee-min.png?v=1707242001" alt="UNSC Issued Training Shirt"> <h2>UNSC Issued Training Shirt</h2> <button class="btn" aria-label="Shop Now">Shop Now <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </div> </a> </div> <div class="grid__item"> <a href="/products/unsc-issued-logo-cap-1"> <div class="gridItemContainer"> <img src="//gear.xbox.com/cdn/shop/files/Promo_Block_Fill_Mobile___3-Up_Side-by-Side.png?v=1708631233" alt="UNSC Issued Logo Cap"> <h2>UNSC Issued Logo Cap</h2> <button class="btn" aria-label="Shop Now">Shop Now <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </div> </a> </div> </div> </div> </div> <a href="/collections/unsc-fleetcom-exchange" aria-label="premium_page_cgLPHB-middle-banner"> <div id="premiumMiddleBanner-premium_page_cgLPHB" class="premiumMiddleBanner lazyload"> <div class="premiumMiddleBannerShade"></div> <div class="desktop"><img class="premiumMiddleBannerImg lazyload" width="px" height="px" src="//gear.xbox.com/cdn/shop/files/Midpage_Collection-min.jpg?v=1705518783&width=2048" data-src="" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="" data-sizes="auto" data-parent-fit="cover" alt=""><a href="/collections/unsc-fleetcom-exchange"> <div class="premiumMiddleBannerContent right"> <p class="premiumMiddleBannerTitle">REP SILVER TEAM</p> <p class="premiumMiddleBannerText">Led by the Master Chief John-117, Silver Team is comprised of the most elite Spartans of the UNSC. <br><br>Rep the fight.<br></p> <button aria-label="premium_page_cgLPHB-middle-banner-button">SHOP THE COLLECTION <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </div> </a> </div> <div class="mobile"><img class="premiumMiddleBannerImg lazyload" width="px" height="px" src="//gear.xbox.com/cdn/shop/files/Midpage_Collection_1_-min.jpg?v=1705518783&width=1296" data-src="" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="" data-sizes="auto" data-parent-fit="cover" alt=""><a href="/collections/unsc-fleetcom-exchange"> <div class="premiumMiddleBannerContent bottom"> <p class="premiumMiddleBannerTitle">REP SILVER TEAM</p> <p class="premiumMiddleBannerText">Led by the Master Chief John-117, Silver Team is comprised of the most elite Spartans of the UNSC. <br><br>Rep the fight.<br></p> <button aria-label="premium_page_cgLPHB-middle-banner-button-mobile">SHOP THE COLLECTION <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </div> </a> </div> </div> </a> <div id="premiumMiddleBanner3-premium_page_cgLPHB" class="premiumMiddleBanner3"> <a href="" aria-label="premium_page_cgLPHB-middle-banner-link"> <div class="premiumMiddleBanner lazyload"> <div class="premiumMiddleBannerShade"></div> <div class="desktop"><img class="premiumMiddleBannerImg lazyload" width="px" height="px" src="//gear.xbox.com/cdn/shop/files/Image_1_-min_1.jpg?v=1705518981&width=2048" data-src="" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="" data-sizes="auto" data-parent-fit="cover" alt=""><a href="" aria-label="premium_page_cgLPHB-middle-banner-link"> <div class="premiumMiddleBannerContent center"> <p class="premiumMiddleBannerTitle"></p> <p class="premiumMiddleBannerText"></p> </div> </a> </div> <div class="mobile"><img class="premiumMiddleBannerImg lazyload" width="px" height="px" src="//gear.xbox.com/cdn/shop/files/Image-min_1.jpg?v=1705518981&width=1296" data-src="" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="" data-sizes="auto" data-parent-fit="cover" alt=""><a href=""> <div class="premiumMiddleBannerContent middle"> <p class="premiumMiddleBannerTitle"></p> <p class="premiumMiddleBannerText"></p> </div> </a> </div> </div> </a> </div> <div class="featured-products2"> <h2 class="featuredProductsTitle">UNSC APPAREL & ACCESSORIES</h2> <p class="featuredProductDescription">Be prepared for every mission. Stock your provisions with official UNSC issued uniforms and accessories for every soldier and Spartan in the UNSC Fleetcom Exchange.</p> <a href="/collections/unsc-fleetcom-exchange" aria-label="premium-featured-button-2-premium_page_cgLPHB"> <button class="btn featuredProductsButton">Gear up now <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </a> <div class="page-width featured-products2"> <div class="premiumFeaturedProducts"> <div class="grid grid--uniform " data-aos="overflow__animation"> <div class="grid__item grid-product featured-product grid-product__has-quick-shop" data-aos="row-of-"> <div class="grid-product__content"><div class="grid-product__tag grid-product__tag--sale"> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" xml:space="preserve"> <path d="M196.5,63.3c-0.2-8.5-0.3-16.9-0.5-26.7c-0.1-3.7-0.4-8.7-0.4-13.7c0-4.1-1.2-7.7-3.7-10.9c-2.6-3.4-6-5.5-10-6.4 c-2.4-0.5-4.9-0.5-7.3-0.6c-6.7-0.2-13.4-0.3-20.1-0.5c-6-0.1-12.1-0.3-18.1-0.4c-2.5-0.1-5-0.1-7.6-0.1c-3.1,0-6.1,0-9.1,0.9 c-3.7,1.1-7,3-9.7,5.7c-7,6.9-13.8,13.8-20.8,20.7C76.7,44,64.1,56.7,51.5,69.3c-9.3,9.3-18.7,18.7-28,28c-4.7,4.7-9.5,9.4-14,14.3 c-3.6,3.9-5.3,8.7-5.5,14c-0.1,2.3,0.2,4.5,0.8,6.8c0.9,3.4,2.5,6.3,4.9,8.9c2.2,2.3,4.5,4.6,6.8,6.9C27.2,159,38,169.8,48.8,180.5 c4.1,4.1,8.2,8.2,12.5,12c3.3,2.9,7.5,4.2,11.8,4.5c2,0.1,4-0.1,5.9-0.4c1.5-0.2,3-0.7,4.5-1.2c3.6-1.4,6.4-3.8,9-6.5 c9.1-9.2,18.3-18.4,27.5-27.5c12.1-12.1,24.2-24.1,36.3-36.2c8.4-8.4,16.8-16.9,25.2-25.3c3.8-3.8,7.6-7.6,11.1-11.7 c2.8-3.2,4-7.3,4.2-11.5C197,72.2,196.6,67.8,196.5,63.3z M151.5,63.3c-9,0-16.3-7.3-16.3-16.3c0-9,7.3-16.3,16.3-16.3 c9,0,16.3,7.3,16.3,16.3C167.7,56,160.5,63.3,151.5,63.3z"/> </svg> Sale </div><a href="/products/unsc-tactical-hoodie" class="grid-product__link "> <div class="grid-product__image-mask"> <div class="quick-product__btn js-modal-open-quick-modal-8389520654501 small--hide" data-product-id="8389520654501" role="button"> <span class="quick-product__label">Quick view <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/0001_Xbox_Ecom_ThreatHoodie_Black_01_180x.png?v=1708530370 180w 180h, //gear.xbox.com/cdn/shop/files/0001_Xbox_Ecom_ThreatHoodie_Black_01_360x.png?v=1708530370 360w 360h, //gear.xbox.com/cdn/shop/files/0001_Xbox_Ecom_ThreatHoodie_Black_01_540x.png?v=1708530370 540w 540h, //gear.xbox.com/cdn/shop/files/0001_Xbox_Ecom_ThreatHoodie_Black_01_720x.png?v=1708530370 720w 720h, //gear.xbox.com/cdn/shop/files/0001_Xbox_Ecom_ThreatHoodie_Black_01_900x.png?v=1708530370 900w 900h, " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/0000_Xbox_Ecom_ThreatHoodie_Black_02_180x.png?v=1708530370 180w 180h, //gear.xbox.com/cdn/shop/files/0000_Xbox_Ecom_ThreatHoodie_Black_02_360x.png?v=1708530370 360w 360h, //gear.xbox.com/cdn/shop/files/0000_Xbox_Ecom_ThreatHoodie_Black_02_540x.png?v=1708530370 540w 540h, //gear.xbox.com/cdn/shop/files/0000_Xbox_Ecom_ThreatHoodie_Black_02_720x.png?v=1708530370 720w 720h, //gear.xbox.com/cdn/shop/files/0000_Xbox_Ecom_ThreatHoodie_Black_02_900x.png?v=1708530370 900w 900h, " data-sizes="auto"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">UNSC Tactical Hoodie</div><div class="grid-product__price"><span class="visually-hidden">Regular price</span> <span class="grid-product__price--original">$59.99</span> <span class="visually-hidden">Sale price</span>$35.99 <span class="grid-product__price--savings"> Save 40% </span></div></div> </a> </div> </div> <div class="grid__item grid-product featured-product grid-product__has-quick-shop" data-aos="row-of-"> <div class="grid-product__content"> <div class="product-labels"> <span class="grid-product__tag label-new"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" xml:space="preserve"> <g> <g> <path d="M102.4,196.7c-24.5,0.3-43.8-6.9-61.2-19.7c-7.3-5.4-9.4-10-5.8-18.2c4-9.2,8.8-18.2,14.6-26.3 c12.7-17.8,28.3-33.1,45-47.3c5.3-4.5,5.6-4.6,10.8,0.1c21,18.9,41.5,38.3,55.4,63.5c1.9,3.5,3.5,7.2,4.6,11 c2.4,8,1.1,11.6-5.6,16.6C142.2,189.7,122.3,197.2,102.4,196.7z"/> <path d="M127.6,55.7c10.1-9,19.4-18.7,32-23.9c6.8-2.8,8-2.7,12.9,2.9c15,17.3,23.9,37,24.4,60.2c0.5,24.8-5.4,45.5-18.1,61.9 c0.8-13-3.4-24.1-8.4-34.9c-9.2-19.5-21.3-37.3-34-54.6C133.5,63.5,130.6,59.7,127.6,55.7z"/> <path d="M73.5,54.7c-22.7,32-47.2,61.2-52.9,102c-3.9-8-8.1-14.8-10.7-22.2c-12.8-35.6-7-68.3,16.5-97.8c6.4-8,8.7-8.9,17.4-3.5 C54.1,39.5,63.5,47.3,73.5,54.7z"/> <path d="M52.7,16.1c32-17.4,63.9-17.6,95.6-0.4c-15.7-0.8-29.5,5.1-43,11.8c-3.8,1.9-6.8,1.8-10.6-0.1 c-11.3-5.6-22.9-10.8-35.9-11.4C56.8,16.1,54.8,16.1,52.7,16.1z"/> </g> </g> </svg> new</span> </div> <a href="/products/unsc-issued-embroidered-sweatshirt" class="grid-product__link "> <div class="grid-product__image-mask"> <div class="quick-product__btn js-modal-open-quick-modal-8386107605157 small--hide" data-product-id="8386107605157" role="button"> <span class="quick-product__label">Quick view <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_180x.png?v=1710166572 180w 180h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_360x.png?v=1710166572 360w 360h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_540x.png?v=1710166572 540w 540h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_720x.png?v=1710166572 720w 720h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_900x.png?v=1710166572 900w 900h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_1080x.png?v=1710166572 1080w 1080h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_1296x.png?v=1710166572 1296w 1296h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_1512x.png?v=1710166572 1512w 1512h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_BLACK_MF_1728x.png?v=1710166572 1728w 1728h " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_RO_180x.png?v=1710166581 180w 180h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_RO_360x.png?v=1710166581 360w 360h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_RO_540x.png?v=1710166581 540w 540h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_RO_720x.png?v=1710166581 720w 720h, //gear.xbox.com/cdn/shop/files/XBOX-EGL_90_101193_RO_900x.png?v=1710166581 900w 900h, " data-sizes="auto"> </div> </div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">UNSC Issued Embroidered Sweatshirt</div><div class="grid-product__price">$44.99 </div></div> </a> </div><div class="grid-product__colors grid-product__colors--8386107605157"> <a href="/products/unsc-issued-embroidered-sweatshirt?variant=42936874893477" class="color-swatch color-swatch--small color-swatch--black" style="background-image: url(https://gear.xbox.com/cdn/shop/files/black_50x.png); background-color: black;"> </a> </div><style data-shopify> .grid-product__colors--8386107605157 { display: none; } </style> </div> <div class="grid__item grid-product featured-product grid-product__has-quick-shop" data-aos="row-of-"> <div class="grid-product__content"><div class="grid-product__tag grid-product__tag--sale"> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" xml:space="preserve"> <path d="M196.5,63.3c-0.2-8.5-0.3-16.9-0.5-26.7c-0.1-3.7-0.4-8.7-0.4-13.7c0-4.1-1.2-7.7-3.7-10.9c-2.6-3.4-6-5.5-10-6.4 c-2.4-0.5-4.9-0.5-7.3-0.6c-6.7-0.2-13.4-0.3-20.1-0.5c-6-0.1-12.1-0.3-18.1-0.4c-2.5-0.1-5-0.1-7.6-0.1c-3.1,0-6.1,0-9.1,0.9 c-3.7,1.1-7,3-9.7,5.7c-7,6.9-13.8,13.8-20.8,20.7C76.7,44,64.1,56.7,51.5,69.3c-9.3,9.3-18.7,18.7-28,28c-4.7,4.7-9.5,9.4-14,14.3 c-3.6,3.9-5.3,8.7-5.5,14c-0.1,2.3,0.2,4.5,0.8,6.8c0.9,3.4,2.5,6.3,4.9,8.9c2.2,2.3,4.5,4.6,6.8,6.9C27.2,159,38,169.8,48.8,180.5 c4.1,4.1,8.2,8.2,12.5,12c3.3,2.9,7.5,4.2,11.8,4.5c2,0.1,4-0.1,5.9-0.4c1.5-0.2,3-0.7,4.5-1.2c3.6-1.4,6.4-3.8,9-6.5 c9.1-9.2,18.3-18.4,27.5-27.5c12.1-12.1,24.2-24.1,36.3-36.2c8.4-8.4,16.8-16.9,25.2-25.3c3.8-3.8,7.6-7.6,11.1-11.7 c2.8-3.2,4-7.3,4.2-11.5C197,72.2,196.6,67.8,196.5,63.3z M151.5,63.3c-9,0-16.3-7.3-16.3-16.3c0-9,7.3-16.3,16.3-16.3 c9,0,16.3,7.3,16.3,16.3C167.7,56,160.5,63.3,151.5,63.3z"/> </svg> Sale </div><a href="/products/unsc-tactical-long-sleeve-shirt" class="grid-product__link "> <div class="grid-product__image-mask"> <div class="quick-product__btn js-modal-open-quick-modal-8388965957797 small--hide" data-product-id="8388965957797" role="button"> <span class="quick-product__label">Quick view <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_01_V2_3_180x.png?v=1709323948 180w 180h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_01_V2_3_360x.png?v=1709323948 360w 360h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_01_V2_3_540x.png?v=1709323948 540w 540h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_01_V2_3_720x.png?v=1709323948 720w 720h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_01_V2_3_900x.png?v=1709323948 900w 900h, " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_02_V2_2_180x.png?v=1709323949 180w 180h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_02_V2_2_360x.png?v=1709323949 360w 360h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_02_V2_2_540x.png?v=1709323949 540w 540h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_02_V2_2_720x.png?v=1709323949 720w 720h, //gear.xbox.com/cdn/shop/files/Xbox_Ecom_FleetcomLS_AGreen_02_V2_2_900x.png?v=1709323949 900w 900h, " data-sizes="auto"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">UNSC Tactical Long Sleeve Shirt</div><div class="grid-product__price"><span class="visually-hidden">Regular price</span> <span class="grid-product__price--original">$39.99</span> <span class="visually-hidden">Sale price</span>$25.99 <span class="grid-product__price--savings"> Save 35% </span></div></div> </a> </div> </div> <div class="grid__item grid-product featured-product grid-product__has-quick-shop" data-aos="row-of-"> <div class="grid-product__content"> <div class="product-labels"> <span class="grid-product__tag label-new"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" xml:space="preserve"> <g> <g> <path d="M102.4,196.7c-24.5,0.3-43.8-6.9-61.2-19.7c-7.3-5.4-9.4-10-5.8-18.2c4-9.2,8.8-18.2,14.6-26.3 c12.7-17.8,28.3-33.1,45-47.3c5.3-4.5,5.6-4.6,10.8,0.1c21,18.9,41.5,38.3,55.4,63.5c1.9,3.5,3.5,7.2,4.6,11 c2.4,8,1.1,11.6-5.6,16.6C142.2,189.7,122.3,197.2,102.4,196.7z"/> <path d="M127.6,55.7c10.1-9,19.4-18.7,32-23.9c6.8-2.8,8-2.7,12.9,2.9c15,17.3,23.9,37,24.4,60.2c0.5,24.8-5.4,45.5-18.1,61.9 c0.8-13-3.4-24.1-8.4-34.9c-9.2-19.5-21.3-37.3-34-54.6C133.5,63.5,130.6,59.7,127.6,55.7z"/> <path d="M73.5,54.7c-22.7,32-47.2,61.2-52.9,102c-3.9-8-8.1-14.8-10.7-22.2c-12.8-35.6-7-68.3,16.5-97.8c6.4-8,8.7-8.9,17.4-3.5 C54.1,39.5,63.5,47.3,73.5,54.7z"/> <path d="M52.7,16.1c32-17.4,63.9-17.6,95.6-0.4c-15.7-0.8-29.5,5.1-43,11.8c-3.8,1.9-6.8,1.8-10.6-0.1 c-11.3-5.6-22.9-10.8-35.9-11.4C56.8,16.1,54.8,16.1,52.7,16.1z"/> </g> </g> </svg> new</span> </div> <a href="/products/unsc-issued-logo-t-shirt" class="grid-product__link "> <div class="grid-product__image-mask"> <div class="quick-product__btn js-modal-open-quick-modal-8386105376933 small--hide" data-product-id="8386105376933" role="button"> <span class="quick-product__label">Quick view <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_180x.png?v=1710166497 180w 180h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_360x.png?v=1710166497 360w 360h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_540x.png?v=1710166497 540w 540h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_720x.png?v=1710166497 720w 720h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_900x.png?v=1710166497 900w 900h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_1080x.png?v=1710166497 1080w 1080h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_1296x.png?v=1710166497 1296w 1296h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_1512x.png?v=1710166497 1512w 1512h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_ATHLETIC-HEATHER_MF_1728x.png?v=1710166497 1728w 1728h " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_RO_180x.png?v=1710166508 180w 180h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_RO_360x.png?v=1710166508 360w 360h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_RO_540x.png?v=1710166508 540w 540h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_RO_720x.png?v=1710166508 720w 720h, //gear.xbox.com/cdn/shop/files/XBOX-UNSC_90_100394_RO_900x.png?v=1710166508 900w 900h, " data-sizes="auto"> </div> </div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">UNSC Issued Logo T-shirt</div><div class="grid-product__price">$24.99 </div></div> </a> </div><div class="grid-product__colors grid-product__colors--8386105376933"> <a href="/products/unsc-issued-logo-t-shirt?variant=42936850219173" class="color-swatch color-swatch--small color-swatch--athletic-heather" style="background-image: url(https://gear.xbox.com/cdn/shop/files/athletic-heather_50x.png); background-color: heather;"> </a> </div><style data-shopify> .grid-product__colors--8386105376933 { display: none; } </style> </div> <div class="grid__item grid-product featured-product grid-product__has-quick-shop" data-aos="row-of-"> <div class="grid-product__content"> <div class="product-labels"> <span class="grid-product__tag label-new"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" xml:space="preserve"> <g> <g> <path d="M102.4,196.7c-24.5,0.3-43.8-6.9-61.2-19.7c-7.3-5.4-9.4-10-5.8-18.2c4-9.2,8.8-18.2,14.6-26.3 c12.7-17.8,28.3-33.1,45-47.3c5.3-4.5,5.6-4.6,10.8,0.1c21,18.9,41.5,38.3,55.4,63.5c1.9,3.5,3.5,7.2,4.6,11 c2.4,8,1.1,11.6-5.6,16.6C142.2,189.7,122.3,197.2,102.4,196.7z"/> <path d="M127.6,55.7c10.1-9,19.4-18.7,32-23.9c6.8-2.8,8-2.7,12.9,2.9c15,17.3,23.9,37,24.4,60.2c0.5,24.8-5.4,45.5-18.1,61.9 c0.8-13-3.4-24.1-8.4-34.9c-9.2-19.5-21.3-37.3-34-54.6C133.5,63.5,130.6,59.7,127.6,55.7z"/> <path d="M73.5,54.7c-22.7,32-47.2,61.2-52.9,102c-3.9-8-8.1-14.8-10.7-22.2c-12.8-35.6-7-68.3,16.5-97.8c6.4-8,8.7-8.9,17.4-3.5 C54.1,39.5,63.5,47.3,73.5,54.7z"/> <path d="M52.7,16.1c32-17.4,63.9-17.6,95.6-0.4c-15.7-0.8-29.5,5.1-43,11.8c-3.8,1.9-6.8,1.8-10.6-0.1 c-11.3-5.6-22.9-10.8-35.9-11.4C56.8,16.1,54.8,16.1,52.7,16.1z"/> </g> </g> </svg> new</span> </div> <a href="/products/the-reach-pint-glassed" class="grid-product__link "> <div class="grid-product__image-mask"> <div class="quick-product__btn js-modal-open-quick-modal-8382834639013 small--hide" data-product-id="8382834639013" role="button"> <span class="quick-product__label">Quick view <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-FT-MF_180x.jpg?v=1706202748 180w 180h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-FT-MF_360x.jpg?v=1706202748 360w 360h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-FT-MF_540x.jpg?v=1706202748 540w 540h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-FT-MF_720x.jpg?v=1706202748 720w 720h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-FT-MF_900x.jpg?v=1706202748 900w 900h, " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-BK-MF_180x.jpg?v=1706202748 180w 180h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-BK-MF_360x.jpg?v=1706202748 360w 360h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-BK-MF_540x.jpg?v=1706202748 540w 540h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-BK-MF_720x.jpg?v=1706202748 720w 720h, //gear.xbox.com/cdn/shop/products/XBOX-RCH-90-100204-BK-MF_900x.jpg?v=1706202748 900w 900h, " data-sizes="auto"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">The Reach Pint Glassed</div><div class="grid-product__price">$18.99 </div></div> </a> </div> </div> </div> <div class="viewAll"> <a href="/collections/unsc-fleetcom-exchange"> <button aria-label="premium_page_cgLPHB-featured-products-view-all">View all <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg></button> </a> </div> </div> </div> </div> <div class="premiumGiftBanner"> <a href=""> <div class="desktop"> <div class="premiumGiftBannerContent center"> <ul class="PGB-social-icons"> </ul> <h2></h2> <p></p> </div> </div> <div class="mobile"> <div class="premiumGiftBannerContent middle"> <h2></h2> <p></p> </div> </div> </a> </div> </div> <style data-shopify> /*** Main Styles ***/ .premium-template-container-premium_page_cgLPHB .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-premium_page_cgLPHB .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Hero_Banner-min.jpg?v=1706190262"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:670px; } .premium-template-container-premium_page_cgLPHB .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-premium_page_cgLPHB .premium-banner-content-shade{ background:#000000; opacity:0.50; } .premium-template-container-premium_page_cgLPHB .parallax-banner-logo { width:300px; } .premium-template-container-premium_page_cgLPHB .premium-banner-content img.premium-banner-content-logo{ width:150px; display:block; margin:20px auto 0px auto; } .premium-template-container-premium_page_cgLPHB .premium-banner-content h2, .premium-template-container-premium_page_cgLPHB .default-text-banner h2{ color:#cccccc; font-size:5vw; } .premium-template-container-premium_page_cgLPHB .premium-banner-content p, .premium-template-container-premium_page_cgLPHB .default-text-banner p{ color:#cccccc; font-size:3vw; } .premium-template-container-premium_page_cgLPHB .premium-banner-content button{ color:#000000; background:#cccccc; font-size:20px; } .premium-template-container-premium_page_cgLPHB .premium-banner-content button::after{ background:#000000; } .premium-template-container-premium_page_cgLPHB .premium-banner-content button:hover::after{ background:#000000; } .premium-template-container-premium_page_cgLPHB .premium-banner-content button .right-carat{ fill:#000000; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item button::after{ background:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#ffffff; color:#000000; } .premiumGridCollection .premiumGridButton svg{fill:#000000;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-premium_page_cgLPHB .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-premium_page_cgLPHB .premiumGridCollection{ margin:50px 0; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection h1{ color:#ffffff; margin:10px 0 10px 0; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection p{ color:#ffffff; margin-bottom:10px; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item{ text-align:center; margin-bottom:30px; padding:0 25px; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item h2{ color:#000000; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item button{ background:rgba(0,0,0,0); color:#ffffff; } /*** Premium Collection Sub-Message ***/ .premium-template-container-premium_page_cgLPHB .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-premium_page_cgLPHB .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner{ position:relative; width:100%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.0; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:left; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent{width:40%;} } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent.left{ left:10%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent.right{ right:10%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner button{ background:#ffffff; color:#000000; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner button::after{ background:#000000; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner button .right-carat{ fill:#000000; } /*** Premium Featured Products ***/ .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsTitle{ color:#ffffff; margin:10px 0 10px 0; } .premium-template-container-premium_page_cgLPHB .featured-products .premiumFeaturedProducts .grid-product__title{color:#000000;} .premium-template-container-premium_page_cgLPHB .featured-products .premiumFeaturedProducts .grid-product__price{color:#000000;} .premium-template-container-premium_page_cgLPHB .featured-products .viewAll button{background:#cccccc; color:#000000;} .premium-template-container-premium_page_cgLPHB .featured-products .viewAll button::after{background:#000000;} .premium-template-container-premium_page_cgLPHB .featured-products .viewAll button .right-carat{fill:#000000;} /*** Premium Middle Banner 2 ***/ .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB::after{ background:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner{ position:relative; width:100%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.0; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (min-width: 890px) { .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB{ background: !important; color: !important; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB::after{ background: !important; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_cgLPHB{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton{ background:#202020 !important; color:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton:hover{ background:#202020 !important; color:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton:hover svg{ fill:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton:hover::after{ background:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-premium_page_cgLPHB .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#202020;} .premium-template-container-premium_page_cgLPHB .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#202020;} .premium-template-container-premium_page_cgLPHB .featured-products2 .viewAll button{ background:#202020; color:#ffffff; padding: 5px 15px; } .premium-template-container-premium_page_cgLPHB .featured-products2 .viewAll button::after{ background:#ffffff; } .premium-template-container-premium_page_cgLPHB .featured-products2 .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsTitle{ color:#ffffff; margin:10px 0 10px 0; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-premium_page_cgLPHB .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-premium_page_cgLPHB .featured-products .premiumFeaturedProducts .grid-product__title{ color:#000000; } .premium-template-container-premium_page_cgLPHB .featured-products .premiumFeaturedProducts .grid-product__price{ color:#000000; } .premium-template-container-premium_page_cgLPHB .featured-products .viewAll button{ background:#cccccc; color:#000000; } .premium-template-container-premium_page_cgLPHB .featured-products .viewAll button::after{ background:#000000; } .premium-template-container-premium_page_cgLPHB .featured-products .viewAll button .right-carat{ fill:#000000; } /*** Premium Gift Banner ***/ .premium-template-container-premium_page_cgLPHB .premiumGiftBanner{ background:rgba(0,0,0,0); height:100px; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent{ text-align:center; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent h2{ font-size:40px; color:#000000; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent p{ font-size:25px; color:#000000; padding:5px 0; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent button{ color:#000000; background:#cccccc; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent button::after{ background:#000000; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent button .right-carat{ fill:#000000; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-premium_page_cgLPHB .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-premium_page_cgLPHB .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/Hero_Banner_1_-min.jpg?v=1706190294"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:380px; overflow:hidden; } .premium-template-container-premium_page_cgLPHB .parallax-banner-logo { width:50%; } .premium-template-container-premium_page_cgLPHB .premium-banner-content{ text-align:center; background:#000000; width:100%; } .premium-template-container-premium_page_cgLPHB .premium-banner-content h2, .premium-template-container-premium_page_cgLPHB .default-text-banner h2{ font-size:3vw; } .premium-template-container-premium_page_cgLPHB .premium-banner-content p, .premium-template-container-premium_page_cgLPHB .default-text-banner p{ font-size:1.6vw; } .premium-template-container-premium_page_cgLPHB .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ .premium-template .grid { grid-template-columns: repeat(1, 1fr); } /*** Middle Banner ***/ .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBannerText{ font-size:16px; } /*** Middle Banner 2 ***/.premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-premium_page_cgLPHB .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-premium_page_cgLPHB .premiumGiftBanner{ height:100px; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent{ text-align:center; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-premium_page_cgLPHB .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-premium_page_cgLPHB .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> <style data-shopify> /*** Main Styles ***/ .premium-template-container-premium_page_qAkK8J .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/hellblade-takeover-background-min.jpg?v=1715279449"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:100%; } /*** Hero Banner ***/ .premium-template-container-premium_page_qAkK8J .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/XBX_PP_Hellblade_Hero-desktop.jpg?v=1715375860"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; width:100%; height:600px; } .premium-template-container-premium_page_qAkK8J .premium-banner-content{ text-align:center; width:35%; } .premium-template-container-premium_page_qAkK8J .premium-banner-content-shade{ background:rgba(0,0,0,0); opacity:0.75; } .premium-template-container-premium_page_qAkK8J .parallax-banner-logo { width:370px; } .premium-template-container-premium_page_qAkK8J .premium-banner-content img.premium-banner-content-logo{ width:150px; display:block; margin:20px auto 0px auto; } .premium-template-container-premium_page_qAkK8J .premium-banner-content h2, .premium-template-container-premium_page_qAkK8J .default-text-banner h2{ color:#ffffff; font-size:3.6vw; } .premium-template-container-premium_page_qAkK8J .premium-banner-content p, .premium-template-container-premium_page_qAkK8J .default-text-banner p{ color:#ffffff; font-size:1.4vw; } .premium-template-container-premium_page_qAkK8J .premium-banner-content button{ color:#ffffff; background:#cc0022; font-size:15px; } .premium-template-container-premium_page_qAkK8J .premium-banner-content button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premium-banner-content button:hover::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premium-banner-content button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .premiumGridButton{ display:block; margin:20px auto 50px auto; background:#333333; color:#ffffff; } .premiumGridCollection .premiumGridButton svg{fill:#ffffff;} .premiumGridCollection .premiumGridButton:hover{background:#ffffff !important; color:#333333;} .premiumGridCollection .premiumGridButton:hover svg{fill:#333333 !important;} .premiumGridCollection .premiumGridButton::after{background:#333333 !important;} /*** Sub-Navigation ***/ .premium-template-container-premium_page_qAkK8J .subNavigation ul li:hover > a:after{ height:0; } /*** Premium Collections ***/ .premium-template-container-premium_page_qAkK8J .premiumGridCollection{ margin:50px 0; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid.grid--uniform{ margin:0 auto; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection h1{ color:#ffffff; margin:30px 0 20px 0; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection p{ color:#ffffff; margin-bottom:20px; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item{ text-align:center; margin-bottom:30px; padding:0 25px; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item h2{ color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item p{ color:#000000; font-size:15px; } .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item button{ background:#cc0022; color:#ffffff; } /*** Premium Collection Sub-Message ***/ .premium-template-container-premium_page_qAkK8J .premiumCollectionSubMessage{ color:#000000; } .premium-template-container-premium_page_qAkK8J .premiumCollectionSubMessage a{ color:#cccccc; } /*** Premium Middle Banner ***/ .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; height:420px; position:relative; width:100%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.15; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; z-index:2; width:90%; } @media screen and (min-width:890px) { .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent{width:50%;} } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerTitle{ font-size:50px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerText{ font-size:26px; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner button{ background:#cc0022; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsTitle{ color:#ffffff; margin:30px 0 20px 0; } .premium-template-container-premium_page_qAkK8J .featured-products .premiumFeaturedProducts .grid-product__title{color:#ffffff;} .premium-template-container-premium_page_qAkK8J .featured-products .premiumFeaturedProducts .grid-product__price{color:#ffffff;} .premium-template-container-premium_page_qAkK8J .featured-products .viewAll button{background:#cc0022; color:#ffffff;} .premium-template-container-premium_page_qAkK8J .featured-products .viewAll button::after{background:#ffffff;} .premium-template-container-premium_page_qAkK8J .featured-products .viewAll button .right-carat{fill:#ffffff;} /*** Premium Middle Banner 2 ***/ .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-size:cover; background-position:center center; background-repeat:no-repeat; height:300px; position:relative; width:100%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: 50%; text-align:center; z-index:2; } @media screen and (min-width:890px) { .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent{width: 50% !important;} } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner button{ background:#cccccc; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J{ background:#cccccc !important; color:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J::after{ background:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J .right-carat{ fill:#ffffff !important; } @media screen and (max-width: 890px) { .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J{ margin-top: 10px; } } /*** Premium Middle Banner 3 ***/ .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; height:400px; position:relative; width:100%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerShade{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000000; opacity:0.50; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerContent{ position:absolute; top:50%; transform:translateY(-50%); width: %; text-align:center; z-index:2; } @media screen and (max-width: 960px) { .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner{ background:url("//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"); background-attachment:fixed; background-size:cover; background-position:center center; } } @media screen and (min-width: 890px) { .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerContent{width: % !important;} .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner{background-position:center center;} } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerContent.left{ left:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerContent.center{ left:0; right:0; margin-left:auto; margin-right:auto; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerContent.right{ right:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerTitle{ font-size:35px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBannerText{ font-size:17px; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .mobile .premiumMiddleBannerTitle{ font-size:25px; color:#ffffff; margin-bottom:5px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .mobile .premiumMiddleBannerText{ font-size:15px; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner button{ background:#cc0022; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner button .right-carat{ fill:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J{ background: !important; color: !important; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J::after{ background: !important; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J .right-carat{ fill: !important; } @media screen and (max-width: 890px) { .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner3 .premiumMiddleBanner .middle-banner-button2-premium_page_qAkK8J{margin-top: 10px;} } /*** Premium Featured Products 2 ***/ .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsTitle{ color:; margin:px 0 px 0; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color: !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton{ background:#333333 !important; color:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-premium_page_qAkK8J .featured-products2 .featuredProductsButton{display:block; margin:20px auto 50px auto;} .premium-template-container-premium_page_qAkK8J .featured-products2 .premiumFeaturedProducts .grid-product__title{color:#ffffff;} .premium-template-container-premium_page_qAkK8J .featured-products2 .premiumFeaturedProducts .grid-product__price{color:#ffffff;} .premium-template-container-premium_page_qAkK8J .featured-products2 .viewAll button{ background:#cc0022; color:#ffffff; padding: 5px 15px; } .premium-template-container-premium_page_qAkK8J .featured-products2 .viewAll button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .featured-products2 .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Featured Products ***/ .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsTitle{ color:#ffffff; margin:30px 0 20px 0; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductDescription{ width:80%; margin:0 auto; padding:0; text-align:center; color:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsButton{ background: !important; color:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsButton svg{ fill:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsButton::after{ background:#ffffff !important; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsButton:hover{ background:#ffffff !important; color:#333333 !important; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsButton:hover svg{ fill:#333333 !important; } .premium-template-container-premium_page_qAkK8J .featured-products .featuredProductsButton:hover::after{ background:#333333 !important; } .premium-template-container-premium_page_qAkK8J .featured-products .premiumFeaturedProducts .grid-product__title{ color:#ffffff; } .premium-template-container-premium_page_qAkK8J .featured-products .premiumFeaturedProducts .grid-product__price{ color:#ffffff; } .premium-template-container-premium_page_qAkK8J .featured-products .viewAll button{ background:#cc0022; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .featured-products .viewAll button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .featured-products .viewAll button .right-carat{ fill:#ffffff; } /*** Premium Gift Banner ***/ .premium-template-container-premium_page_qAkK8J .premiumGiftBanner{ background:#cccccc; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent{ text-align:center; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent .PGB-icon svg{ fill:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent h2{ font-size:40px; color:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent p{ font-size:25px; color:#ffffff; padding:5px 0; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent button{ color:#ffffff; background:#cc0022; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent button::after{ background:#ffffff; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent button .right-carat{ fill:#ffffff; } @media screen and (max-width:960px){ /*** Main Styles ***/ .premium-template-container-premium_page_qAkK8J .premiumPageContainer{ background:url("//gear.xbox.com/cdn/shop/files/hellblade-takeover-background-min.jpg?v=1715279449"); background-size:cover; background-repeat:no-repeat; background-attachment:inherit; width:100%; height:100%; } .premium-template-container-premium_page_qAkK8J .parallax-banner{ background:url("//gear.xbox.com/cdn/shop/files/XBX_PP_Hellblade_Hero-mobile.jpg?v=1715375860"); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:500px; overflow:hidden; } .premium-template-container-premium_page_qAkK8J .parallax-banner-logo { width:100%; } .premium-template-container-premium_page_qAkK8J .premium-banner-content{ text-align:center; background:rgba(0,0,0,0); width:100%; } .premium-template-container-premium_page_qAkK8J .premium-banner-content h2, .premium-template-container-premium_page_qAkK8J .default-text-banner h2{ font-size:8.8vw; } .premium-template-container-premium_page_qAkK8J .premium-banner-content p, .premium-template-container-premium_page_qAkK8J .default-text-banner p{ font-size:5.4vw; } .premium-template-container-premium_page_qAkK8J .premium-banner-content button{ font-size:18px; } /*** Premium Collection ***/ /*** Middle Banner ***/ .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:400px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent{ text-align:center; width:90%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; top:auto; transform:none; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerTitle{ font-size:30px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBannerText{ font-size:16px; } /*** Middle Banner 2 ***/.premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBanner{ background:url('//gear.xbox.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif'); background-attachment:inherit; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:200px; }.premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent{ text-align:center; position: absolute; max-width:px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent.top{ left:0; right:0; margin-left:auto; margin-right:auto; top:5%; transform: translateY(5%); } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent.middle{ left:0; right:0; margin-left:auto; margin-right:auto; top:50%; transform:translateY(-50%); } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerContent.bottom{ left:0; right:0; margin-left:auto; margin-right:auto; bottom:5%; position: absolute; top:auto; transform:none; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerTitle{ font-size:25px; } .premium-template-container-premium_page_qAkK8J .premiumMiddleBanner2 .premiumMiddleBannerText{ font-size:15px; } /*** Premium Gift Banner ***/ .premium-template-container-premium_page_qAkK8J .premiumGiftBanner{ } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent{ text-align:center; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent h2{ font-size:25px; } .premium-template-container-premium_page_qAkK8J .premiumGiftBannerContent p{ font-size:17px; padding:10px 0; } } @media screen and (max-width:900px){ .premium-template-container-premium_page_qAkK8J .premiumGridCollection .grid__item{ padding:10px 25px; } } </style> </div> <div id="shopify-section-hero-video" class="shopify-section index-section--hero"> <style> .hero--video_background_tjzAdw .hero__title {font-size: 40.0px;} @media only screen and (min-width: 769px) { .hero--video_background_tjzAdw .hero__title {font-size: 80px;} } </style> <style> .hero--video_background_BPCmtJ .hero__title {font-size: 20.0px;} @media only screen and (min-width: 769px) { .hero--video_background_BPCmtJ .hero__title {font-size: 40px;} } </style> <div data-section-id="video_background_BPCmtJ" data-section-type="video-section" class="video-parent-section hero hero--video_background_BPCmtJ hero--650px hero--mobile--auto" data-aos="hero__animation"> <style> .hero--video_background_BPCmtJ .pausePlay{background:#000000;} .hero--video_background_BPCmtJ .pausePlay.top-left{top:20px; left:20px;} .hero--video_background_BPCmtJ .pausePlay.top-right{top:20px; right:20px;} .hero--video_background_BPCmtJ .pausePlay.bottom-left{bottom:20px; left:20px;} .hero--video_background_BPCmtJ .pausePlay.bottom-right{bottom:20px; right:20px;} .hero--video_background_BPCmtJ .pausePlay button.videoPause svg, .hero--video_background_BPCmtJ .pausePlay button.videoPlay svg{fill:#ffffff;} .hero--video_background_BPCmtJ .hero__title{font-family:"SegoePro-Black" !important;} .hero--video_background_BPCmtJ .hero__subtitle{font-family:"SegoePro-Regular" !important;} </style> <div class="pausePlay top-right"> <button type="button" aria-label="Pause Video" id="video-pause" class="videoPause"><?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve"> <rect x="15.2" y="4.2" width="28.7" height="92.3"/> <rect x="55.8" y="4.2" width="28.7" height="92.3"/> </svg></button> <button type="button" aria-label="Play Video" id="video-play" class="videoPlay"><?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve"> <g id="fYAtaS.tif"> <g> <path d="M9,4.2c12.9,7.5,25.8,15,38.7,22.4c13,7.5,26.1,15.1,39.1,22.6c0.5,0.3,1.1,0.7,1.9,1.1c-0.7,0.5-1.3,0.8-1.9,1.1 C61.5,66.1,36.2,80.7,11,95.3c-0.6,0.3-1.1,0.8-1.6,1.2C9.2,95.9,9,95.4,9,94.8C9,64.6,9,34.4,9,4.2z"/> </g> </g> </svg></button> </div> <div class="hero__media hero__media--video_background_BPCmtJ"> <div class="hero__media-container"> <div id="YouTubeVideo-video_background_BPCmtJ" data-video-id="GBEgoaLZzXM?si=INKvzWBuGv6lkdvY"></div> </div> </div> <div class="hero__text-wrap"> <div class="page-width"> <div class="hero__text-content vertical-center horizontal-center"> <div class="hero__text-shadow"> <h2 class="h1 hero__title"> <div class="animation-cropper"><div class="animation-contents"> RISE FROM THE FALL </div></div> </h2> <div class="hero__subtitle"> <div class="animation-cropper"><div class="animation-contents"> Halo Season 2 Streaming Now on Paramount+ </div></div> </div> <div class="hero__link"> <div class="animation-cropper"> <div class="animation-contents"> <a href="https://youtu.be/GBEgoaLZzXM?si=INKvzWBuGv6lkdvY" class="btn white-out"> SHOP THE EXCHANGE <svg class="right-carat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.6 70.3" style="enable-background:new 0 0 44.6 70.3;" xml:space="preserve"> <g> <polygon points="24.8,1.5 3.3,1.5 20.8,34.1 2.2,68.9 23.7,68.9 42.3,34.1 42.3,34.1 42.3,34.1 " /> </g> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><script data-locksmith> var load = function () { if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { Locksmith.ping(); } Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { event.preventDefault(); var data = Locksmith.util.serializeForm(event.target); Locksmith.postResource(data, { spinner: false, container: 'locksmith-content' }); }); Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { event.preventDefault(); Locksmith.postResource({}, { spinner: true, container: document }); }); Locksmith.submitPasscode = function (passcode) { Locksmith.postResource( { passcode: passcode }, { spinner: false, container: 'locksmith-content' } ); }; }; if (typeof Locksmith !== 'undefined') { load(); } else { window.addEventListener('load', load); } </script> </main> <div id="shopify-section-footer-promotions" class="shopify-section index-section--footer"> </div> <div id="shopify-section-footer" class="shopify-section"><footer id="site-footer" class="site-footer clearfix" data-section-id="footer" data-section-type="footer-section"> <div class="page-width"> <div class="grid"> <div class="grid__item footer__item--1494301487049" data-type="menu"> <style data-shopify> @media only screen and (min-width: 769px) and (max-width: 959px) { .footer__item--1494301487049 { width: 50%; padding-top: 40px; } .footer__item--1494301487049:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 960px) { .footer__item--1494301487049 { width: 33%; } } </style> <p class="h4 footer__title small--hide"> Snow Commerce Customer Support </p> <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1494301487049"> Snow Commerce Customer Support <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1494301487049" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"> <li> <a href="https://help.xboxgearshop.com" aria-label="support-center-link">Support Center</a> </li> <li> <a href="/pages/promotional-disclaimers" aria-label="promotional-disclaimers-link">Promotional Disclaimers</a> </li> <li> <a href="/pages/accessibility" aria-label="accessibility-statement-link">Accessibility Statement</a> </li> <li> <a href="/pages/return-policy" aria-label="return-refund-policy-link">Return & Refund Policy</a> </li> <li> <a href="/pages/terms-of-use" aria-label="terms-of-service-link">Terms of Service</a> </li> <li> <a href="/pages/privacy-policy" aria-label="privacy-policy-link">Privacy Policy</a> </li> <li> <a href="/pages/cookie-policy" aria-label="cookie-policy-link">Cookie Policy</a> </li> <li> <a href="/pages/legal-imprint" aria-label="legal-imprint-link">Legal Imprint</a> </li> <li> <a href="/" aria-label="a-class-list-menu__item-link-id-preferencecenterlink-href-onclick-ketchshowpreferences-img-src-https-bit-ly-48ycwmt-width-25px-height-12px-your-privacy-choices-a-link"><a class="list-menu__item--link" id="preferenceCenterLink" href="#" onclick="ketch('showPreferences')"><img src="https://bit.ly/48YCwmT" width="25px" height="12px"> Your privacy choices</a></a> </li> </ul> </div> </div> </div> </div> <div class="grid__item footer__item--1585178795848" data-type="menu"> <style data-shopify> @media only screen and (min-width: 769px) and (max-width: 959px) { .footer__item--1585178795848 { width: 50%; padding-top: 40px; } .footer__item--1585178795848:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 960px) { .footer__item--1585178795848 { width: 33%; } } </style> <p class="h4 footer__title small--hide"> Account & Ordering </p> <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1585178795848"> Account & Ordering <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1585178795848" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"> <li> <a href="/account/login" aria-label="my-account-link">My Account</a> </li> <li> <a href="/pages/order-policy" aria-label="ordering-policy-link">Ordering Policy</a> </li> <li> <a href="/pages/shipping-policy" aria-label="shipping-policy-link">Shipping Policy</a> </li> <li> <a href="/pages/volume-discounts" aria-label="volume-discounts-link">Volume Discounts</a> </li> </ul> </div> </div> </div> </div> <div class="grid__item footer__item--1598624401985" data-type="menu"> <style data-shopify> @media only screen and (min-width: 769px) and (max-width: 959px) { .footer__item--1598624401985 { width: 50%; padding-top: 40px; } .footer__item--1598624401985:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 960px) { .footer__item--1598624401985 { width: 33%; } } </style> <p class="h4 footer__title small--hide"> Explore Xbox </p> <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1598624401985"> Explore Xbox <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1598624401985" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"> <li> <a href="https://www.xbox.com/en-US/" aria-label="xbox-com-link">Xbox.com</a> </li> <li> <a href="https://shop.minecraft.net/" aria-label="minecraft-shop-link">Minecraft Shop</a> </li> <li> <a href="/pages/sitemap" aria-label="sitemap-link">Sitemap</a> </li> <li> <a href="/search" aria-label="search-link">Search</a> </li> </ul> </div> </div> </div> </div> </div> <div class="left-footer"> <p class="footer__small-text"> &copy; 2024 Microsoft | Snow Commerce, Inc. is the seller of all merchandise and is solely responsible for all aspects of your purchase (currently on each shop).<br>This website is run with permission by Microsoft Corporation and the website is not administered by Microsoft Corporation. </p> <p class="footer__small-text"> <a href="https://www.snowcommerce.com"> <img src="//cdn.shopify.com/s/files/1/0150/0643/3380/t/7/assets/snow_footer_icon.png?5417" width="135px" alt="Company Logo"/> </a> </p><div id="footer-currency-selector" class="footer__section"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors" 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="/pages/unsc-fleetcom-exchange" /><div class="multi-selectors__item"> <h2 class="visually-hidden" id="CurrencyHeading-footer"> Currency </h2> <div class="disclosure" data-disclosure-currency> <button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="CurrencyList" aria-describedby="CurrencyHeading" data-disclosure-toggle> <span class="currency-flag" data-flag="USD" aria-hidden="true"></span> <span class="disclosure-list__label"> USD $</span> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 119" xml:space="preserve"> <g id="TgjafR_1_"> <g> <path d="M99.6,76.9c5.1-5.1,9.8-9.9,14.6-14.7c18.1-18.1,36.3-36.2,54.3-54.4c6.2-6.2,14.2-6.5,19.9-3.6c9.8,5.1,11.8,18.2,4,26.1 c-16.1,16.2-32.3,32.3-48.4,48.4c-10.7,10.7-21.5,21.5-32.2,32.2c-7,6.9-17,7-23.9,0C61,84.1,34.1,57.3,7.3,30.5 C2.5,25.7,1.1,20,3.2,13.6c2.1-6.3,6.7-10.1,13.3-11c5.3-0.8,10,0.8,13.8,4.6C53.1,30,75.9,52.8,98.7,75.6 C99,75.9,99.2,76.3,99.6,76.9z"/> </g> </g> </svg> </button> <ul id="CurrencyList-footer" class="disclosure-list" data-disclosure-list> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="AED" data-disclosure-option> <span class="currency-flag" data-flag="AED" aria-hidden="true"></span> <span class="disclosure-list__label"> AED د.إ</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="AFN" data-disclosure-option> <span class="currency-flag" data-flag="AFN" aria-hidden="true"></span> <span class="disclosure-list__label"> AFN ؋</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="ALL" data-disclosure-option> <span class="currency-flag" data-flag="ALL" aria-hidden="true"></span> <span class="disclosure-list__label"> ALL L</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="AMD" data-disclosure-option> <span class="currency-flag" data-flag="AMD" aria-hidden="true"></span> <span class="disclosure-list__label"> AMD դր.</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="ANG" data-disclosure-option> <span class="currency-flag" data-flag="ANG" aria-hidden="true"></span> <span class="disclosure-list__label"> ANG ƒ</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="AUD" data-disclosure-option> <span class="currency-flag" data-flag="AUD" aria-hidden="true"></span> <span class="disclosure-list__label"> AUD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="AWG" data-disclosure-option> <span class="currency-flag" data-flag="AWG" aria-hidden="true"></span> <span class="disclosure-list__label"> AWG ƒ</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="AZN" data-disclosure-option> <span class="currency-flag" data-flag="AZN" aria-hidden="true"></span> <span class="disclosure-list__label"> AZN ₼</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BAM" data-disclosure-option> <span class="currency-flag" data-flag="BAM" aria-hidden="true"></span> <span class="disclosure-list__label"> BAM КМ</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BBD" data-disclosure-option> <span class="currency-flag" data-flag="BBD" aria-hidden="true"></span> <span class="disclosure-list__label"> BBD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BDT" data-disclosure-option> <span class="currency-flag" data-flag="BDT" aria-hidden="true"></span> <span class="disclosure-list__label"> BDT ৳</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BGN" data-disclosure-option> <span class="currency-flag" data-flag="BGN" aria-hidden="true"></span> <span class="disclosure-list__label"> BGN лв.</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BIF" data-disclosure-option> <span class="currency-flag" data-flag="BIF" aria-hidden="true"></span> <span class="disclosure-list__label"> BIF Fr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BND" data-disclosure-option> <span class="currency-flag" data-flag="BND" aria-hidden="true"></span> <span class="disclosure-list__label"> BND $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BOB" data-disclosure-option> <span class="currency-flag" data-flag="BOB" aria-hidden="true"></span> <span class="disclosure-list__label"> BOB Bs.</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BSD" data-disclosure-option> <span class="currency-flag" data-flag="BSD" aria-hidden="true"></span> <span class="disclosure-list__label"> BSD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BWP" data-disclosure-option> <span class="currency-flag" data-flag="BWP" aria-hidden="true"></span> <span class="disclosure-list__label"> BWP P</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="BZD" data-disclosure-option> <span class="currency-flag" data-flag="BZD" aria-hidden="true"></span> <span class="disclosure-list__label"> BZD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="CAD" data-disclosure-option> <span class="currency-flag" data-flag="CAD" aria-hidden="true"></span> <span class="disclosure-list__label"> CAD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="CHF" data-disclosure-option> <span class="currency-flag" data-flag="CHF" aria-hidden="true"></span> <span class="disclosure-list__label"> CHF CHF</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="CNY" data-disclosure-option> <span class="currency-flag" data-flag="CNY" aria-hidden="true"></span> <span class="disclosure-list__label"> CNY ¥</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="CRC" data-disclosure-option> <span class="currency-flag" data-flag="CRC" aria-hidden="true"></span> <span class="disclosure-list__label"> CRC ₡</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="CVE" data-disclosure-option> <span class="currency-flag" data-flag="CVE" aria-hidden="true"></span> <span class="disclosure-list__label"> CVE $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="CZK" data-disclosure-option> <span class="currency-flag" data-flag="CZK" aria-hidden="true"></span> <span class="disclosure-list__label"> CZK Kč</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="DJF" data-disclosure-option> <span class="currency-flag" data-flag="DJF" aria-hidden="true"></span> <span class="disclosure-list__label"> DJF Fdj</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="DKK" data-disclosure-option> <span class="currency-flag" data-flag="DKK" aria-hidden="true"></span> <span class="disclosure-list__label"> DKK kr.</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="DOP" data-disclosure-option> <span class="currency-flag" data-flag="DOP" aria-hidden="true"></span> <span class="disclosure-list__label"> DOP $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="DZD" data-disclosure-option> <span class="currency-flag" data-flag="DZD" aria-hidden="true"></span> <span class="disclosure-list__label"> DZD د.ج</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="EGP" data-disclosure-option> <span class="currency-flag" data-flag="EGP" aria-hidden="true"></span> <span class="disclosure-list__label"> EGP ج.م</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="ETB" data-disclosure-option> <span class="currency-flag" data-flag="ETB" aria-hidden="true"></span> <span class="disclosure-list__label"> ETB Br</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="EUR" data-disclosure-option> <span class="currency-flag" data-flag="EUR" aria-hidden="true"></span> <span class="disclosure-list__label"> EUR €</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="FJD" data-disclosure-option> <span class="currency-flag" data-flag="FJD" aria-hidden="true"></span> <span class="disclosure-list__label"> FJD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="FKP" data-disclosure-option> <span class="currency-flag" data-flag="FKP" aria-hidden="true"></span> <span class="disclosure-list__label"> FKP £</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="GBP" data-disclosure-option> <span class="currency-flag" data-flag="GBP" aria-hidden="true"></span> <span class="disclosure-list__label"> GBP £</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="GMD" data-disclosure-option> <span class="currency-flag" data-flag="GMD" aria-hidden="true"></span> <span class="disclosure-list__label"> GMD D</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="GNF" data-disclosure-option> <span class="currency-flag" data-flag="GNF" aria-hidden="true"></span> <span class="disclosure-list__label"> GNF Fr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="GTQ" data-disclosure-option> <span class="currency-flag" data-flag="GTQ" aria-hidden="true"></span> <span class="disclosure-list__label"> GTQ Q</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="GYD" data-disclosure-option> <span class="currency-flag" data-flag="GYD" aria-hidden="true"></span> <span class="disclosure-list__label"> GYD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="HKD" data-disclosure-option> <span class="currency-flag" data-flag="HKD" aria-hidden="true"></span> <span class="disclosure-list__label"> HKD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="HNL" data-disclosure-option> <span class="currency-flag" data-flag="HNL" aria-hidden="true"></span> <span class="disclosure-list__label"> HNL L</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="HUF" data-disclosure-option> <span class="currency-flag" data-flag="HUF" aria-hidden="true"></span> <span class="disclosure-list__label"> HUF Ft</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="IDR" data-disclosure-option> <span class="currency-flag" data-flag="IDR" aria-hidden="true"></span> <span class="disclosure-list__label"> IDR Rp</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="ILS" data-disclosure-option> <span class="currency-flag" data-flag="ILS" aria-hidden="true"></span> <span class="disclosure-list__label"> ILS ₪</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="INR" data-disclosure-option> <span class="currency-flag" data-flag="INR" aria-hidden="true"></span> <span class="disclosure-list__label"> INR ₹</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="ISK" data-disclosure-option> <span class="currency-flag" data-flag="ISK" aria-hidden="true"></span> <span class="disclosure-list__label"> ISK kr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="JMD" data-disclosure-option> <span class="currency-flag" data-flag="JMD" aria-hidden="true"></span> <span class="disclosure-list__label"> JMD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="JPY" data-disclosure-option> <span class="currency-flag" data-flag="JPY" aria-hidden="true"></span> <span class="disclosure-list__label"> JPY ¥</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KES" data-disclosure-option> <span class="currency-flag" data-flag="KES" aria-hidden="true"></span> <span class="disclosure-list__label"> KES KSh</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KGS" data-disclosure-option> <span class="currency-flag" data-flag="KGS" aria-hidden="true"></span> <span class="disclosure-list__label"> KGS som</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KHR" data-disclosure-option> <span class="currency-flag" data-flag="KHR" aria-hidden="true"></span> <span class="disclosure-list__label"> KHR ៛</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KMF" data-disclosure-option> <span class="currency-flag" data-flag="KMF" aria-hidden="true"></span> <span class="disclosure-list__label"> KMF Fr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KRW" data-disclosure-option> <span class="currency-flag" data-flag="KRW" aria-hidden="true"></span> <span class="disclosure-list__label"> KRW ₩</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KYD" data-disclosure-option> <span class="currency-flag" data-flag="KYD" aria-hidden="true"></span> <span class="disclosure-list__label"> KYD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="KZT" data-disclosure-option> <span class="currency-flag" data-flag="KZT" aria-hidden="true"></span> <span class="disclosure-list__label"> KZT 〒</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="LAK" data-disclosure-option> <span class="currency-flag" data-flag="LAK" aria-hidden="true"></span> <span class="disclosure-list__label"> LAK ₭</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="LKR" data-disclosure-option> <span class="currency-flag" data-flag="LKR" aria-hidden="true"></span> <span class="disclosure-list__label"> LKR ₨</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MAD" data-disclosure-option> <span class="currency-flag" data-flag="MAD" aria-hidden="true"></span> <span class="disclosure-list__label"> MAD د.م.</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MDL" data-disclosure-option> <span class="currency-flag" data-flag="MDL" aria-hidden="true"></span> <span class="disclosure-list__label"> MDL L</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MKD" data-disclosure-option> <span class="currency-flag" data-flag="MKD" aria-hidden="true"></span> <span class="disclosure-list__label"> MKD ден</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MNT" data-disclosure-option> <span class="currency-flag" data-flag="MNT" aria-hidden="true"></span> <span class="disclosure-list__label"> MNT ₮</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MOP" data-disclosure-option> <span class="currency-flag" data-flag="MOP" aria-hidden="true"></span> <span class="disclosure-list__label"> MOP P</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MUR" data-disclosure-option> <span class="currency-flag" data-flag="MUR" aria-hidden="true"></span> <span class="disclosure-list__label"> MUR ₨</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MVR" data-disclosure-option> <span class="currency-flag" data-flag="MVR" aria-hidden="true"></span> <span class="disclosure-list__label"> MVR MVR</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MWK" data-disclosure-option> <span class="currency-flag" data-flag="MWK" aria-hidden="true"></span> <span class="disclosure-list__label"> MWK MK</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="MYR" data-disclosure-option> <span class="currency-flag" data-flag="MYR" aria-hidden="true"></span> <span class="disclosure-list__label"> MYR RM</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="NGN" data-disclosure-option> <span class="currency-flag" data-flag="NGN" aria-hidden="true"></span> <span class="disclosure-list__label"> NGN ₦</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="NIO" data-disclosure-option> <span class="currency-flag" data-flag="NIO" aria-hidden="true"></span> <span class="disclosure-list__label"> NIO C$</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="NPR" data-disclosure-option> <span class="currency-flag" data-flag="NPR" aria-hidden="true"></span> <span class="disclosure-list__label"> NPR ₨</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="NZD" data-disclosure-option> <span class="currency-flag" data-flag="NZD" aria-hidden="true"></span> <span class="disclosure-list__label"> NZD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="PEN" data-disclosure-option> <span class="currency-flag" data-flag="PEN" aria-hidden="true"></span> <span class="disclosure-list__label"> PEN S/.</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="PGK" data-disclosure-option> <span class="currency-flag" data-flag="PGK" aria-hidden="true"></span> <span class="disclosure-list__label"> PGK K</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="PHP" data-disclosure-option> <span class="currency-flag" data-flag="PHP" aria-hidden="true"></span> <span class="disclosure-list__label"> PHP ₱</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="PKR" data-disclosure-option> <span class="currency-flag" data-flag="PKR" aria-hidden="true"></span> <span class="disclosure-list__label"> PKR ₨</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="PLN" data-disclosure-option> <span class="currency-flag" data-flag="PLN" aria-hidden="true"></span> <span class="disclosure-list__label"> PLN zł</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="PYG" data-disclosure-option> <span class="currency-flag" data-flag="PYG" aria-hidden="true"></span> <span class="disclosure-list__label"> PYG ₲</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="QAR" data-disclosure-option> <span class="currency-flag" data-flag="QAR" aria-hidden="true"></span> <span class="disclosure-list__label"> QAR ر.ق</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="RON" data-disclosure-option> <span class="currency-flag" data-flag="RON" aria-hidden="true"></span> <span class="disclosure-list__label"> RON Lei</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="RSD" data-disclosure-option> <span class="currency-flag" data-flag="RSD" aria-hidden="true"></span> <span class="disclosure-list__label"> RSD РСД</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="RWF" data-disclosure-option> <span class="currency-flag" data-flag="RWF" aria-hidden="true"></span> <span class="disclosure-list__label"> RWF FRw</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="SAR" data-disclosure-option> <span class="currency-flag" data-flag="SAR" aria-hidden="true"></span> <span class="disclosure-list__label"> SAR ر.س</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="SBD" data-disclosure-option> <span class="currency-flag" data-flag="SBD" aria-hidden="true"></span> <span class="disclosure-list__label"> SBD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="SEK" data-disclosure-option> <span class="currency-flag" data-flag="SEK" aria-hidden="true"></span> <span class="disclosure-list__label"> SEK kr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="SGD" data-disclosure-option> <span class="currency-flag" data-flag="SGD" aria-hidden="true"></span> <span class="disclosure-list__label"> SGD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="SHP" data-disclosure-option> <span class="currency-flag" data-flag="SHP" aria-hidden="true"></span> <span class="disclosure-list__label"> SHP £</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="STD" data-disclosure-option> <span class="currency-flag" data-flag="STD" aria-hidden="true"></span> <span class="disclosure-list__label"> STD Db</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="THB" data-disclosure-option> <span class="currency-flag" data-flag="THB" aria-hidden="true"></span> <span class="disclosure-list__label"> THB ฿</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="TJS" data-disclosure-option> <span class="currency-flag" data-flag="TJS" aria-hidden="true"></span> <span class="disclosure-list__label"> TJS ЅМ</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="TOP" data-disclosure-option> <span class="currency-flag" data-flag="TOP" aria-hidden="true"></span> <span class="disclosure-list__label"> TOP T$</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="TTD" data-disclosure-option> <span class="currency-flag" data-flag="TTD" aria-hidden="true"></span> <span class="disclosure-list__label"> TTD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="TWD" data-disclosure-option> <span class="currency-flag" data-flag="TWD" aria-hidden="true"></span> <span class="disclosure-list__label"> TWD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="TZS" data-disclosure-option> <span class="currency-flag" data-flag="TZS" aria-hidden="true"></span> <span class="disclosure-list__label"> TZS Sh</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="UAH" data-disclosure-option> <span class="currency-flag" data-flag="UAH" aria-hidden="true"></span> <span class="disclosure-list__label"> UAH ₴</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="UGX" data-disclosure-option> <span class="currency-flag" data-flag="UGX" aria-hidden="true"></span> <span class="disclosure-list__label"> UGX USh</span> </a> </li> <li class="disclosure-list__item disclosure-list__item--current"> <a class="disclosure-list__option" href="#" aria-current="true" data-value="USD" data-disclosure-option> <span class="currency-flag" data-flag="USD" aria-hidden="true"></span> <span class="disclosure-list__label"> USD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="UYU" data-disclosure-option> <span class="currency-flag" data-flag="UYU" aria-hidden="true"></span> <span class="disclosure-list__label"> UYU $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="UZS" data-disclosure-option> <span class="currency-flag" data-flag="UZS" aria-hidden="true"></span> <span class="disclosure-list__label"> UZS </span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="VND" data-disclosure-option> <span class="currency-flag" data-flag="VND" aria-hidden="true"></span> <span class="disclosure-list__label"> VND ₫</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="VUV" data-disclosure-option> <span class="currency-flag" data-flag="VUV" aria-hidden="true"></span> <span class="disclosure-list__label"> VUV Vt</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="WST" data-disclosure-option> <span class="currency-flag" data-flag="WST" aria-hidden="true"></span> <span class="disclosure-list__label"> WST T</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="XAF" data-disclosure-option> <span class="currency-flag" data-flag="XAF" aria-hidden="true"></span> <span class="disclosure-list__label"> XAF Fr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="XCD" data-disclosure-option> <span class="currency-flag" data-flag="XCD" aria-hidden="true"></span> <span class="disclosure-list__label"> XCD $</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="XOF" data-disclosure-option> <span class="currency-flag" data-flag="XOF" aria-hidden="true"></span> <span class="disclosure-list__label"> XOF Fr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="XPF" data-disclosure-option> <span class="currency-flag" data-flag="XPF" aria-hidden="true"></span> <span class="disclosure-list__label"> XPF Fr</span> </a> </li> <li class="disclosure-list__item "> <a class="disclosure-list__option" href="#" data-value="YER" data-disclosure-option> <span class="currency-flag" data-flag="YER" aria-hidden="true"></span> <span class="disclosure-list__label"> YER ﷼</span> </a> </li></ul> <input type="hidden" name="currency_code" value="USD" data-disclosure-input> </div> </div></form></div></div> <div class="right-footer"> <ul class="inline-list payment-icons footer__section"> <li class="icon--payment"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-venmo"><title id="pi-venmo">Venmo</title><g fill="none" fill-rule="evenodd"><rect fill-opacity=".07" fill="#000" width="38" height="24" rx="3"/><path fill="#3D95CE" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M24.675 8.36c0 3.064-2.557 7.045-4.633 9.84h-4.74L13.4 6.57l4.151-.402 1.005 8.275c.94-1.566 2.099-4.025 2.099-5.702 0-.918-.154-1.543-.394-2.058l3.78-.783c.437.738.634 1.499.634 2.46z" fill="#FFF" fill-rule="nonzero"/></g></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> </ul> </div> </div> </footer> <style data-shopify> #footer-currency-selector{ margin-top:10px; } #footer-currency-selector .multi-selectors{ display:block; } #footer-currency-selector .multi-selectors__item{ margin:0; } #footer-currency-selector .multi-selectors__item button{ padding:0; } #footer-currency-selector .multi-selectors__item button svg{ fill:#333; width:10px; } #footer-currency-selector .faux-select, #footer-currency-selector .is-light select, #footer-currency-selector .is-light .faux-select{ background:none; } #footer-currency-selector .faux-select{ padding-right:0; } .left-footer .footer__small-text{ text-align:left; } @media screen and (max-width:720px){ .left-footer .footer__small-text{ text-align:center; } } </style> </div> <script src="//cdn.codeblackbelt.com/js/modules/also-bought/main.min.js?shop=microsoft-xogs.myshopify.com" defer></script> </div> </div><script id="CartTemplate" type="text/template"> <form action="/cart" method="post" novalidate class="cart ajaxcart"> <div class="drawer__inner drawer__inner--has-fixed-footer"> <div class="drawer__inner-scroll"> {{#items}} <div class="ajaxcart__product appear-animation appear-delay-{{animationRow}}"> <div class="ajaxcart__row"> <div class="grid"> <div class="grid__item one-third"> <a href="{{url}}" class="ajaxcart__product-image"> <img src="{{img}}" alt="{{name}}" class="standard-image{{#properties}}{{#each this}}{{#if this}} hide-{{@key}}{{/if}}{{/each}}{{/properties}}"> <div class="customized-image__cart-drawer__container"> {{#properties}} {{#each this}} {{#if this}} <img src="{{this}}" alt="{{name}}"> {{/if}} {{/each}} {{/properties}} </div> </a> </div> <div class="grid__item two-thirds"> <div class="ajaxcart__product-name--wrapper"> <a href="{{url}}" class="ajaxcart__product-name">{{{name}}}</a> {{#if variation}} <span class="ajaxcart__product-meta">{{variation}}</span> {{/if}} {{#properties}} {{#each this}} {{#if this}} <span class="ajaxcart__product-meta {{@key}}" data-key="{{@key}}" data-property="{{ this }}"><strong class="ajax-label">{{@key}}:</strong>{{this}}</span> {{/if}} {{/each}} {{/properties}} {{#if p_message}} <p class="ajaxcart_preorder-message">{{p_message}}</p> {{/if}} </div> <div class="grid grid--full display-table"> <div class="grid__item display-table-cell one-half"> <div class="ajaxcart__quantity"> <label for="updates_{{key}}" class="visually-hidden">Quantity</label> <div class="js-qty__wrapper"> <input type="text" id="updates_{{key}}" class="js-qty__num" value="{{itemQty}}" data-id="{{key}}" min="0" aria-label="quantity" pattern="[0-9]*" name="updates[]"> <button type="button" class="js-qty__adjust js-qty__adjust--minus" aria-label="Reduce item quantity by one"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> <span class="icon__fallback-text" aria-hidden="true">&minus;</span> </button> <button type="button" class="js-qty__adjust js-qty__adjust--plus" aria-label="Increase item quantity by one"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <span class="icon__fallback-text" aria-hidden="true">+</span> </button> </div> </div> </div> <div class="grid__item display-table-cell one-half text-right"> {{#if discountsApplied}} <small class="ajaxcart__price--strikethrough">{{{price}}}</small> <span class="ajaxcart__price"> {{{discountedPrice}}} </span> {{else}} <span class="ajaxcart__price"> {{{price}}} </span> {{/if}} </div> </div> {{#if discountsApplied}} <div class="grid grid--full display-table"> <div class="grid__item text-right"> {{#each discounts}} <small class="ajaxcart__discount">{{this.title}}</small> {{/each}} </div> </div> {{/if}} </div> </div> </div> </div> {{/items}} </div> <div class="free-shipping-cart"></div> </div> <div class="drawer__footer drawer__footer--fixed appear-animation appear-delay-{{lastAnimationRow}}"> <div class="grid grid--full"> <p class="ajaxcart__note"> Have a discount code? Continue to checkout to redeem it. </p> <br /> <div class="grid__item two-thirds"> <p class="ajaxcart__subtotal">Subtotal</p> </div> <div class="grid__item one-third text-right"> <p class="ajaxcart__price">{{{totalPrice}}}</p> </div> </div> {{#if totalCartDiscount}} <p class="ajaxcart__savings text-center">{{{totalCartDiscount}}}</p> {{/if}} <p class="ajaxcart__note"> Shipping, taxes, and discounts codes calculated at checkout. </p> <button type="submit" class="btn btn--full cart__checkout" name="checkout"> Checkout </button> </div> </form> </script> <script id="PredictiveTemplate" type="text/template"> <div class="predictive-result__layout"> {{#if products}} <div data-type-products> <div class="grid grid--uniform"> {{#products}} <div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4"> <div class="grid-product__content"> {{#if custom_label }} <div class="grid-product__tag grid-product__tag--custom"> {{custom_label}} </div> {{/if}} {{#if on_sale }} <div class="grid-product__tag grid-product__tag--sale"> Save </div> {{/if}} <a href="{{url}}" class="grid-product__link"> <div class="grid-product__image-mask"> <div class="grid__image-ratio grid__image-ratio--object grid__image-ratio--square"> <div class="predictive__image-wrap"> {{#if image }} <img class="image-fit lazyload" data-src="{{image}}" data-widths="[180, 360, 540, 720]" data-sizes="auto"> {{/if}} </div> </div> </div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body"> {{title}} </div> </div> </a> </div> </div> {{/products}} </div> </div> {{/if}} {{#if pages}} <div data-type-pages> <p class="h6 predictive__label">Pages:</p> {{#pages}} <div> <a href="{{url}}"> {{title}} </a> </div> {{/pages}} </div> {{/if}} {{#if articles}} <div data-type-articles> <p class="h6 predictive__label">Articles:</p> <div class="grid grid--uniform"> {{#articles}} <div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4"> <a href="{{url}}" class="grid-product__link grid-product__link--inline"> <div class="grid-product__image-mask"> <div class="grid__image-ratio grid__image-ratio--object grid__image-ratio--square"> <div class="predictive__image-wrap"> {{#if image }} <img class="image-fit lazyload" data-src="{{image}}" data-widths="[180, 360, 540, 720]" data-sizes="auto"> {{/if}} </div> </div> </div> <div class="grid-product__meta"> {{title}} </div> </a> </div> {{/articles}} </div> </div> {{/if}} </div> </script> <div id="VideoModal" class="modal modal--solid"> <div class="modal__inner"> <div class="modal__centered page-width text-center"> <div class="modal__centered-content"> <div class="video-wrapper video-wrapper--modal"> <div id="VideoHolder"></div> </div> </div> </div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <button class="btn btn--body btn--circle pswp__button pswp__button--arrow--left" title="Previous"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewBox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg> </button> <button class="btn btn--body btn--circle btn--large pswp__button pswp__button--close" title="Close (esc)"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> </button> <button class="btn btn--body btn--circle pswp__button pswp__button--arrow--right" title="Next"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg> </button> </div> </div> </div> <link rel="dns-prefetch" href="https://swymstore-v3starter-01.swymrelay.com" crossorigin> <link rel="dns-prefetch" href="//swymv3starter-01.azureedge.net/code/swym-shopify.js"> <link rel="preconnect" href="//swymv3starter-01.azureedge.net/code/swym-shopify.js"> <script id="swym-snippet"> window.swymLandingURL = document.URL; window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function(){ window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {}; var unknown = {et: 0}; window.SwymPageData = unknown; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ // Variant select override var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } }; })(); } window.swymCustomerId = null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "by7mhviNcHdaKGJ9Uv3ekf6YkpK5mBtTuIrQXpW8VgM=" || "by7mhviNcHdaKGJ9Uv3ekf6YkpK5mBtTuIrQXpW8VgM=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify(); } } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } window.swymGetCartCookies = function(){ var RequiredCookies = ["cart", "swym-session-id", "swym-swymRegid", "swym-email"]; var reqdCookies = {}; RequiredCookies.forEach(function(k){ reqdCookies[k] = _swat.storage.getRaw(k); }); var cart_token = window.swymCart.token; var data = { action:'cart', token:cart_token, cookies:reqdCookies }; return data; } window.swymGetCustomerData = function(){ return {status:1}; } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker){ tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function(){ // flash-preventer var x = function(){ SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); }); }; setTimeout(x, 10); }); }); } // Get the money format for the store from shopify window.SwymOverrideMoneyFormat = "${{amount}}"; </script> <style id="swym-product-view-defaults"> /* Hide when not loaded */ .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded){ display: none; } </style> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "RQ9bBn", list: 'UwbSNu', platform: "shopify", exclude_on_tags: "BIS-disabled" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "btn", product_page_text_align: "center", product_page_margin: "10px 0", replace_anchor: false }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "Notify me when available", subscription_success_label: "You're in! We'll let you know when it's back.", footer_content: '', additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');", drop_background_color: "#000", background_color: "#fff", text_color: "#505050", button_text_color: "#054b16", button_background_color: "#9bf00b", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500", newsletter_subscribe_label: "Opt-in to receive email marketing from the Xbox Gear Shop." } }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10