CINXE.COM
Help - FAQs, Shipping / Return Policies, and Support - Fangamer
<!DOCTYPE html> <html class="no-js" lang="en"> <head><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <link rel="apple-touch-icon" sizes="180x180" href="//www.fangamer.com/cdn/shop/t/59/assets/apple-touch-icon.png?v=17250463774996058071692224301"> <link rel="icon" type="image/png" href="//www.fangamer.com/cdn/shop/t/59/assets/favicon-32x32.png?v=86409261548028616111696378380" sizes="32x32"> <link rel="icon" type="image/png" href="//www.fangamer.com/cdn/shop/t/59/assets/favicon-16x16.png?v=49246750899188900791696378379" sizes="16x16"> <link rel="manifest" href="//www.fangamer.com/cdn/shop/t/59/assets/manifest.json?43099"> <link rel="mask-icon" href="//www.fangamer.com/cdn/shop/t/59/assets/safari-pinned-tab.svg?v=72459585493950780111692224306" color="#70d800"> <meta name="apple-mobile-web-app-title" content="Fangamer"> <meta name="application-name" content="Fangamer"> <meta name="theme-color" content="#052f47"> <link rel="canonical" href="https://www.fangamer.com/pages/help"> <title>Help - FAQs, Shipping / Return Policies, and Support - Fangamer</title> <meta name="description" content="Need help with a Fangamer order? Check our FAQ or contact us!" /> <meta name="og:description" content="Need help with a Fangamer order? Check our FAQ or contact us!" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="og:title" content="Help - FAQs, Shipping / Return Policies, and Support" /> <meta name="twitter:title" content="Help - FAQs, Shipping / Return Policies, and Support" /> <meta name="twitter:site" content="@fangamer" /> <meta name="google-site-verification" content="3_PtS4cHjf9IV68oiD7WgMGBaxlrXEu-uQGWHK-aVWo" /> <meta name="google-site-verification" content="GEKVjIQjSGePPZVk3ESd-bc19ahlBt81Gu385OT132M" /> <meta name="google-site-verification" content="NGMRJhUsmdzN_HC7zjLQ_DHAaJvr9Zzo4TyZiC9grfk" /> <style data-shopify> @font-face { font-display: optional; font-family: Montserrat Variable; font-style: normal; font-weight: 100 900; src: url("//www.fangamer.com/cdn/shop/t/59/assets/montserrat.woff2") format("woff2"); } @font-face { font-display: optional; font-family: Montserrat Variable; font-style: italic; font-weight: 100 900; src: url("//www.fangamer.com/cdn/shop/t/59/assets/montserrat-italic.woff2") format("woff2"); } </style> <link rel="preload" href="//www.fangamer.com/cdn/shop/t/59/assets/montserrat.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="//www.fangamer.com/cdn/shop/t/59/assets/montserrat-italic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-Riq5A4wu.css" rel="stylesheet" type="text/css" media="all" /> <script src="//www.fangamer.com/cdn/shop/t/59/assets/main-_q8JWpcl.js" type="module" crossorigin="anonymous"></script> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-CeEOhuk0.css" rel="stylesheet" type="text/css" media="all" /> <script>document.documentElement.className = 'js';</script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="NGMRJhUsmdzN_HC7zjLQ_DHAaJvr9Zzo4TyZiC9grfk"> <meta name="facebook-domain-verification" content="575ddd2gy0dplhmh14xlah9vs8kr0z"> <meta name="google-site-verification" content="hnRoQpnEcCJEB9N8ySupjw_75gkDoAsXfCcA1KY1qEA"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/141962/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="b3f998e5bcde1fc6f0acb5aee119dea5"> <meta id="in-context-paypal-metadata" data-shop-id="141962" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" hreflang="x-default" href="https://www.fangamer.com/pages/help"> <link rel="alternate" hreflang="ja-US" href="https://jp.fangamer.com/pages/help"> <link rel="alternate" hreflang="en-US" href="https://www.fangamer.com/pages/help"> <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=141962" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":141962,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/141962","merchantName":"Fangamer","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Fangamer","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"b3f998e5bcde1fc6f0acb5aee119dea5","betas":["rich-media-storefront-analytics"],"domain":"www.fangamer.com","predictiveSearch":true,"shopId":141962,"smart_payment_buttons_url":"https:\/\/www.fangamer.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.fangamer.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "fangamer.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Fangamer V6","id":130718203961,"schema_name":"Fangamer","schema_version":"6.1.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.fangamer.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'] = {"init-windoid":["modules/v2/client.init-windoid_Dk-dC2Sz.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DscPtIQx.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_B8iiadkX.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_1JIsNXOn.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DMFI3FxX.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"pay-button":["modules/v2/client.pay-button_CfO2WxqF.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_C7L-ETCP.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_yteuWBoP.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CBVqP4LA.en.esm.js","modules/v2/client.shop-login-button_yteuWBoP.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DEVwPLX-.en.esm.js","modules/v2/client.shop-login-button_yteuWBoP.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_BtbqC8sQ.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_40flD_a7.en.esm.js","modules/v2/client.shop-login-button_yteuWBoP.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Wq7tyuAs.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BfVMRWQ-.en.esm.js","modules/v2/chunk.common_B8jit9P8.esm.js","modules/v2/chunk.modal_DZbK6zHA.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/scripts.juniphq.com\/v1\/junip_shopify.js?shop=fangamer.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":141962,"offset":-25200,"reqid":"39294240-25ec-40e0-a785-486e57905611-1744170716","pageurl":"www.fangamer.com\/pages\/help","s":"pages-79641804857","u":"cc71f9447605","p":"page","rtyp":"page","rid":79641804857};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.fangamer.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="//www.fangamer.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id='scb4127' type='text/javascript' async='' src='https://www.fangamer.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script> <link rel="stylesheet" media="screen" href="https://www.fangamer.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0014/1962/files/social.png?v=1715712594" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0014/1962/files/social.png?v=1715712594" /> <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: 141962,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 e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 141962,storefrontBaseUrl: "https://www.fangamer.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Fangamer","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"fangamer.myshopify.com","countryCode":"US","storefrontUrl":"https://www.fangamer.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.fangamer.com/cdn","2c609f6fw09126088p5b1ca55fmcefadad8",{"modern":"","legacy":""},{"shopId":"141962","storefrontBaseUrl":"https://www.fangamer.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"2c609f6fw09126088p5b1ca55fmcefadad8"});</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":79641804857}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 141962, theme_id: 130718203961, app_name: "storefront", context_url: window.location.href, source_url: "//www.fangamer.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.fangamer.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.fangamer.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":141962,"isMerchantRequest":null,"themeId":130718203961,"themeCityHash":"13893853772355052149","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"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; 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":79641804857,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.fangamer.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://www.fangamer.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="141962" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="130718203961" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="bg-fangamer-background" data-controller="plausible" data-market="us"> <header id="header"> <nav id="nav_top" class="fixed w-full z-50 bg-fangamer-darkblue shadow shadow-gray-900/50" data-controller="megamenu drawer" data-megamenu-target="nav" data-action="product:openDrawer@window->drawer#expandById beforeCache@document->drawer#close"> <a id="skip_to_content" href="#main" class="motion-safe:transition-all left-0 bg-access-green text-fangamer-background rounded-lg absolute p-2 m-2 -top-16 focus:top-0" data-turbo="false">Skip to Content</a> <div id="nav_navbar" class="flex items-center bg-fangamer-darkblue"> <button class="nav-icon cursor-pointer flex shrink-0 items-center w-(--spacing-navbar) h-(--spacing-navbar) justify-center text-2xl text-fangamer-green lg:hidden hover:!text-fangamer-background hover:bg-fangamer-green" type="button" data-drawer-target="button" data-drawer-element-param="nav_drawer_menu" data-action="drawer#expand:prevent" aria-controls="nav_drawer_menu" aria-expanded="false"> <span class="sr-only">Open main menu</span> <span class="icon-[fa6-solid--bars]" aria-hidden="true"></span> </button> <a id="nav_logo" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-(--spacing-navbar) fill-fangamer-green hover:!fill-fangamer-background hover:bg-fangamer-green hidden md:block" aria-label="Fangamer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133.03 24.64" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="fan" d="M7.73,10.84V9.19a.58.58,0,0,0-.61-.61H4.63v-.1c0-1.74.36-2.16,1.52-2.16h1a.57.57,0,0,0,.55-.59V3.82a.56.56,0,0,0-.57-.47H4.68C1.39,3.35,0,4.8,0,8.56V19.38A.59.59,0,0,0,.62,20H4a.59.59,0,0,0,.61-.62V11.45H7.12A.58.58,0,0,0,7.73,10.84ZM30.09,8.58H21.27a.29.29,0,0,0-.23.15c-.1.2.11.38.11.38h0a4.4,4.4,0,0,1,1.42,3v7.3a.59.59,0,0,0,.62.61h3.44a.58.58,0,0,0,.57-.62V11.79H29c1.32,0,1.68.66,1.68,2.42v5.17a.59.59,0,0,0,.61.61h3.42a.57.57,0,0,0,.6-.61V13.89C35.32,10.32,33.69,8.58,30.09,8.58Zm-14.44,0H10.57A.59.59,0,0,0,10,9.2v1.66a.58.58,0,0,0,.61.61h3.69c1.08,0,1.44.55,1.5,1.66H11.37c-2.29,0-3.89.89-3.89,3.44S9,20,11.37,20h8.24a.58.58,0,0,0,.61-.61V13.73C20.22,10.37,18.73,8.58,15.65,8.58Zm.11,8.73H13.15c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1h2.61Z"/><path id="gamer" d="M60,8.58H53.58a.56.56,0,0,0-.58.6v1.67a.59.59,0,0,0,.61.62h5c1.08,0,1.44.55,1.5,1.66H55.71c-2.29,0-3.89.89-3.89,3.44S53.37,20,55.71,20H64a.59.59,0,0,0,.61-.62V13.73C64.57,10.37,63.07,8.58,60,8.58Zm.11,8.73H57.49c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1H60.1ZM43.92,11.48h5.73a.58.58,0,0,0,.61-.59V9.19h0a.59.59,0,0,0-.62-.61h-6.9c-3.52,0-5.55,1.89-5.55,5.55s2.24,5.65,5.79,5.65h2.65c-.08,1.21-.55,1.79-1.89,1.79H39.32a.59.59,0,0,0-.62.61V24a.61.61,0,0,0,.63.62h5.49c3.57,0,5.44-1.87,5.44-5.28v-5.6a.6.6,0,0,0-.62-.62H46.22a.59.59,0,0,0-.59.62v3.13H43.92c-1.42,0-1.94-.84-1.94-2.74S42.5,11.48,43.92,11.48Zm65.69-2.9h-9a.32.32,0,0,0-.2.15.33.33,0,0,0,.07.37,5.6,5.6,0,0,1,1.73,4.48c0,.08,0,.15,0,.23v5.56a.58.58,0,0,0,.61.61h3.4a.59.59,0,0,0,.62-.61V14.26c0-1.68.37-2.31,1.6-2.31h1.31a.58.58,0,0,0,.51-.56V9.19A.59.59,0,0,0,109.61,8.58Zm-29.26,0H65.1a.27.27,0,0,0-.21.15.45.45,0,0,0,.12.4h0a5.69,5.69,0,0,1,1.66,4.19V19.4a.56.56,0,0,0,.6.59H70.9a.59.59,0,0,0,.61-.62V11.8h1.16c1.34,0,1.65.66,1.65,2.42v5.15a.57.57,0,0,0,.6.61h2.61a.57.57,0,0,0,.59-.61V11.79h1.16c1.34,0,1.65.66,1.65,2.42v5.16a.6.6,0,0,0,.62.62H85a.59.59,0,0,0,.61-.62V13.89C85.56,10.32,83.93,8.58,80.35,8.58Zm13.48-.26c-4.18,0-6.7,1.76-6.7,5.91S89.67,20,93.33,20h5.32a.59.59,0,0,0,.62-.61V17.71a.59.59,0,0,0-.62-.61H94.2c-1.32,0-2-.34-2.26-1.87h7.68a.55.55,0,0,0,.57-.59v-.7C100.19,10.29,98.22,8.32,93.83,8.32Zm-2,4.86c.19-1.81.87-2.26,2.05-2.26s1.84.55,1.95,2.26Z"/><path id="mark" d="M132,0h-9.49A3.83,3.83,0,0,0,120,1l-6,6a3.82,3.82,0,0,0-1,2.49V19a1,1,0,0,0,1,1h9.5A3.82,3.82,0,0,0,126,19l6-6a3.83,3.83,0,0,0,1-2.5V1A1,1,0,0,0,132,0Zm0,3.71a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.54V7a.54.54,0,0,0,.54.55h2.17A.54.54,0,0,1,132,8V10.2a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.55v2.16a.54.54,0,0,1-.54.54h-2.16a.55.55,0,0,1-.55-.54V11.29a.54.54,0,0,0-.54-.55h-2.16a.54.54,0,0,1-.54-.54V8a.54.54,0,0,1,.54-.54H125a.53.53,0,0,0,.54-.55V4.79a.55.55,0,0,1,.55-.54h2.16a.53.53,0,0,0,.54-.54V1.54a.54.54,0,0,1,.54-.54h2.17a.54.54,0,0,1,.54.54Z"/></svg> <div class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</div> </a> <a id="nav_icon" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-(--spacing-navbar) fill-fangamer-green hover:!fill-fangamer-background hover:bg-fangamer-green block md:hidden" aria-label="Fangamer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.05 50.05" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="mark" d="M47.55,0H23.77a9.6,9.6,0,0,0-6.25,2.5l-15,15A9.56,9.56,0,0,0,0,23.77V47.55a2.45,2.45,0,0,0,2.5,2.5H26.28a9.6,9.6,0,0,0,6.26-2.5l15-15a9.6,9.6,0,0,0,2.5-6.26V2.5A2.45,2.45,0,0,0,47.55,0Zm0,9.28a1.36,1.36,0,0,1-1.36,1.36H40.77A1.33,1.33,0,0,0,39.41,12v5.41a1.33,1.33,0,0,0,1.36,1.36h5.42a1.36,1.36,0,0,1,1.36,1.36v5.42a1.35,1.35,0,0,1-1.36,1.35H40.77a1.33,1.33,0,0,0-1.36,1.36v5.42A1.35,1.35,0,0,1,38.06,35H32.64a1.36,1.36,0,0,1-1.36-1.36V28.26a1.33,1.33,0,0,0-1.35-1.36H24.51a1.35,1.35,0,0,1-1.36-1.35V20.13a1.36,1.36,0,0,1,1.36-1.36h5.42a1.33,1.33,0,0,0,1.35-1.36V12a1.36,1.36,0,0,1,1.36-1.36h5.42a1.33,1.33,0,0,0,1.35-1.36V3.86A1.36,1.36,0,0,1,40.77,2.5h5.42a1.36,1.36,0,0,1,1.36,1.36Z"/></svg> <div class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</div> </a> <div id="nav_menu" class="items-center justify-between hidden w-auto lg:flex"> <ul class="flex"> <li> <a href="/collections/new-and-featured" id="nav_catalog_toggle" class="menu group flex items-center justify-between w-full h-(--spacing-navbar) px-2 lg:px-6 font-extrabold uppercase md:w-auto hover:bg-fangamer-green [&.active]:bg-fangamer-green text-fangamer-background [&.active]:text-fangamer-darkblue hover:text-fangamer-darkblue" aria-expanded="false" aria-label="Catalog" data-megamenu-target="button" data-megamenu-element-param="nav_catalog" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle">Catalog <svg class="w-3 h-3 ml-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg></a> </li> <li> <a href="/collections" id="nav_collections_toggle" class="menu group flex items-center justify-between w-full h-(--spacing-navbar) px-2 lg:px-6 font-extrabold uppercase md:w-auto hover:bg-fangamer-green [&.active]:bg-fangamer-green text-fangamer-background [&.active]:text-fangamer-darkblue hover:text-fangamer-darkblue" aria-expanded="false" aria-label="Collections" data-megamenu-target="button" data-megamenu-element-param="nav_collections" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle">Collections <svg class="w-3 h-3 ml-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg></a> </li> </ul> </div> <div id="nav_catalog" class="absolute left-0 right-0 top-(--spacing-navbar) bg-fangamer-background border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <h2 class="sr-only">Catalog</h2> <div class="menu grid px-6 py-6 text-sm font-bold grid-cols-5 shadow-inner shadow-gray-900/50"> <ul class="row-span-2 space-y-1 p-4 xl:p-6 bg-fangamer-darkblue rounded-lg md:mr-4"> <li> <a href="/collections/new-and-featured" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg !text-fangamer-background rounded-lg hover:!text-access-blue-900 hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow">New & Featured</span> </a> </li> <li> <a href="/collections/new" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">New</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/popular" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Popular</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/restocked" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Restocked</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/on-sale" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Sale</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gifts-under-15" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">$15 & Under</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/products/giftcards" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Gift Cards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/apparel" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--apparel] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Apparel</span> </a> </li> <li> <a href="/collections/t-shirts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">T-Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/long-sleeved-shirts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Long-Sleeved Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hoodies" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Outerwear</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bottoms" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Bottoms</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Hats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/misc-apparel" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/video-games" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--video-games] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Games</span> </a> </li> <li> <a href="/collections/collectors-editions" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Collector's Editions</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/physical-games" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Physical Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/board-and-card-games" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Board & Card Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-accessories" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/games-coming-soon" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Coming Soon</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/plushes-and-figurines" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--plushes-and-figurines] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Plushes & Figures</span> </a> </li> <li> <a href="/collections/plushes" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Plushes</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/figures" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/home-and-office" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--home-and-office] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Home & Office</span> </a> </li> <li> <a href="/collections/home-goods" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Home Goods</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/drinkware" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Drinkware</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bags-and-wallets" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Bags</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stationery" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Stationery</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/desk-mats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Desk Mats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/toys" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Toys & Activities</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/books" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--books] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Books</span> </a> </li> <li> <a href="/collections/guidebooks" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Guidebooks</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-books" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Art Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-history" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Gaming History</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/arts-crafts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Arts & Crafts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/comics" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Comics</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/music" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--music] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Music & Video</span> </a> </li> <li> <a href="/collections/vinyl-game-soundtracks" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Vinyl Albums</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/vinyl-slipmats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Slipmats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/cds" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">CDs</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Videos</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/art-posters" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--art-posters] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Art & Posters</span> </a> </li> <li> <a href="/collections/art-posters" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/accessories" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--accessories] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> </a> </li> <li> <a href="/collections/lapel-pins" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Pins</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinverse" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">PINVERSE</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinboards" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Pinboards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/jewelry" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Jewelry</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/keychains" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Keychains</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stickers" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Stickers & Patches</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </div> </div> <div id="nav_collections" class="absolute left-0 right-0 top-(--spacing-navbar) bg-fangamer-background border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <h2 class="sr-only">Collections</h2> <div class="menu grid px-6 py-6 text-sm font-bold grid-cols-5 shadow-inner shadow-gray-900/50"> <ul class="row-span-4 space-y-1 p-4 xl:p-6 bg-fangamer-darkblue rounded-lg md:mr-4"> <li> <a href="/collections" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Collections</span> </a> </li> <li> <a href="/collections#games" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="games"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Game</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#studios" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="studios"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Studio</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#partners" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="partners"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Partner</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#artists" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="artists"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Artist</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Themes</span> </a> </li> <li> <a href="/collections/fangamer-classic" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Fangamer Classic</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/mystery-sales" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Mystery Sales</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/fangamer-kids" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">For Kids</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/charity" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Charity</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> <ul class="grid grid-cols-5 gap-2 col-span-4" data-debug-target="collection" data-section="Desktop Menu"> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/undertale" style="background-color: #f32b27" aria-label="UNDERTALE Official Collection" data-plausible-props-param='{"title":"UNDERTALE", "section":"Desktop Menu", "location":"Slot 1"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-undertale.svg?v=1692129753" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="UNDERTALE" aria-label="UNDERTALE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/deltarune" style="background-color: #d1007a" aria-label="DELTARUNE Official Collection" data-plausible-props-param='{"title":"DELTARUNE", "section":"Desktop Menu", "location":"Slot 2"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-deltarune_new.svg?v=1692130941" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="DELTARUNE" aria-label="DELTARUNE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/hollow-knight" style="background-color: #5897bf" aria-label="Hollow Knight Official Collection" data-plausible-props-param='{"title":"Hollow Knight", "section":"Desktop Menu", "location":"Slot 3"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-hollow-knight_new.svg?v=1692130661" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Hollow Knight" aria-label="Hollow Knight" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/stardew-valley" style="background-color: #7ad23f" aria-label="Stardew Valley Official Collection" data-plausible-props-param='{"title":"Stardew Valley", "section":"Desktop Menu", "location":"Slot 4"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-stardew-valley.svg?v=1692129769" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Stardew Valley" aria-label="Stardew Valley" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "section":"Desktop Menu", "location":"Slot 5"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-omori_b9894128-f6b6-4d01-92f8-383080619dcd.svg?v=1676483359" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="OMORI" aria-label="OMORI" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/balatro" style="background-color: #033be7" aria-label="Balatro Official Collection" data-plausible-props-param='{"title":"Balatro", "section":"Desktop Menu", "location":"Slot 6"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/Balatro-logo-1color.svg?v=1731523993" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Balatro" aria-label="Balatro" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/metal-gear-solid" style="background-color: #ff0d17" aria-label="Metal Gear Solid Official Collection" data-plausible-props-param='{"title":"Metal Gear Solid", "section":"Desktop Menu", "location":"Slot 7"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/mgs-logo_4c72084a-d48c-4c4e-a98a-d44809e324df.svg?v=1692905175" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Metal Gear Solid" aria-label="Metal Gear Solid" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/outer-wilds" style="background-color: #ff8428" aria-label="Outer Wilds Official Collection" data-plausible-props-param='{"title":"Outer Wilds", "section":"Desktop Menu", "location":"Slot 8"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-outer-wilds_new.svg?v=1692131283" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Outer Wilds" aria-label="Outer Wilds" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Desktop Menu", "location":"Slot 9"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-pizza-tower.svg?v=1693953091" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Pizza Tower" aria-label="Pizza Tower" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "section":"Desktop Menu", "location":"Slot 10"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-ena.svg?v=1676495242" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="ENA" aria-label="ENA" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/helldivers-2" style="background-color: #ffe800" aria-label="Helldivers 2 Official Collection" data-plausible-props-param='{"title":"Helldivers 2", "section":"Desktop Menu", "location":"Slot 11"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/hd2_primary_logo_mono_2.svg?v=1719008421" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Helldivers 2" aria-label="Helldivers 2" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/celeste" style="background-color: #81cce3" aria-label="Celeste Official Collection" data-plausible-props-param='{"title":"Celeste", "section":"Desktop Menu", "location":"Slot 12"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-celeste_new.svg?v=1692130883" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Celeste" aria-label="Celeste" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/elden-ring" style="background-color: #866600" aria-label="ELDEN RING Official Collection" data-plausible-props-param='{"title":"Elden Ring", "section":"Desktop Menu", "location":"Slot 13"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-elden-ring_new.svg?v=1692131251" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="ELDEN RING" aria-label="ELDEN RING" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/hades" style="background-color: #850a00" aria-label="Hades Official Collection" data-plausible-props-param='{"title":"Hades", "section":"Desktop Menu", "location":"Slot 14"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-hades_new.svg?v=1692131269" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Hades" aria-label="Hades" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/off" style="background-color: #ff2f4d" aria-label="OFF Official Collection" data-plausible-props-param='{"title":"OFF", "section":"Desktop Menu", "location":"Slot 15"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/OFF-vector-logo.svg?v=1734627837" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="OFF" aria-label="OFF" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/cult-of-the-lamb" style="background-color: #ff0000" aria-label="Cult of the Lamb Official Collection" data-plausible-props-param='{"title":"Cult of the Lamb", "section":"Desktop Menu", "location":"Slot 16"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/CotL-Logo-compressed.svg?v=1678485529" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Cult of the Lamb" aria-label="Cult of the Lamb" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/capcom" style="background-color: #ffcf40" aria-label="Capcom Official Collection" data-plausible-props-param='{"title":"Capcom", "section":"Desktop Menu", "location":"Slot 17"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-capcom_new.svg?v=1692130930" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Capcom" aria-label="Capcom" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/playstation" style="background-color: #1984ff" aria-label="PlayStation Official Collection" data-plausible-props-param='{"title":"PlayStation", "section":"Desktop Menu", "location":"Slot 18"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-playstation_new.svg?v=1692131065" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="PlayStation" aria-label="PlayStation" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/atlus" style="background-color: #ff1717" aria-label="Atlus Official Collection" data-plausible-props-param='{"title":"Atlus", "section":"Desktop Menu", "location":"Slot 19"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-atlus_new.svg?v=1692130971" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Atlus" aria-label="Atlus" /> </div> </a> </li> <li> <a class="group flex items-center justify-center w-full aspect-2/1 rounded-lg lazyload bg-access-blue-800 max-md:active:scale-95" href="/collections"> <div class="flex items-center justify-center w-full h-full rounded bg-fangamer-background-darker transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-10 text-access-blue-900 transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">and more!</span> </div> </a> </li> </ul> </div> </div> <div id="nav_links" class="hidden lg:flex justify-end ml-auto lg:mr-1 lg:ml-8 xl:ml-16 w-auto xl:grow"> <ul class="flex"> <li class="relative"> <a id="nav_more_toggle" class="group flex justify-center items-center text-sm px-2 py-1 lg:mx-1 rounded-lg hover:bg-fangamer-green text-fangamer-background font-extrabold uppercase hover:text-fangamer-darkblue [&.active]:bg-fangamer-green [&.active]:text-fangamer-darkblue" href="/pages/help" aria-expanded="false" aria-label="More" data-megamenu-target="button" data-megamenu-element-param="nav_more" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle"> <svg class="w-3 h-3 mr-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> More </a> <div id="nav_more" class="absolute top-8 -left-8 px-8 pb-4 pt-1 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <ul class="menu space-y-1 p-2 bg-fangamer-background w-48 border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25"> <li> <a href="/blogs/news" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">News</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/events" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Events</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/about" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">About Us</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/help" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Help / FAQ</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/accessibility" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessibility</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </div> </li> <li> <a class="group flex justify-center text-sm px-2 py-1 lg:mx-1 rounded-lg hover:bg-fangamer-green" href="/account/login"> <div class="flex items-center justify-center w-5 h-5 mr-1" aria-hidden="true"> <span class="nav-icon icon-[fa6-solid--user] text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="text-fangamer-background font-extrabold uppercase group-hover:text-fangamer-darkblue">Login</span> </a> </li> </ul> </div> <form id="nav_search_form" class="relative grow" autocomplete="off" autocorrect="off" spellcheck="false" action="/search" method="get" role="search" data-controller="search" data-action="keydown.esc->search#clearSearch submit->search#fullSearch beforeCache@document->search#hide"> <label class="sr-only" for="nav_search">Search</label> <input id="nav_search" class="form-control w-full h-(--spacing-navbar) border-none pr-20 pl-4" name="q" type="text" aria-label="Search" placeholder="Search" data-search-target="queryField" data-action="search#search focus->search#search keydown.down->search#nextResult" data-turbo-permanent /> <input type="hidden" name="type" value="product" /> <input type="hidden" name="options[unavailable_products]" value="show" /> <button id="nav_clear_button" class="hidden cursor-pointer flex absolute right-10 lg:right-12 top-0 bottom-0 w-10 items-center justify-center text-access-red-700 hover:text-access-red-500" type="button" aria-label="Clear Query" data-search-target="clearButton" data-action="search#clearSearch" data-turbo-permanent> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> <button id="nav_search_button" class="flex absolute right-0 top-0 bottom-0 w-10 lg:w-12 items-center justify-center text-fangamer-muted cursor-text [&.active]:cursor-pointer [&.active]:text-fangamer-darkblue [&.active]:hover:text-fangamer-green" type="submit" aria-label="Submit Search" data-search-target="searchButton" data-turbo-permanent> <span class="icon-[fa6-solid--magnifying-glass]" aria-hidden="true"></span> </button> <div id="nav_search_results" class="hidden fixed md:absolute top-(--spacing-navbar) md:mt-2 left-0 right-0 bg-white rounded-b md:rounded-t z-50 shadow-lg shadow-black/20" data-search-target="resultsBox"> <div class="flex items-center justify-center w-full h-16 text-fangamer-muted shadow-inner md:shadow-none shadow-black/20" data-search-target="loader"> <span class="icon-[fa6-solid--circle-notch] animate-spin"></span> </div> <div id="nav_search_result_list" class="empty:hidden shadow-inner md:shadow-none shadow-black/20" data-search-target="resultsList"></div> </div> </form> <a id="nav_cart_button" href="/cart" class="group lg:pl-1 flex flex-row h-(--spacing-navbar) items-center hover:bg-fangamer-green" type="button" data-drawer-target="button" data-drawer-element-param="nav_drawer_cart" data-action="drawer#expand:prevent" aria-controls="nav_drawer_menu" aria-expanded="false"> <div id="nav_cart_icon" class="relative flex w-(--spacing-navbar) h-(--spacing-navbar) justify-center items-center shrink-0" data-turbo-permanent> <span class="sr-only">Show Cart: 0 items</span> <span class="cart-item-count z-10 font-semibold text-fangamer-darkblue text-xs ml-1 mb-2" aria-hidden="true"> </span> <div class="nav-icon absolute flex items-center justify-center w-full h-full p-2 text-2xl text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"> <span class="icon-[fa6-solid--cart-shopping]" aria-hidden="true"></span> </div> </div> <span class="hidden lg:inline uppercase font-extrabold text-lg text-fangamer-background -ml-1 mr-4 group-hover:text-fangamer-darkblue" aria-hidden="true">Cart</span> </a> </div> <nav id="nav_drawer_menu" class="fixed top-0 left-0 z-40 h-screen overflow-y-auto motion-safe:transition-transform bg-fangamer-background w-(--spacing-drawer) will-change-transform" data-drawer-target="menu" aria-labelledby="nav_drawer_menu_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close" style="transform: translate(-300px, 0)" data-offset="-300px"> <div class="flex sticky top-0 z-50 items-center justify-center w-full h-(--spacing-navbar) bg-access-blue-900 text-fangamer-background text-xl shadow shadow-gray-900/50"> <h2 id="nav_drawer_menu_label" class="flex items-center gap-2 font-bold uppercase"> <span class="icon-[fa6-solid--bars]" aria-hidden="true"></span> <span>Menu</span> </h2> <button class="flex cursor-pointer items-center justify-center absolute right-0 top-0 h-(--spacing-navbar) w-(--spacing-navbar) text-fangamer-background hover:text-access-red-800 hover:bg-fangamer-background" data-drawer-target="closeButton" data-action="click->drawer#close"> <span class="sr-only">Close Menu</span> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> </div> <div class="p-2 border-b border-b-fangamer-background-darkest"> <ul class="space-y-1 mb-1 p-1"> <li> <a id="nav_button_login" href="/account/login" class="flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fa6-solid--user] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Login</span> </a> </li> <ul class="space-y-1 mb-1" data-controller="collapse"> <li> <a id="nav_button_more" href="/pages/help" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_more"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fa6-solid--circle-question] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">More</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_more" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_more"> <li> <a href="/blogs/news" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">News</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/events" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Events</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/about" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">About Us</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/help" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Help / FAQ</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/accessibility" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Accessibility</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> </ul> </div> <div class="p-2 border-b border-b-fangamer-background-darkest"> <ul class="space-y-1 mb-1 p-2 bg-fangamer-darkblue rounded-lg" data-controller="collapse"> <li> <a id="nav_button_new-featured" href="/collections/new-and-featured" class="group flex w-full p-1 font-extrabold uppercase text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_new-featured"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green group-hover:text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow">New & Featured</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-background pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_new-featured" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_new-featured"> <li> <a href="/collections/new" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">New</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/popular" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Popular</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/restocked" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Restocked</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/on-sale" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Sale</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gifts-under-15" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">$15 & Under</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/products/giftcards" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Gift Cards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_apparel" href="/collections/apparel" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_apparel"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--apparel] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Apparel</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_apparel" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_apparel"> <li> <a href="/collections/t-shirts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">T-Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/long-sleeved-shirts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Long-Sleeved Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hoodies" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Outerwear</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bottoms" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Bottoms</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Hats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/misc-apparel" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/apparel" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Apparel</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_games" href="/collections/video-games" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_games"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--video-games] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Games</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_games" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_games"> <li> <a href="/collections/collectors-editions" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Collector's Editions</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/physical-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Physical Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/board-and-card-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Board & Card Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-accessories" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/games-coming-soon" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Coming Soon</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_plushes-figures" href="/collections/plushes-and-figurines" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_plushes-figures"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--plushes-and-figurines] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Plushes & Figures</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_plushes-figures" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_plushes-figures"> <li> <a href="/collections/plushes" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Plushes</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/figures" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/plushes-and-figurines" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Plushes & Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_home-office" href="/collections/home-and-office" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_home-office"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--home-and-office] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Home & Office</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_home-office" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_home-office"> <li> <a href="/collections/home-goods" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Home Goods</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/drinkware" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Drinkware</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bags-and-wallets" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Bags</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stationery" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Stationery</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/desk-mats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Desk Mats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/toys" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Toys & Activities</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/home-and-office" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Home & Office</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_books" href="/collections/books" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_books"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--books] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Books</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_books" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_books"> <li> <a href="/collections/guidebooks" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Guidebooks</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-books" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Art Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-history" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Gaming History</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/arts-crafts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Arts & Crafts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/comics" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Comics</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/books" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_music-video" href="/collections/music" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_music-video"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--music] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Music & Video</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_music-video" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_music-video"> <li> <a href="/collections/vinyl-game-soundtracks" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Vinyl Albums</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/vinyl-slipmats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Slipmats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/cds" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">CDs</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Videos</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/music" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Music & Video</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_art-posters" href="/collections/art-posters" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_art-posters"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--art-posters] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Art & Posters</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_art-posters" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_art-posters"> <li> <a href="/collections/art-posters" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-posters" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Art & Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_accessories" href="/collections/accessories" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_accessories"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--accessories] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Accessories</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_accessories" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_accessories"> <li> <a href="/collections/lapel-pins" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Pins</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinverse" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">PINVERSE</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinboards" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Pinboards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/jewelry" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Jewelry</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/keychains" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Keychains</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stickers" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Stickers & Patches</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/accessories" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> </div> <div class="pt-2 px-2 pb-20"> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_collections" href="/collections" class="group flex w-full py-1 px-2 font-extrabold uppercase lg:text-lg text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_collections"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Collections</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_collections" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_collections"> <li> <a href="/collections#games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="games"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Game</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#studios" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="studios"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Studio</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#partners" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="partners"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Partner</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#artists" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="artists"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Artist</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_themes" href="/collections" class="group flex w-full py-1 px-2 font-extrabold uppercase lg:text-lg text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_themes"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Themes</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_themes" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_themes"> <li> <a href="/collections/fangamer-classic" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Fangamer Classic</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/mystery-sales" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Mystery Sales</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/fangamer-kids" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">For Kids</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/charity" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Charity</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="mt-2 mb-6 grid grid-cols-2 gap-2" data-debug-target="collection" data-section="Mobile Menu"> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/undertale" style="background-color: #f32b27" aria-label="UNDERTALE Official Collection" data-plausible-props-param='{"title":"UNDERTALE", "section":"Mobile Menu", "location":"Slot 1"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-undertale.svg?v=1692129753" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="UNDERTALE" aria-label="UNDERTALE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/deltarune" style="background-color: #d1007a" aria-label="DELTARUNE Official Collection" data-plausible-props-param='{"title":"DELTARUNE", "section":"Mobile Menu", "location":"Slot 2"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-deltarune_new.svg?v=1692130941" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="DELTARUNE" aria-label="DELTARUNE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/hollow-knight" style="background-color: #5897bf" aria-label="Hollow Knight Official Collection" data-plausible-props-param='{"title":"Hollow Knight", "section":"Mobile Menu", "location":"Slot 3"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-hollow-knight_new.svg?v=1692130661" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Hollow Knight" aria-label="Hollow Knight" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/stardew-valley" style="background-color: #7ad23f" aria-label="Stardew Valley Official Collection" data-plausible-props-param='{"title":"Stardew Valley", "section":"Mobile Menu", "location":"Slot 4"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-stardew-valley.svg?v=1692129769" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Stardew Valley" aria-label="Stardew Valley" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "section":"Mobile Menu", "location":"Slot 5"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-omori_b9894128-f6b6-4d01-92f8-383080619dcd.svg?v=1676483359" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="OMORI" aria-label="OMORI" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/balatro" style="background-color: #033be7" aria-label="Balatro Official Collection" data-plausible-props-param='{"title":"Balatro", "section":"Mobile Menu", "location":"Slot 6"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/Balatro-logo-1color.svg?v=1731523993" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Balatro" aria-label="Balatro" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/metal-gear-solid" style="background-color: #ff0d17" aria-label="Metal Gear Solid Official Collection" data-plausible-props-param='{"title":"Metal Gear Solid", "section":"Mobile Menu", "location":"Slot 7"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/mgs-logo_4c72084a-d48c-4c4e-a98a-d44809e324df.svg?v=1692905175" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Metal Gear Solid" aria-label="Metal Gear Solid" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/outer-wilds" style="background-color: #ff8428" aria-label="Outer Wilds Official Collection" data-plausible-props-param='{"title":"Outer Wilds", "section":"Mobile Menu", "location":"Slot 8"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-outer-wilds_new.svg?v=1692131283" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Outer Wilds" aria-label="Outer Wilds" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Mobile Menu", "location":"Slot 9"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-pizza-tower.svg?v=1693953091" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Pizza Tower" aria-label="Pizza Tower" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "section":"Mobile Menu", "location":"Slot 10"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-ena.svg?v=1676495242" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="ENA" aria-label="ENA" /> </div> </a> </li> <a href="/collections" class="col-span-full w-full text-center p-2 uppercase font-bold rounded-br-lg rounded-bl-lg text-fangamer-link hover:text-fangamer-link-hover bg-fangamer-background-darker">View all games <span class="icon-[fa6-solid--chevron-right] text-xs"></span></a> </li> </ul> </div> </nav> <nav id="nav_drawer_cart" class="fixed top-0 right-0 z-40 h-screen overflow-y-auto motion-safe:transition-transform bg-fangamer-background w-(--spacing-drawer) will-change-transform" data-drawer-target="menu" aria-labelledby="nav_drawer_cart_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close" style="transform: translate(300px, 0)" data-offset="300px"> <div id="nav_drawer_cart_label" class="flex sticky top-0 z-50 items-center justify-center w-full h-(--spacing-navbar) bg-access-blue-900 text-fangamer-background text-xl shadow shadow-gray-900/50"> <h2 class="flex items-center gap-2 font-bold uppercase"> <div class="relative flex items-center justify-center text-2xl"> <span class="cart-item-count absolute w-full z-10 font-semibold text-fangamer-darkblue text-xs text-center pb-2 pl-1" aria-hidden="true"></span> <span class="icon-[fa6-solid--cart-shopping]" aria-hidden="true"></span> </div> <span>Cart</span> </h2> <button class="cursor-pointer flex items-center justify-center absolute left-0 top-0 h-(--spacing-navbar) w-(--spacing-navbar) text-fangamer-background hover:text-access-red-800 hover:bg-fangamer-background" data-drawer-target="closeButton" data-action="click->drawer#close"> <span class="sr-only">Close Menu</span> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> </div> <div id="nav_cart_items_container" class="flex flex-col pb-20"> <div id="shopify-section-cart-header" class="shopify-section"><div id="cart_header" class="empty:hidden" data-turbo-permanent></div> </div> <div id="shopify-section-cart-items" class="shopify-section"><div id="cart_items_container" class="group" data-controller="cart" data-turbo-permanent> <ol id="cart_items" class="flex flex-col w-full text-fangamer-body overflow-x-hidden empty:hidden" data-bonus=""></ol><div class="hidden w-fit m-2 p-2 flex gap-x-2 items-center rounded-lg border-2 border-fangamer-green-200 bg-fangamer-green-100 text-fangamer-green-900" data-cart-target="discountCookieContainer"> <span class='icon-[fg--sale] text-4xl mx-2 shrink-0'></span> <div> Discount code will be applied at checkout: <div class="flex pl-2 py-1 mt-1 gap-2 border-2 border-fangamer-green-200 bg-fangamer-green-50 rounded-lg"> <span class="grow font-bold" data-cart-target="discountCookieCode"></span> <button class="text-access-red-600 hover:text-access-red-500 h-4 p-[0.2rem] px-2 cursor-pointer js" data-action="click->cart#clearDiscountCode:prevent" aria-label="Clear discount code"><span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span></button> </div> </div> </div><div class="py-12 flex flex-col text-center justify-center gap-4"> <div class="flex items-center justify-center mb-8 text-transparent"> <img src="//www.fangamer.com/cdn/shop/t/59/assets/fang-cart.svg?v=9210649339761175491716499940" class="w-42 h-36 object-contain" width="1522" height="1257" alt="Fang with an empty shopping cart, with a bubble saying '0'" /> </div> <p>Your cart is empty!</p> <a class="text-fangamer-link hover:text-fangamer-link-hover hidden group-[.big-cart]:inline" href="/">Continue shopping ›</a> <button class="text-fangamer-link hover:text-fangamer-link-hover cursor-pointer js group-[.big-cart]:hidden" data-drawer-target="closeButton" data-action="click->drawer#close:prevent">Continue shopping ›</button> </div></div> </div> <div id="shopify-section-cart-footer" class="shopify-section"><div id="cart_footer" class="group scroll-mt-(--spacing-navbar) text-fangamer-body empty:hidden " data-controller="cart"></div> </div> <div id="shopify-section-cart-recommendations" class="shopify-section"><div id="cart_recommendations" class="lazyload empty:hidden"></div> </div> </div> </nav> <div id="nav_backdrop" class="hidden bg-gray-900/50 fixed inset-0 z-30" data-drawer-target="backdrop" data-action="click->drawer#close" aria-hidden="true"></div> </nav> </header> <main id="main" class="pt-(--spacing-navbar)"><div id="shopify-section-template--15923379765305__main" class="shopify-section"><div id="support" class="mb-24"> <div id="support_intro" class="container px-4 lg:px-6 mx-auto max-w-2xl text-fangamer-body mt-8"> <h1 class="text-2xl font-extrabold mb-8">Support</h1> <div id="intro" class="prose"> <p>Have an issue that you need fixed? Check the FAQ below, or you can <a href="#contact">contact us</a> and we'll get you squared away!</p> <ul> <li>We are based out of <strong>Tucson, Arizona</strong> in the United States. We ship most domestic packages through the USPS or FedEx, and internationally via DHL or FedEx. The further you live from Arizona, the longer your package may take to arrive.</li> <li> <strong>Fangamer is closed on weekends, holidays, and other rare occasions.</strong> We may post a notice on our website if orders will take longer than usual to ship.</li> <li>If you have an issue or concern about a delivery, please contact your local post office or courier.</li> <li>Requests which require shipment of a physical item (including replacements and exchanges) may take up to a week to fulfill. We appreciate your understanding.</li> </ul> </div> </div><div id="support_faq" class="container px-4 lg:px-6 text-fangamer-body mt-8 pt-8 border-t border-t-fangamer-background-darkest"> <h2 class="text-2xl font-extrabold mb-8">FAQ</h2> <div id="faq" class="lg:grid lg:grid-cols-2 lg:gap-8"><div id="order-changes-cancellations" class="mb-12 lg:mb-4"> <h3 class="text-lg font-bold mb-4">Order Changes & Cancellations</h3><div id="question_cancel-an-order" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_cancel-an-order_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_cancel-an-order_details"> <span class="block grow text-left">Cancel an order</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_cancel-an-order_details" class="hidden pb-4 prose" aria-labelledby="question_cancel-an-order_header" data-collapse-target="collapse"> <div>If your order has not yet been fulfilled, we can cancel your order and process a complete refund to your original payment method or as store credit. To cancel your order, you can visit our <a href="https://shipify.fangamer.com/csportal/email"><strong>Customer Service Portal</strong></a>. If you have any issues, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a>.</div><div><br>We unfortunately cannot cancel orders once they have shipped. You may want information on a return instead.</div> </div> </div><div id="question_change-an-orders-shipping-method" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_change-an-orders-shipping-method_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_change-an-orders-shipping-method_details"> <span class="block grow text-left">Change an order's shipping method</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_change-an-orders-shipping-method_details" class="hidden pb-4 prose" aria-labelledby="question_change-an-orders-shipping-method_header" data-collapse-target="collapse"> <div>If your order has not yet been shipped and you'd like to change the shipping service, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> and we'll be happy to assist!</div> </div> </div><div id="question_change-an-orders-shipping-address" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_change-an-orders-shipping-address_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_change-an-orders-shipping-address_details"> <span class="block grow text-left">Change an order's shipping address</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_change-an-orders-shipping-address_details" class="hidden pb-4 prose" aria-labelledby="question_change-an-orders-shipping-address_header" data-collapse-target="collapse"> <div>If your order has not yet shipped and you need to correct or alter your shipping address, you can use our <a href="https://shipify.fangamer.com/csportal/email"><strong>Customer Service Portal</strong></a><strong> </strong>to make this update! If you have any issues, you can <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> by email for more help.</div><div><br>In most cases it's not necessary to cancel an order to change the shipping address. This may only be necessary in the case of very wrong addresses, for example if the country is wrong so you've ended up with domestic shipping instead of international.</div> </div> </div><div id="question_change-an-orders-billing-address-or-billing-method" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_change-an-orders-billing-address-or-billing-method_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_change-an-orders-billing-address-or-billing-method_details"> <span class="block grow text-left">Change an order's billing address, or billing method</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_change-an-orders-billing-address-or-billing-method_details" class="hidden pb-4 prose" aria-labelledby="question_change-an-orders-billing-address-or-billing-method_header" data-collapse-target="collapse"> <div>We cannot change the billing address or billing method once your order is placed. If there's a small error in your billing address but the payment has cleared, no need to worry! Everything should be good.</div> </div> </div><div id="question_remove-items-from-an-order" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_remove-items-from-an-order_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_remove-items-from-an-order_details"> <span class="block grow text-left">Remove items from an order</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_remove-items-from-an-order_details" class="hidden pb-4 prose" aria-labelledby="question_remove-items-from-an-order_header" data-collapse-target="collapse"> <div>If your order has not yet shipped and you need to remove an item (or items), but don't want to cancel the whole thing, this can be done in our <a href="https://shipify.fangamer.com/csportal/email"><strong>Customer Service Portal</strong></a>! You can also <a href="mailto:orders@fangamer.com">contact us</a> if you have any issues using the portal.</div> </div> </div><div id="question_add-items-to-an-order" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_add-items-to-an-order_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_add-items-to-an-order_details"> <span class="block grow text-left">Add items to an order</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_add-items-to-an-order_details" class="hidden pb-4 prose" aria-labelledby="question_add-items-to-an-order_header" data-collapse-target="collapse"> <div>Unfortunately we cannot add items to an order once it has been placed. You'll need to place a separate order, or we can cancel your order so you can place a new single order with everything you'd like included. If you need to cancel your order for this reason, just <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> for further assistance.</div> </div> </div><div id="question_change-size-for-an-item-in-an-unfulfilled-order" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_change-size-for-an-item-in-an-unfulfilled-order_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_change-size-for-an-item-in-an-unfulfilled-order_details"> <span class="block grow text-left">Change size for an item in an unfulfilled order</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_change-size-for-an-item-in-an-unfulfilled-order_details" class="hidden pb-4 prose" aria-labelledby="question_change-size-for-an-item-in-an-unfulfilled-order_header" data-collapse-target="collapse"> <div>If you accidentally picked the wrong size for a shirt or other clothing and your order <strong>hasn't shipped yet</strong>, you can request a size change via our <a href="https://shipify.fangamer.com/csportal/email"><strong>Customer Service Portal</strong></a>. Size change requests depend on whether we have stock available, so we'll email you to confirm if we're able to make your requested change. <br><br>If your order has already shipped, it's too late for us to make any changes! Once you receive your order, you can contact us by <a href="mailto:orders@fangamer.com"><strong>email</strong></a> for an exchange. </div> </div> </div><div id="question_combine-two-or-more-orders" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_combine-two-or-more-orders_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_combine-two-or-more-orders_details"> <span class="block grow text-left">Combine two or more orders</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_combine-two-or-more-orders_details" class="hidden pb-4 prose" aria-labelledby="question_combine-two-or-more-orders_header" data-collapse-target="collapse"> <div>Unfortunately due to technical limitations we cannot combine multiple orders placed separately. However, we can cancel your multiple orders so you can place a new single order with all items included, if none of your orders have shipped yet. <a href="mailto:orders@fangamer.com"><strong>Contact us</strong></a> for assistance!</div> </div> </div><div id="question_i-had-a-problem-with-my-billing-information-my-order-was-not-completed-successfully-but-theres-a-charge-on-my-bank-account" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_i-had-a-problem-with-my-billing-information-my-order-was-not-completed-successfully-but-theres-a-charge-on-my-bank-account_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_i-had-a-problem-with-my-billing-information-my-order-was-not-completed-successfully-but-theres-a-charge-on-my-bank-account_details"> <span class="block grow text-left">I had a problem with my billing information my order was not completed successfully, but there's a charge on my bank account!</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_i-had-a-problem-with-my-billing-information-my-order-was-not-completed-successfully-but-theres-a-charge-on-my-bank-account_details" class="hidden pb-4 prose" aria-labelledby="question_i-had-a-problem-with-my-billing-information-my-order-was-not-completed-successfully-but-theres-a-charge-on-my-bank-account_header" data-collapse-target="collapse"> <div>Sorry to hear that! If your order was not completed successfully and you were not provided with an order number, it's likely that payment has not been collected and what you're seeing on your statement is an <a href="https://en.wikipedia.org/wiki/Authorization_hold">authorization hold</a> . This should expire and be refunded to your account after a few days. This typically happens when an order fails completely due to payment problems, but you may sometimes see an additional authorization hold if you make an initial failed payment attempt with one payment method followed by a successful payment through a different method.</div><div><br>Here's how to place an order if your billing and shipping addresses are different:</div><div><br>During the checkout process under “Billing address”, there are two options to pick from. The default option is “<a href="https://cdn.shopify.com/s/files/1/0014/1962/files/billingaddress1.png">Same as shipping address</a>”, and the other option is “<a href="https://cdn.shopify.com/s/files/1/0014/1962/files/billingaddress2.png">Use a different billing address</a>”. What you’ll need to do is select the “Use a different billing address” option, and then enter the billing address that is associated with your credit card. Please note that the billing address is only used for payment authorization, and the shipping address is where your items will actually be sent to. </div><div>If you <strong>did </strong>receive an order number and have been charged, but have not received an order confirmation email, it's possible you're having trouble receiving our emails or you may have input the wrong email address during checkout. If your order confirmation isn't hiding in a spam folder, please feel free to <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> with your order number so we can make sure your contact information is correct.</div> </div> </div><div id="question_restock-information" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_restock-information_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_restock-information_details"> <span class="block grow text-left">Restock information</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_restock-information_details" class="hidden pb-4 prose" aria-labelledby="question_restock-information_header" data-collapse-target="collapse"> <div>If or when a product will be restocked varies from product to product! If there's no restock date on the product's store page and you would like more information, please feel free to <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a>.</div> </div> </div><div id="question_i-emailed-for-support-but-i-havent-received-a-response-yet" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_i-emailed-for-support-but-i-havent-received-a-response-yet_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_i-emailed-for-support-but-i-havent-received-a-response-yet_details"> <span class="block grow text-left">I emailed for support, but I haven't received a response yet?</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_i-emailed-for-support-but-i-havent-received-a-response-yet_details" class="hidden pb-4 prose" aria-labelledby="question_i-emailed-for-support-but-i-havent-received-a-response-yet_header" data-collapse-target="collapse"> <div>Fangamer doesn't outsource our customer service, and our team is small, so during busy periods it may take some time to get a response. We appreciate your patience! The auto-reply you get when you email us should let you know what our current expected response time is. </div> </div> </div></div><div id="shipping-problems-information" class="mb-12 lg:mb-4"> <h3 class="text-lg font-bold mb-4">Shipping Problems & Information</h3><div id="question_how-much-does-it-cost-to-ship-to-my-country" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_how-much-does-it-cost-to-ship-to-my-country_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_how-much-does-it-cost-to-ship-to-my-country_details"> <span class="block grow text-left">How much does it cost to ship to my country?</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_how-much-does-it-cost-to-ship-to-my-country_details" class="hidden pb-4 prose" aria-labelledby="question_how-much-does-it-cost-to-ship-to-my-country_header" data-collapse-target="collapse"> <div>Your shipping options and fees will be calculated automatically during checkout before you need to pay.</div><div><br>To calculate your order's shipping fee, you can add all of the items you'd like to purchase to your cart, and then proceed through the checkout process and enter your full shipping address. In the next screen (before you enter your payment information), you'll be able to view all available shipping classes and their prices.</div> </div> </div><div id="question_when-will-my-order-ship" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_when-will-my-order-ship_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_when-will-my-order-ship_details"> <span class="block grow text-left">When will my order ship?</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_when-will-my-order-ship_details" class="hidden pb-4 prose" aria-labelledby="question_when-will-my-order-ship_header" data-collapse-target="collapse"> <div>During periods of normal order volume, there's typically 1 to 3 business days fulfillment time after orders are placed before they ship. (Shipping time--the time your package is in transit after it ships from our warehouse--varies by shipping class; an estimate is typically provided when you select your class at checkout.)<br><br>Around the holidays and other busy periods, there may be an additional delay. <strong>Currently we have a fulfillment time of 5-7 business days</strong>. Please note that our mailroom is closed on weekends and holidays.<br><br></div><div>Once your order ships, you'll receive an email notification with your shipping information. If there's been an unusual delay and your order hasn't shipped out yet, please feel free to <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> </strong>with your order number for more information.</div> </div> </div><div id="question_how-long-will-my-package-take-to-arrive" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_how-long-will-my-package-take-to-arrive_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_how-long-will-my-package-take-to-arrive_details"> <span class="block grow text-left">How long will my package take to arrive? </span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_how-long-will-my-package-take-to-arrive_details" class="hidden pb-4 prose" aria-labelledby="question_how-long-will-my-package-take-to-arrive_header" data-collapse-target="collapse"> <div>Transit times will depend on the shipping class you choose and whether or not the courier is experiencing delays:<br><br></div><h2>Domestic/US orders </h2><ul><li>Standard may ship via FedEx Ground or USPS Ground Advantage depending on what is fastest and most affordable for your shipping address. These packages usually arrive in 2 - 6 days.</li><li>Priority Mail is a faster shipping class offered above Standard in some instances. These packages usually arrive in 2 - 3 days after being shipped.</li><li>Media Mail is a special shipping option for orders that only contain books or music. This shipping class can take between 10-14 business days.</li></ul><div><br></div><h2>International Orders</h2><ul><li>DHL packages usually arrive within 2 - 6 weeks. DHL will normally utilize your local postal service, but for some countries DHL may hand off the package to another courier. Please refer to DHL's tracking website to see who will be handling the final delivery of your package.</li><li>FedEx International Priority and FedEx International Connect Plus usually have a transit time of 2-5 days, but we cannot guarantee delivery times. </li></ul><div><br>If your package doesn't arrive, we ask that you contact us within 30 days of when the order should have been delivered. </div> </div> </div><div id="question_received-wrong-item" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_received-wrong-item_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_received-wrong-item_details"> <span class="block grow text-left">Received wrong item</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_received-wrong-item_details" class="hidden pb-4 prose" aria-labelledby="question_received-wrong-item_header" data-collapse-target="collapse"> <div>Sorry about that! Please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> with your order number and a photo the item you received in error and we'll be able to sort things out.</div> </div> </div><div id="question_something-missing-from-order" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_something-missing-from-order_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_something-missing-from-order_details"> <span class="block grow text-left">Something missing from order</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_something-missing-from-order_details" class="hidden pb-4 prose" aria-labelledby="question_something-missing-from-order_header" data-collapse-target="collapse"> <div>Sometimes orders are shipped in separate packages. You'll be able to tell because the contents of the package should be noted by the order number, and you'll receive separate shipping confirmation emails which will note which items are included in each shipment. <br><br></div><div>If an item is marked as included in a package and is not, or if it is not shipped at all, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> and we'll get the missing item shipped out as soon as possible!</div> </div> </div><div id="question_received-damaged-or-defective-item" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_received-damaged-or-defective-item_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_received-damaged-or-defective-item_details"> <span class="block grow text-left">Received damaged or defective item</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_received-damaged-or-defective-item_details" class="hidden pb-4 prose" aria-labelledby="question_received-damaged-or-defective-item_header" data-collapse-target="collapse"> <div>If you receive a product which has been damaged during shipment, or has a defect not included in the list of small variations in our product condition policy, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> within 30 days of when you received your order, with your order number and a photo of the issue, and we'll be able to assist with a refund or replacement.</div> </div> </div><div id="question_damaged-vinyl-sleeves-seam-splits-etc" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_damaged-vinyl-sleeves-seam-splits-etc_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_damaged-vinyl-sleeves-seam-splits-etc_details"> <span class="block grow text-left">Damaged vinyl sleeves (seam splits, etc)</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_damaged-vinyl-sleeves-seam-splits-etc_details" class="hidden pb-4 prose" aria-labelledby="question_damaged-vinyl-sleeves-seam-splits-etc_header" data-collapse-target="collapse"> <div>Please<strong> </strong><a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> to submit a damaged item report and include photos of the issue if possible. We may be able to provide a replacement sleeve if we have any available. Otherwise, we can provide a partial refund.</div> </div> </div><div id="question_package-is-marked-as-delivered-but-i-have-not-received-it" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_package-is-marked-as-delivered-but-i-have-not-received-it_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_package-is-marked-as-delivered-but-i-have-not-received-it_details"> <span class="block grow text-left">Package is marked as delivered, but I have not received it</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_package-is-marked-as-delivered-but-i-have-not-received-it_details" class="hidden pb-4 prose" aria-labelledby="question_package-is-marked-as-delivered-but-i-have-not-received-it_header" data-collapse-target="collapse"> <div>Your local postal service may have accidentally delivered the package to the wrong apartment, neighbor, or front desk or mailroom (if applicable). You may want to check with those places first, and then give your local post office a call (as they may be holding the package). Please review your provided shipping address as well to see if there are any errors, or omissions of details such as an apartment number.<br><br></div><div>Packages typically turn up within about a week, but it is also possible that it may have gotten lost in the mail, or potentially stolen. Please note shipping fees are non-refundable once an order has shipped. If none of these steps help and your package doesn't turn up within a week of when it was marked as delivered, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a>.</div> </div> </div><div id="question_package-is-marked-as-delivered-to-tucson-arizona-and-i-dont-live-there" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_package-is-marked-as-delivered-to-tucson-arizona-and-i-dont-live-there_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_package-is-marked-as-delivered-to-tucson-arizona-and-i-dont-live-there_details"> <span class="block grow text-left">Package is marked as delivered to Tucson, Arizona, and I don't live there</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_package-is-marked-as-delivered-to-tucson-arizona-and-i-dont-live-there_details" class="hidden pb-4 prose" aria-labelledby="question_package-is-marked-as-delivered-to-tucson-arizona-and-i-dont-live-there_header" data-collapse-target="collapse"> <div>It's likely your package has been returned to sender, as Fangamer is located in Tucson and being returned to sender is often treated as a delivery in tracking.</div><div><br>Please see the "package is being returned to sender" section for more information.</div> </div> </div><div id="question_package-is-being-returned-to-sender" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_package-is-being-returned-to-sender_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_package-is-being-returned-to-sender_details"> <span class="block grow text-left">Package is being returned to sender</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_package-is-being-returned-to-sender_details" class="hidden pb-4 prose" aria-labelledby="question_package-is-being-returned-to-sender_header" data-collapse-target="collapse"> <div>Unfortunately there are a number of reasons your package may have been returned to sender by the postal carrier. The most common reasons are problems with the shipping address rendering the package undeliverable (for example, the omission of an apartment number), or for international orders in particular the package being held for collection and not being picked up before the collection period expires.</div><div><br>If your package is being returned to sender, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> and we'll be able to arrange a re-shipment or refund of the items (we do not process refunds for the shipping fee). Please note that you will need to pay shipping fees for a re-shipment. If we've already received the Return to Sender package, we may already have emailed you to let you know!</div> </div> </div><div id="question_i-live-in-tucson-can-i-pick-up-my-order-instead-of-paying-for-shipping" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_i-live-in-tucson-can-i-pick-up-my-order-instead-of-paying-for-shipping_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_i-live-in-tucson-can-i-pick-up-my-order-instead-of-paying-for-shipping_details"> <span class="block grow text-left">I live in Tucson, can I pick up my order instead of paying for shipping?</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_i-live-in-tucson-can-i-pick-up-my-order-instead-of-paying-for-shipping_details" class="hidden pb-4 prose" aria-labelledby="question_i-live-in-tucson-can-i-pick-up-my-order-instead-of-paying-for-shipping_header" data-collapse-target="collapse"> <div>Yes! To access the local pick up option, you'll want to enter Fangamer's address as your shipping address like so:<br><br>YOUR NAME<br>Local Pickup<br>5055 E Speedway Blvd<br>Tucson, AZ 85712<br><br>We'll email you to let you know when your order is ready to be picked up. Pick up hours are 10AM-6PM Monday through Friday, and we're closed on holidays. When your order is ready to pick up, you can come ring the bell at our deliveries door on the Rosemont side of the building. </div> </div> </div></div><div id="returns-exchanges" class="mb-12 lg:mb-4"> <h3 class="text-lg font-bold mb-4">Returns & Exchanges</h3><div id="question_processing-a-return" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_processing-a-return_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_processing-a-return_details"> <span class="block grow text-left">Processing a Return</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_processing-a-return_details" class="hidden pb-4 prose" aria-labelledby="question_processing-a-return_header" data-collapse-target="collapse"> <div>Returns must be in good condition. Dirty items, broken items, items with sewn tags removed, and items with stains or damage are unacceptable for returns.<br><br>If you received an incorrect or damaged item, you don't need to process a return: instead, please see the 'Received wrong item' or 'Received damaged or defective item' FAQ sections.</div><div><br>For returns, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> </strong>within 30 days of when you received your order. We can only refund the cost of the item; we will not refund the cost of shipping. You will need to pay the shipping costs for your return.</div> </div> </div><div id="question_processing-an-exchange" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_processing-an-exchange_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_processing-an-exchange_details"> <span class="block grow text-left">Processing an Exchange</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_processing-an-exchange_details" class="hidden pb-4 prose" aria-labelledby="question_processing-an-exchange_header" data-collapse-target="collapse"> <div>We're happy to offer exchanges for apparel as stock allows! We may also be able to offer exchanges for other items depending on the specific item. If you received an incorrect or damaged item, you don't need to process a return: instead, please see the appropriate section above.<br><br></div><div>For an exchange, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> </strong>within 30 days of when you received your order. You will need to pay the shipping costs for your exchange.</div> </div> </div></div><div id="policies" class="mb-12 lg:mb-4"> <h3 class="text-lg font-bold mb-4">Policies</h3><div id="question_shipping-policies" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_shipping-policies_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_shipping-policies_details"> <span class="block grow text-left">Shipping Policies</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_shipping-policies_details" class="hidden pb-4 prose" aria-labelledby="question_shipping-policies_header" data-collapse-target="collapse"> <div>We are based out of <strong>Tucson, AZ </strong>in the United States. We ship most domestic packages through the USPS or FedEx Ground, and internationally via DHL or FedEx. Orders over $500 may require a signature on delivery. The further you live from Arizona, the longer your package may take to arrive. </div><div><br>Fangamer is closed on weekends, holidays, and other rare occasions. We may post a notice on our website if orders will take longer than usual to ship.</div><div><br>We cannot guarantee specific delivery dates, and we do not offer refunds for shipping fees if packages are delivered later than expected. Any option labeled "Next Day" or "2nd Day" simply refers to the exact name of a service provided by a carrier and not a delivery guarantee. If you're in a hurry to receive an order, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> </strong>and we'll do our best to get it shipped off ASAP!</div><div><strong><br>Domestic Shipping</strong></div><div><strong><br>All of our domestic (US) shipping classes offer tracking, but vary in price/speed:</strong></div><ul><li>Priority Mail is a faster shipping class offered above Standard in some instances. These packages usually arrive in 2 - 3 days after being shipped.</li><li>Standard is an inexpensive, moderately fast option for any order. Standard may ship via FedEx Ground or USPS Ground Advantage depending on what is fastest and most affordable for your shipping address. These packages usually arrive in 2 - 6 days. (Book orders may take a couple of additional extra days to arrive.) If your order needs to ship specifically through FedEx or USPS please state this in your order comments to the mailroom and <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> </strong>to let us know.</li><li>In some rare instances, Free Shipping, usually labeled as Standard with zero cost, may take an additional 3 - 5 days to arrive.</li></ul><div><strong><br>International Shipping</strong></div><div><strong><br>We ship international orders to almost anywhere in the world! Here's an explanation of our international shipping classes:</strong></div><ul><li>FedEx International Priority and FedEx International Economy are more expensive, very fast, and offer detailed door-to-door tracking. These packages usually have a time-in-transit after shipping of 2-5 days, but we cannot guarantee delivery times. The cost typically includes customs and duty so this may help avoid hidden fees when your package arrives. Packages sent this way are signature-required and cannot be sent to PO boxes. Priority is a little more expensive and slightly faster.</li><li>DHL is inexpensive, medium-to-slow speed and includes tracking. These packages usually arrive within 2 - 6 weeks. This shipping class is usually very reliable. DHL will normally utilize your local postal service, but for some countries DHL may hand off the package to another courier. Please refer to DHL's tracking website to see who will be handling the final delivery of your package.</li><li>Some countries and weight classes may offer other rare classes, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a> for any questions!</li></ul><div><br></div><div><strong>WARNING</strong>: If your order is lost in transit, we will re-ship it once at no charge or offer a refund for the cost of the merchandise. If it goes missing twice, we will not replace it a second time, as this indicates an issue with the address or the local postal service. The best way to prevent lost or returned orders is to ensure your address is correctly formatted, is not missing any apartment or unit numbers, and to make sure that it isn't waiting for a customs payment. Once the package has arrived in your country, DHL will create a new tracking number that will also work through your local postal service's tracking (if applicable) and they may have more detailed tracking information available than DHL's tracking.<br><br></div><h3>Shipping Discounts</h3><div><br></div><div>We occasionally offer free or discounted shipping options as part of a promotional sale. If you choose a free or discounted shipping option, we will ship your order via the Standard shipping class. These shipping options can sometimes be slow, and may take up to a week or more to deliver. If you need your item in a hurry, please <a href="mailto:orders@fangamer.com">contact us</a> for assistance.<br><br></div><div>Orders with free/discounted shipping will not ship until all items are available. This means that your order may be delayed if you've purchased 'preorder' items or 'made to order' items. You can avoid this in one of two ways:<br><br></div><ol><li>Place two separate orders -- one with the stuff you want now, and one with the stuff you don't mind waiting for.</li><li>Choose a 'regular' shipping option (any option without 'free' or 'discounted' in the title) and we'll split-ship it for you as detailed below.</li></ol><div><br></div><h3>Split Shipping</h3><div><br></div><ul><li>If an order contains a preorder item, the order will only ship when all items are ready. (Please order preorder items separately if you would like your other items sooner.) </li><li>Larger orders may be split shipped into two Standard packages if the contents of the order don't easily fit together, they might damage each other in transit (e.g. a book shipping alongside a rolled poster), or the shipping costs are cheaper compared to one package.</li></ul><div><br>If you've got any questions, concerns, or would like your items faster, email us at <a href="https://web.archive.org/web/20200826142809/mailto:orders@fangamer.com">orders@fangamer.com</a><br><br></div> </div> </div><div id="question_product-condition" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_product-condition_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_product-condition_details"> <span class="block grow text-left">Product Condition</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_product-condition_details" class="hidden pb-4 prose" aria-labelledby="question_product-condition_header" data-collapse-target="collapse"> <div>Since most of our merchandise is handmade, it’s common for small things to be out of place. Here's a non-exhaustive list of things that you shouldn't be too surprised to find in our:</div><div><strong><br>Shirts & Apparel</strong></div><ul><li>Flecks and minor variations in the print.</li><li>Variations in the fabric color. Sometimes, especially for large/small/womens sizes, we have to use different brands.</li><li>Stray shirt threads.</li><li>Sticky residue. This is from the light adhesive our printer sometimes uses to keep the shirts from shifting during print — it washes off easily.</li><li>Gaps or buildup in the ink when printed on/around seams.</li><li>Faint chemical smell. This is a result of the discharge printing inks — it's gone after the first wash.</li><li>Small spots of discoloration or dust on the shirt. This is usually from the printing press and, like everything, generally washes right out.</li><li>Two different shirts of the same size being slightly larger or smaller than each other.</li></ul><div><strong><br>Posters</strong></div><ul><li>Slightly bent/worn edges on posters. We do our best to keep them clean, but shipping can be a little rough.</li></ul><div><strong><br>Books</strong></div><ul><li>Gaps or tears in shrinkwrap.</li><li>Minor bending of the dust jacket, especially at the top and bottom of the spine, which does not leave noticeable creases.</li><li>Excess glue on the front/back pages (this can be an artifact of the binding process).</li><li>Minor print or paper irregularities.</li></ul><div><strong><br>Vinyls</strong></div><ul><li>Gaps or tears in shrinkwrap.</li></ul><div><strong><br>Physical Games & Collector's Editions</strong></div><ul><li>Gaps or tears in shrinkwrap.</li></ul><div><strong><br>Pins & Keychains</strong></div><ul><li>Minor scuffs or small bubbles only visible close up.</li><li>Slight variations in the alignment of printed colors on designs with printed colors.</li></ul><div><strong><br>Drinkware</strong></div><ul><li>Minor flaws in glazing (including tiny bubbles or rough spots).</li><li>Minor bubbles in glassware (small bubbles which do not breach the product's surface)</li></ul><div><strong><br>Plushes</strong></div><ul><li>Stray threads</li><li>Some variation in shape may occur as stuffing can shift within the plush. It's typically possible to give the plush a good squeeze and mold things back into place.</li><li>Slight variation in the placement of embroidered details.</li></ul><div><strong><br>Other</strong></div><ul><li>Minor chips or spots on handmade products such as figurines.</li><li>Minor variations in paint on hand-painted items such as figurines.</li><li>Slight variations in coloration of an item, especially across different production runs.</li></ul> </div> </div><div id="question_product-care" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_product-care_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_product-care_details"> <span class="block grow text-left">Product Care</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_product-care_details" class="hidden pb-4 prose" aria-labelledby="question_product-care_header" data-collapse-target="collapse"> <h3><strong>SHIRTS</strong> </h3><div>We recommend that you wash your Fangamer apparel inside-out, with like colors, in cold water. Tumble dry low heat, no bleach, no ironing. If worn frequently, we also recommended washing on a gentle cycle.<br><br></div><h3><strong>JACKETS & HOODIES</strong></h3><div> <strong><br></strong>Wash and dry the same as shirts (inside-out, like colors, cold water, low heat), zipped up, along with other garments to reduce zipper pull damage. If your jacket has a custom zipper pull, consider taking it off before putting it in the wash.<br><br></div><h3><strong>MUGS</strong> </h3><div><br>Our custom-made mugs are heavy duty, but if you want them to last a long time you may consider washing them by hand and avoid microwaving. This is especially important for our color-changing mugs, as exposure to constant high heat can remove the color changing ink much faster. <br><br></div><h3><strong>PLUSH TOYS</strong></h3><div><br>Plush toys that have internal components such as wire armatures (like the Grimm Plush), magnets, or electronic components <strong><em>are not machine washable</em></strong><strong>,</strong> and we only recommend gently cleaning the surface with a damp, soapy wash cloth. Think the kind of soap you'd use to wash your hands, rather than a harsher detergent.<br><br></div><div>For plush with no internal components, we still recommend surface-wash only, as a washing machine might be a bit rough and could cause damage or lumpy stuffing. If that doesn't do the trick, you could give the plush a soak in warm water with mild soap and letting it air-dry. Please <strong>do not soak or submerge</strong> your Sans plush, as water does not agree with his insides. If a plush is really dirty, you can put it into a washing machine on the gentlest settings, then let it air dry. We suggest this as a last option, as this does come with the risk of damaging the toy. <br><br></div><h3><strong>DESK MATS</strong></h3><div><br>We recommend spot cleaning your desk mat with a rag moistened with warm water and a gentle detergent. If your desk mat is heavily soiled, you can put it in the washing machine on a cold water/gentle cycle with towels or similar heavy fabrics. <strong>However,</strong> machine washing is probably going to make the stitching on the edges of the desk mat get fuzzy! If you want to avoid fuzzy stitching, spot clean your desk mat by hand. Desk mats are not dryer-safe. Always lay your desk mat flat to dry.</div> </div> </div><div id="question_damaged-items" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_damaged-items_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_damaged-items_details"> <span class="block grow text-left">Damaged Items</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_damaged-items_details" class="hidden pb-4 prose" aria-labelledby="question_damaged-items_header" data-collapse-target="collapse"> <div>Items which are broken, torn, stained, do not function, or are otherwise reasonably damaged in ways that fall outside the product condition variations described above may be eligible for a replacement or refund. If you've received a damaged item, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> within 30 days of </strong>when you received your order for assistance. Also if you can, please provide a clear photo of the damage on the product you received. </div> </div> </div><div id="question_preorders" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_preorders_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_preorders_details"> <span class="block grow text-left">Preorders</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_preorders_details" class="hidden pb-4 prose" aria-labelledby="question_preorders_header" data-collapse-target="collapse"> <div>Pre-orders are charged at the time of purchase, not when the order ships. Some pre-orders may be required to be ordered separately from other items. If you need to cancel or change a pre-order, please <a href="mailto:orders@fangamer.com"><strong>contact us</strong></a><strong> </strong>as soon as possible. </div><div><br>If an order contains a preorder item, unless otherwise noted, the order will only ship when all items are ready. Please order preorder items separately if you would like your other items sooner.</div> </div> </div><div id="question_oversells" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_oversells_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_oversells_details"> <span class="block grow text-left">Oversells</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_oversells_details" class="hidden pb-4 prose" aria-labelledby="question_oversells_header" data-collapse-target="collapse"> <div>If an item in your order is oversold and not available, we'll contact you to provide you with more information. We'll typically be able to offer either a substitution or a refund for the item, although in some cases only a refund may be possible.</div> </div> </div><div id="question_product-limitations" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_product-limitations_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_product-limitations_details"> <span class="block grow text-left">Product Limitations</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_product-limitations_details" class="hidden pb-4 prose" aria-labelledby="question_product-limitations_header" data-collapse-target="collapse"> <div>Some items are limited on a per-customer basis. This lifetime limit is per-customer and we may automatically cancel and refund orders if you order over the allowed amount. A single customer drop-shipping to multiple addresses also counts towards this per-customer limit.</div><div><br>Some items are limited to sale in certain territories and we will enforce this limitation.</div> </div> </div><div id="question_general-policies" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_general-policies_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_general-policies_details"> <span class="block grow text-left">General Policies</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_general-policies_details" class="hidden pb-4 prose" aria-labelledby="question_general-policies_header" data-collapse-target="collapse"> <div>Fangamer reserves the right to update and change this Shipping / Return Policy from time to time without notice.</div><div><br>Any written agreement, contract, or invoice supersedes these general website terms if provided.</div><div><br>Read our Privacy Policy regarding our protection of your personal data.</div><div><br>Fangamer, in its sole discretion, has the right to suspend or terminate your account and refuse any and all current or future purchases, or any other service from us, for any reason at any time, including no reason. Examples of possible reasons include:</div><ul><li>Violations of this Shipping / Return Policy, including violations of a products with a per-customer limit.</li><li>Violations of our Privacy Policy.</li><li>Chargebacks.</li><li>Fraud and other illegal acts.</li><li>Verbal, physical, written or other abuse (including threats of abuse or retribution) of any Fangamer customer, partner, employee, member, or officer.</li></ul><div><br>Where applicable, we may not provide a full refund for suspended or terminated accounts or orders. For example, if we rendered some non-refundable services or products to you.</div><div><br>You are responsible for maintaining the security of your optional account and password on Fangamer. Fangamer cannot and will not be liable for any loss or damage from your failure to comply with this security obligation.</div><div><br>The failure of Fangamer to exercise or enforce any provision of this Shipping / Return Policy shall not constitute a waiver of such provision. No waiver by Fangamer of any breach of this Shipping / Return Policy shall be a waiver of any preceding or succeeding breach. No waiver by Fangamer of any provision under this Shipping / Return Policy shall be construed as a waiver of any other provision. Unless otherwise stated, a waiver by Fangamer of any provision of this Shipping / Return Policy shall only be on a per-order basis, and the full Shipping / Return Policy shall be enforced for any preceding or subsequent order.</div> </div> </div><div id="question_taxes" class="-mt-[1px] border-b border-b-fangamer-background-darkest md:text-lg" data-controller="collapse"> <button id="question_taxes_header" class="group flex gap-x-2 py-2 items-center cursor-pointer font-medium w-full text-fangamer-link hover:text-fangamer-link-hover border-t border-t-fangamer-background-darkest" type="button" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="question_taxes_details"> <span class="block grow text-left">Taxes</span> <span class="w-4 h-4 icon-[fa6-solid--chevron-down] shrink-0 motion-safe:transition-transform group-[.open]:rotate-180" aria-hidden="true"></span> </button> <div id="question_taxes_details" class="hidden pb-4 prose" aria-labelledby="question_taxes_header" data-collapse-target="collapse"> <div>There are only a handful of instances in which our customers have to pay taxes or additional fees beyond our shipping costs:</div><ul><li>Residents of some US states may be required to pay sales taxes. If you're in a state with origin-based sales tax where we sometimes sell at an event, you may see another city's sales tax listed during checkout.</li><li>Some of our shipping methods internationally are considered to be shipped "DDU", which means we do not pay customs or duties and you may be charged this to receive your order. You have to pay these fees when you get your package, so please be aware of your country’s tax policy before you order. We <strong>cannot </strong>mark shipments as gifts. Fangamer is not responsible for any additional taxes, fees, logistics, or other additional charges required by your local government or delivery service to receive your package.</li><li>Some shipping methods may offer some or all prepaid customs charges included in the cost of transportation to avoid long lines at a postal office and extra fees. Certain shipments, such very large orders or packages to certain countries, may be ineligible for pre-paid customs charges, require additional fees, additional identification, and/or require you to pick the item(s) up in person at a certain facility. Fangamer is not responsible for any additional taxes, fees, logistics, or other additional charges required by your local government or delivery service to receive your package.</li><li><strong>IF YOU CHOOSE PREPAID CUSTOMS</strong>: The goods will be imported on behalf of the consignee/ebuyer. The consignee authorizes Fangamer to import the goods on his behalf. Further, the consignee/buyer agrees that Fangamer may delegate the obligation to import the goods on his behalf to a subcontractor. The consignee will pay the taxes & duties in addition with the purchase price of the goods.</li></ul> </div> </div></div></div> </div><div id="support_contact" class="container px-4 lg:px-6 text-fangamer-body mt-8 pt-8 border-t border-t-fangamer-background-darkest"> <h2 class="text-2xl font-extrabold mb-8">Contact Us</h2> <div id="contact" class="prose"> <p>Need more help, or need to contact us?</p> <p>Email us at:</p> <h5 style="margin-bottom: 2rem"><a href="mailto:orders@fangamer.com" id="support_email">orders@fangamer.com</a></h5> <p>If you need to mail us something, here's our address:</p> <blockquote style="margin-bottom: 2rem" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="name">Fangamer</span><br>5055 E Speedway Blvd<br><span itemprop="addressLocality">Tucson</span>, <span itemprop="addressRegion">AZ</span> <span itemprop="postalCode">85712</span><span itemprop="addressCountry" style="display: none;">United States</span> </blockquote> <p>Please note that our office is closed (and therefore we're not around to chat or answer emails) on weekends.</p> </div> </div></div> </div> </main> <footer id="footer" class="-mt-4"> <div id="footer_news" class="bg-fangamer-darkblue-800 text-fangamer-background pt-8 pb-12 shadow-footer lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="grid gap-x-8 xl:gap-x-16 grid-cols-1 lg:grid-cols-3 container px-4 lg:px-6"> <div class="lg:col-span-2"> <div class="flex items-center mb-4"> <h3 class="grow font-black text-2xl text-fangamer-background uppercase"><span class="icon-[fg--star] text-fangamer-green text-xl mr-2" aria-hidden="true"></span>Recent Updates</h3> <a href="/blogs/news" class="text-sm px-3 py-1 ml-2 shrink-0 rounded-lg uppercase font-extrabold text-fangamer-background bg-fangamer-green-700 hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="View All Recent Updates">View All</a> </div> <div class="grid gap-x-6 xl:gap-x-12 grid-cols-1 lg:grid-cols-2"> <div class="group dark block "> <figure class="mb-6"> <a class="block !duration-300 motion-safe:hover:scale-105" href="/blogs/news/bloodborne-faith-tunic" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-bloodborne-faith-tunic" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail473-124_a0c26afb-dd88-4ad2-9a4a-75a1e73ef5e0.png?v=1743712542&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail473-124_a0c26afb-dd88-4ad2-9a4a-75a1e73ef5e0.png?v=1743712542&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Plain Doll plush! ENA sale! Way, way more!" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/bloodborne-faith-tunic"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Plain Doll plush! ENA sale! Way, way more!</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300 ">Apr 08, 2025</h4> <p class="block h-[76px] overflow-hidden">FAITH candles, Slay the Spire merch, TUNIC hats...</p> </figcaption> <a href="/blogs/news/bloodborne-faith-tunic" class="block lg:inline-block w-full lg:w-44 text-center py-2 text-fangamer-background bg-fangamer-green-700 font-bold uppercase rounded hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="Read more: Plain Doll plush! ENA sale! Way, way more!">Read more</a> </figure> </div> <div class="group dark hidden lg:block "> <figure class="mb-6"> <a class="block !duration-300 motion-safe:hover:scale-105" href="/blogs/news/metal-gear-solid-celeste" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-metal-gear-solid-celeste" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-472-123_7c2fd64d-8d4a-4a8b-b195-3d9fbce9b833.png?v=1742852186&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-472-123_7c2fd64d-8d4a-4a8b-b195-3d9fbce9b833.png?v=1742852186&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Snake & Otacon plush set returns! + new Metal Gear Solid shirts and pins" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/metal-gear-solid-celeste"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Snake & Otacon plush set returns! + new Metal Gear Solid shirts and pins</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300 ">Mar 25, 2025</h4> <p class="block h-[76px] overflow-hidden">And Celeste pajamas!</p> </figcaption> <a href="/blogs/news/metal-gear-solid-celeste" class="block lg:inline-block w-full lg:w-44 text-center py-2 text-fangamer-background bg-fangamer-green-700 font-bold uppercase rounded hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="Read more: Snake & Otacon plush set returns! + new Metal Gear Solid shirts and pins">Read more</a> </figure> </div> </div> </div> <div class="bg-fangamer-darkblue-900 rounded-lg py-4 px-8 lg:px-4 xl:px-8 flex flex-col"> <h3 class="text-center p-4 font-black uppercase text-xl xl:text-2xl mb-2">Sign up for Fangamer news</h3> <img class="object-contain w-full pl-6 my-4" src="//www.fangamer.com/cdn/shop/t/59/assets/footer-subscribe.png?v=1021012737532436751694490701" width="786" height="245" aria-hidden="true" /> <div class="flex items-center justify-center grow my-4"> <p class="text-center leading-relaxed">New product releases, events, sales & more!</p> </div> <form action="https://fangamer.us1.list-manage.com/subscribe" method="get" target="_blank" class="flex flex-col rounded-lg w-full overflow-hidden"> <div class="block w-full"> <label for="newsletter_join" class="sr-only">Email</label> <input type="text" name="MERGE0" id="newsletter_join" placeholder="Email" required="true" class="form-input w-full border-0 text-fangamer-body" /> </div> <input type="hidden" name="u" value="8ecddd9dde1044ff680b01fb6" /> <input type="hidden" name="id" value="dd0d1abd00" /> <button type="submit" class="py-1 cursor-pointer text-fangamer-background bg-fangamer-green-700 font-bold uppercase hover:bg-fangamer-green-600 active:bg-fangamer-green-800">Join</button> </form> <div class="flex gap-x-1 my-2"><a href="https://twitter.com/fangamer" aria-label="Fangamer on Twitter" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--x-twitter]"></span></a><a href="https://bsky.app/profile/fangamer.com" aria-label="Fangamer on Bluesky" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fg--social-bluesky]"></span></a><a href="https://facebook.com/Fangamer" aria-label="Fangamer on Facebook" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--facebook]"></span></a><a href="https://instagram.com/fangamercom" aria-label="Fangamer on Instagram" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--instagram]"></span></a><a href="https://youtube.com/c/FangamerCom" aria-label="Fangamer on YouTube" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--youtube]"></span></a><a href="https://twitch.tv/fangamer" aria-label="Fangamer on Twitch" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--twitch]"></span></a></div> </div> </div> </div> <div id="footer_links" class="bg-fangamer-blue-950 text-fangamer-background shadow-footer lg:rounded-tl-xl lg:rounded-tr-xl -mt-4"> <div class="container lg:pt-8"> <div class="max-w-md py-8 px-16 md:px-8 mx-auto fill-fangamer-background"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133.03 24.64" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="fan" d="M7.73,10.84V9.19a.58.58,0,0,0-.61-.61H4.63v-.1c0-1.74.36-2.16,1.52-2.16h1a.57.57,0,0,0,.55-.59V3.82a.56.56,0,0,0-.57-.47H4.68C1.39,3.35,0,4.8,0,8.56V19.38A.59.59,0,0,0,.62,20H4a.59.59,0,0,0,.61-.62V11.45H7.12A.58.58,0,0,0,7.73,10.84ZM30.09,8.58H21.27a.29.29,0,0,0-.23.15c-.1.2.11.38.11.38h0a4.4,4.4,0,0,1,1.42,3v7.3a.59.59,0,0,0,.62.61h3.44a.58.58,0,0,0,.57-.62V11.79H29c1.32,0,1.68.66,1.68,2.42v5.17a.59.59,0,0,0,.61.61h3.42a.57.57,0,0,0,.6-.61V13.89C35.32,10.32,33.69,8.58,30.09,8.58Zm-14.44,0H10.57A.59.59,0,0,0,10,9.2v1.66a.58.58,0,0,0,.61.61h3.69c1.08,0,1.44.55,1.5,1.66H11.37c-2.29,0-3.89.89-3.89,3.44S9,20,11.37,20h8.24a.58.58,0,0,0,.61-.61V13.73C20.22,10.37,18.73,8.58,15.65,8.58Zm.11,8.73H13.15c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1h2.61Z"/><path id="gamer" d="M60,8.58H53.58a.56.56,0,0,0-.58.6v1.67a.59.59,0,0,0,.61.62h5c1.08,0,1.44.55,1.5,1.66H55.71c-2.29,0-3.89.89-3.89,3.44S53.37,20,55.71,20H64a.59.59,0,0,0,.61-.62V13.73C64.57,10.37,63.07,8.58,60,8.58Zm.11,8.73H57.49c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1H60.1ZM43.92,11.48h5.73a.58.58,0,0,0,.61-.59V9.19h0a.59.59,0,0,0-.62-.61h-6.9c-3.52,0-5.55,1.89-5.55,5.55s2.24,5.65,5.79,5.65h2.65c-.08,1.21-.55,1.79-1.89,1.79H39.32a.59.59,0,0,0-.62.61V24a.61.61,0,0,0,.63.62h5.49c3.57,0,5.44-1.87,5.44-5.28v-5.6a.6.6,0,0,0-.62-.62H46.22a.59.59,0,0,0-.59.62v3.13H43.92c-1.42,0-1.94-.84-1.94-2.74S42.5,11.48,43.92,11.48Zm65.69-2.9h-9a.32.32,0,0,0-.2.15.33.33,0,0,0,.07.37,5.6,5.6,0,0,1,1.73,4.48c0,.08,0,.15,0,.23v5.56a.58.58,0,0,0,.61.61h3.4a.59.59,0,0,0,.62-.61V14.26c0-1.68.37-2.31,1.6-2.31h1.31a.58.58,0,0,0,.51-.56V9.19A.59.59,0,0,0,109.61,8.58Zm-29.26,0H65.1a.27.27,0,0,0-.21.15.45.45,0,0,0,.12.4h0a5.69,5.69,0,0,1,1.66,4.19V19.4a.56.56,0,0,0,.6.59H70.9a.59.59,0,0,0,.61-.62V11.8h1.16c1.34,0,1.65.66,1.65,2.42v5.15a.57.57,0,0,0,.6.61h2.61a.57.57,0,0,0,.59-.61V11.79h1.16c1.34,0,1.65.66,1.65,2.42v5.16a.6.6,0,0,0,.62.62H85a.59.59,0,0,0,.61-.62V13.89C85.56,10.32,83.93,8.58,80.35,8.58Zm13.48-.26c-4.18,0-6.7,1.76-6.7,5.91S89.67,20,93.33,20h5.32a.59.59,0,0,0,.62-.61V17.71a.59.59,0,0,0-.62-.61H94.2c-1.32,0-2-.34-2.26-1.87h7.68a.55.55,0,0,0,.57-.59v-.7C100.19,10.29,98.22,8.32,93.83,8.32Zm-2,4.86c.19-1.81.87-2.26,2.05-2.26s1.84.55,1.95,2.26Z"/><path id="mark" d="M132,0h-9.49A3.83,3.83,0,0,0,120,1l-6,6a3.82,3.82,0,0,0-1,2.49V19a1,1,0,0,0,1,1h9.5A3.82,3.82,0,0,0,126,19l6-6a3.83,3.83,0,0,0,1-2.5V1A1,1,0,0,0,132,0Zm0,3.71a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.54V7a.54.54,0,0,0,.54.55h2.17A.54.54,0,0,1,132,8V10.2a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.55v2.16a.54.54,0,0,1-.54.54h-2.16a.55.55,0,0,1-.55-.54V11.29a.54.54,0,0,0-.54-.55h-2.16a.54.54,0,0,1-.54-.54V8a.54.54,0,0,1,.54-.54H125a.53.53,0,0,0,.54-.55V4.79a.55.55,0,0,1,.55-.54h2.16a.53.53,0,0,0,.54-.54V1.54a.54.54,0,0,1,.54-.54h2.17a.54.54,0,0,1,.54.54Z"/></svg> </div> <div class="grid gap-y-10 grid-cols-1 lg:grid-cols-3"> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4 lg:border-r-2 lg:border-r-fangamer-blue-900"> <h3 class="font-black text-2xl uppercase">About Fangamer</h3> <p class="grow">Fangamer is a small videogame merchandise company based in—and shipping from—Tucson, Arizona. We got started in 2008 with one goal: Celebrating our favorite games with products we actually wanted to own.</p><a class="w-48 py-2 mx-auto mt-4 text-lg uppercase rounded-lg font-black text-fangamer-blue-950 bg-fangamer-background hover:bg-fangamer-background-darker active:bg-fangamer-background-darkest" href="/pages/about">About Us</a></div> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4 lg:border-r-2 lg:border-r-fangamer-blue-900"> <h3 class="font-black text-2xl uppercase">Help</h3> <p class="grow">Need help with <strong>returns</strong>, <strong>exchanges</strong>, and other issues? Check our <a href='/pages/help' class='underline'><strong>FAQ</strong></a> for answers to common questions.</p> <a class="w-48 py-2 mx-auto mt-4 text-lg uppercase rounded-lg font-black text-fangamer-blue-950 bg-fangamer-background hover:bg-fangamer-background-darker active:bg-fangamer-background-darkest" href="/pages/help">Support/FAQ</a> </div> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4"> <h3 class="font-black text-2xl uppercase">International</h3> <p class="grow">We ship worldwide from our main warehouse in the US, but European and Japanese customers can find merch shipping closer to home in our regional storefronts:</p> <ul id="footer_shops" class="flex gap-x-1"> <li class="group relative grow h-28 w-28 active"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.com?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer US: Worldwide"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-us.png?v=73477074424072663711692224300" alt=" Flag" /> <span class="block w-full font-bold">Fangamer US</span> <span class="block w-full font-light">Worldwide</span> </a> </li> <li class="group relative grow h-28 w-28"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.jp?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer JP: Japan"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-jp.png?v=107537917320201875581692224300" alt=" Flag" /> <span class="block w-full font-bold">Fangamer JP</span> <span class="block w-full font-light">Japan</span> </a> </li> <li class="group relative grow h-28 w-28"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.eu?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer EU: Europe / UK"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-eu.png?v=107225554191587958561692224299" alt=" Flag" /> <span class="block w-full font-bold">Fangamer EU</span> <span class="block w-full font-light">Europe / UK</span> </a> </li> </ul></div> </div> <div class="w-full px-4 pb-8 mt-4 lg:mt-12"> <div class="flex h-12 text-center"> <div class="border-b-2 border-b-fangamer-blue-900 h-4 grow mr-6" aria-hidden="true"></div> <h3 class="font-black text-2xl uppercase">Catalog</h3> <div class="border-b-2 border-b-fangamer-blue-900 h-4 grow ml-6" aria-hidden="true"></div> </div> <div class="flex flex-col lg:flex-row gap-x-2 gap-y-1"> <a href="/collections/apparel" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Apparel</a> <a href="/collections/video-games" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Games</a> <a href="/collections/plushes-and-figurines" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Plushes & Figures</a> <a href="/collections/home-and-office" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Home & Office</a> <a href="/collections/books" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Books</a> <a href="/collections/music" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Music & Video</a> <a href="/collections/art-posters" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Art & Posters</a> <a href="/collections/accessories" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Accessories</a> </div> </div> </div> </div> <div id="footer_copyright" class="bg-fangamer-blue-900"> <div class="container flex flex-col items-center justify-center gap-y-1 px-4 py-2 text-fangamer-background text-center min-h-[60px]"> <span class="font-medium text-sm block">Copyright 2025 Fangamer LLC</span> <div class="flex gap-x-4 gap-y-1 flex-wrap justify-center"> <a href="/pages/privacy" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Privacy Policy</a> <a href="/pages/accessibility" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Accessibility</a> <a href="/pages/ccpa-opt-out" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Do not sell or share my personal information</a> </div></div> </div> </footer> <script data-plausible-target="script" defer>if(!window.plausibleloaded){window.plausibleloaded=true;document.addEventListener("turbo:load", function() {!function(){"use strict";var t=window.location,e=window.document;function a(t,e){t&&console.warn("Ignoring Event: "+t),e&&e.callback&&e.callback()}function n(n,i){if(/^localhost$|^127(\.[0-9]+){0,2}\.[0-9]+$|^\[::1?\]$/.test(t.hostname)||"file:"===t.protocol)return a("localhost",i);if(window._phantom||window.__nightmare||window.navigator.webdriver||window.Cypress)return a(null,i);try{if("true"===window.localStorage.plausible_ignore)return a("localStorage flag",i)}catch(r){}var l={},o=(l.n=n,l.u=t.href,l.d="fangamer.com",l.r=e.referrer||null,i&&i.meta&&(l.m=JSON.stringify(i.meta)),i&&i.props&&(l.p=i.props),new XMLHttpRequest);o.open("POST","https://plausible.fangamer.eu/api/event",!0),o.setRequestHeader("Content-Type","text/plain"),o.send(JSON.stringify(l)),o.onreadystatechange=function(){4===o.readyState&&i&&i.callback&&i.callback()}}e.currentScript;var i=window.plausible&&window.plausible.q||[];window.plausible=n;for(var r,l=0;l<i.length;l++)n.apply(this,i[l]);function o(){r!==t.pathname&&(r=t.pathname,n("pageview"))};o();}();})}</script> <style data-plausible-target="css"></style> </body> </html>