{"product_id":"loadoutx™-commandtower-personalised-3-in-1-headset-controller-stand","title":"LoadoutX™ CommandTower —  Personalised 3-in-1 Headset \u0026 Controller Stand","description":"\u003c!-- LOADOUTX™ COMMANDTOWER — PREMIUM ANIMATED PRODUCT DESCRIPTION --\u003e\n\u003cstyle\u003e\n  .lx-commandtower {\n    --lx-black: #030405;\n    --lx-charcoal: #0b0d10;\n    --lx-panel: rgba(18, 20, 23, .78);\n    --lx-gold: #d6a84f;\n    --lx-gold-light: #ffe4a0;\n    --lx-gold-dark: #8d6726;\n    --lx-blue: #39bfff;\n    --lx-blue-dark: #1675a8;\n    --lx-white: #f7f7f8;\n    --lx-muted: #a6a9ae;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 75px 20px;\n    box-sizing: border-box;\n    background:\n      radial-gradient(circle at 18% 12%, rgba(214,168,79,.11), transparent 28%),\n      radial-gradient(circle at 82% 75%, rgba(57,191,255,.07), transparent 30%),\n      linear-gradient(145deg, #020303, #0a0c0f 52%, #030405);\n    color: var(--lx-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .lx-commandtower *,\n  .lx-commandtower *::before,\n  .lx-commandtower *::after {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     AMBIENT BACKGROUND\n  ========================================================== *\/\n\n  .lx-commandtower::before {\n    content: \"\";\n    position: absolute;\n    width: 480px;\n    height: 480px;\n    left: -220px;\n    top: -190px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(214,168,79,.14),\n      transparent 68%\n    );\n    filter: blur(25px);\n    animation: lxCommandAmbient 9s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  .lx-commandtower::after {\n    content: \"\";\n    position: absolute;\n    width: 440px;\n    height: 440px;\n    right: -220px;\n    bottom: -180px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(57,191,255,.10),\n      transparent 68%\n    );\n    filter: blur(28px);\n    animation: lxCommandAmbient2 11s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  @keyframes lxCommandAmbient {\n    from {\n      transform: translate(0,0) scale(.85);\n      opacity: .5;\n    }\n    to {\n      transform: translate(80px,55px) scale(1.2);\n      opacity: 1;\n    }\n  }\n\n  @keyframes lxCommandAmbient2 {\n    from {\n      transform: translate(0,0) scale(.85);\n      opacity: .4;\n    }\n    to {\n      transform: translate(-60px,-50px) scale(1.2);\n      opacity: .9;\n    }\n  }\n\n  .lx-command-container {\n    position: relative;\n    z-index: 3;\n    width: min(1080px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* =========================================================\n     HERO\n  ========================================================== *\/\n\n  .lx-command-hero {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n\n  .lx-command-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 17px;\n    border-radius: 999px;\n    border: 1px solid rgba(214,168,79,.34);\n    background: rgba(214,168,79,.055);\n    color: var(--lx-gold-light);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    box-shadow:\n      0 0 25px rgba(214,168,79,.07),\n      inset 0 0 20px rgba(214,168,79,.035);\n    animation: lxCommandBadge 3s ease-in-out infinite;\n  }\n\n  .lx-command-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--lx-gold);\n    box-shadow:\n      0 0 8px var(--lx-gold),\n      0 0 18px rgba(214,168,79,.7);\n    animation: lxCommandDot 1.7s ease-in-out infinite;\n  }\n\n  @keyframes lxCommandBadge {\n    0%,100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  @keyframes lxCommandDot {\n    0%,100% {\n      transform: scale(.7);\n      opacity: .45;\n    }\n    50% {\n      transform: scale(1.2);\n      opacity: 1;\n    }\n  }\n\n  .lx-command-title {\n    margin: 25px 0 10px;\n    font-size: clamp(43px, 8vw, 94px);\n    line-height: .9;\n    font-weight: 950;\n    letter-spacing: -5px;\n    text-transform: uppercase;\n    animation: lxCommandTitleFloat 4s ease-in-out infinite;\n  }\n\n  .lx-command-title span {\n    display: inline-block;\n    background:\n      linear-gradient(\n        110deg,\n        #8d6726,\n        #ffe4a0,\n        #d6a84f,\n        #fff0bc,\n        #9a7028\n      );\n    background-size: 260% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: lxCommandGoldSweep 5s linear infinite;\n  }\n\n  @keyframes lxCommandGoldSweep {\n    to {\n      background-position: 260% center;\n    }\n  }\n\n  @keyframes lxCommandTitleFloat {\n    0%,100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  .lx-command-tagline {\n    max-width: 680px;\n    margin: 20px auto 0;\n    color: #d0d3d7;\n    font-size: clamp(16px, 2.5vw, 21px);\n    line-height: 1.65;\n  }\n\n  .lx-command-tagline strong {\n    color: var(--lx-gold-light);\n  }\n\n  \/* =========================================================\n     COMMAND TOWER VISUAL\n  ========================================================== *\/\n\n  .lx-command-stage {\n    position: relative;\n    min-height: 480px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 65px;\n    perspective: 1200px;\n  }\n\n  .lx-command-grid {\n    position: absolute;\n    width: min(720px, 100%);\n    height: 360px;\n    bottom: 10px;\n    overflow: hidden;\n    opacity: .25;\n    transform:\n      perspective(400px)\n      rotateX(63deg);\n    transform-origin: bottom;\n    background:\n      linear-gradient(\n        rgba(214,168,79,.16) 1px,\n        transparent 1px\n      ),\n      linear-gradient(\n        90deg,\n        rgba(214,168,79,.16) 1px,\n        transparent 1px\n      );\n    background-size: 45px 45px;\n    animation: lxGridMove 7s linear infinite;\n  }\n\n  @keyframes lxGridMove {\n    from {\n      background-position: 0 0;\n    }\n    to {\n      background-position: 0 90px;\n    }\n  }\n\n  .lx-command-rings {\n    position: absolute;\n    width: 390px;\n    height: 390px;\n    border-radius: 50%;\n    border: 1px solid rgba(214,168,79,.14);\n    animation: lxCommandRing 16s linear infinite;\n  }\n\n  .lx-command-rings::before,\n  .lx-command-rings::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    border: 1px dashed rgba(57,191,255,.16);\n  }\n\n  .lx-command-rings::before {\n    inset: 45px;\n  }\n\n  .lx-command-rings::after {\n    inset: 90px;\n    border-style: solid;\n  }\n\n  @keyframes lxCommandRing {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  \/* Main tower *\/\n  .lx-command-tower {\n    position: relative;\n    z-index: 5;\n    width: 245px;\n    height: 360px;\n    transform:\n      rotateY(-12deg)\n      rotateX(5deg);\n    transform-style: preserve-3d;\n    animation: lxTowerFloat 5s ease-in-out infinite;\n  }\n\n  @keyframes lxTowerFloat {\n    0%,100% {\n      transform:\n        rotateY(-12deg)\n        rotateX(5deg)\n        translateY(0);\n    }\n    50% {\n      transform:\n        rotateY(-12deg)\n        rotateX(5deg)\n        translateY(-12px);\n    }\n  }\n\n  .lx-tower-body {\n    position: absolute;\n    left: 32px;\n    top: 30px;\n    width: 181px;\n    height: 300px;\n    border-radius: 18px;\n    border: 1px solid rgba(255,255,255,.11);\n    background:\n      linear-gradient(\n        145deg,\n        #1a1c20,\n        #090a0c 70%\n      );\n    box-shadow:\n      25px 35px 50px rgba(0,0,0,.7),\n      inset 0 0 35px rgba(255,255,255,.025),\n      0 0 45px rgba(214,168,79,.07);\n  }\n\n  .lx-tower-body::before {\n    content: \"\";\n    position: absolute;\n    top: 12px;\n    bottom: 12px;\n    left: 8px;\n    width: 2px;\n    background:\n      linear-gradient(\n        transparent,\n        rgba(214,168,79,.8),\n        transparent\n      );\n    box-shadow:\n      0 0 12px rgba(214,168,79,.45);\n    animation: lxTowerEdge 3s ease-in-out infinite;\n  }\n\n  @keyframes lxTowerEdge {\n    0%,100% {\n      opacity: .35;\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n\n  \/* Personalisation panel *\/\n  .lx-command-name {\n    position: absolute;\n    z-index: 5;\n    top: 63px;\n    left: 48px;\n    width: 149px;\n    padding: 12px 7px;\n    text-align: center;\n    border-radius: 8px;\n    border: 1px solid rgba(214,168,79,.25);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(214,168,79,.09),\n        rgba(255,255,255,.015)\n      );\n    box-shadow:\n      inset 0 0 20px rgba(214,168,79,.035),\n      0 0 20px rgba(214,168,79,.04);\n  }\n\n  .lx-command-name small {\n    display: block;\n    margin-bottom: 5px;\n    color: rgba(255,255,255,.4);\n    font-size: 6px;\n    font-weight: 800;\n    letter-spacing: 2px;\n  }\n\n  .lx-command-name strong {\n    display: block;\n    color: var(--lx-gold-light);\n    font-size: 17px;\n    letter-spacing: 1px;\n    text-shadow:\n      0 0 12px rgba(214,168,79,.35);\n    animation: lxNameGlow 3s ease-in-out infinite;\n  }\n\n  @keyframes lxNameGlow {\n    0%,100% {\n      text-shadow:\n        0 0 7px rgba(214,168,79,.15);\n    }\n    50% {\n      text-shadow:\n        0 0 16px rgba(214,168,79,.6);\n    }\n  }\n\n  \/* Controller holders *\/\n  .lx-controller-slot {\n    position: absolute;\n    z-index: 4;\n    width: 118px;\n    height: 45px;\n    left: 63px;\n    border-radius: 9px;\n    border: 1px solid rgba(255,255,255,.08);\n    background:\n      linear-gradient(\n        180deg,\n        #17191d,\n        #08090b\n      );\n    box-shadow:\n      inset 0 0 20px rgba(0,0,0,.8);\n  }\n\n  .lx-controller-slot.one {\n    top: 132px;\n  }\n\n  .lx-controller-slot.two {\n    top: 195px;\n  }\n\n  .lx-controller {\n    position: absolute;\n    width: 65px;\n    height: 31px;\n    left: 26px;\n    top: 6px;\n    border-radius: 18px 18px 14px 14px;\n    background: #15171a;\n    border: 1px solid rgba(255,255,255,.13);\n    box-shadow:\n      0 5px 10px rgba(0,0,0,.5);\n    animation: lxControllerFloat 4s ease-in-out infinite;\n  }\n\n  .lx-controller::before,\n  .lx-controller::after {\n    content: \"\";\n    position: absolute;\n    top: 9px;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: #0a0b0d;\n    border: 1px solid rgba(255,255,255,.15);\n  }\n\n  .lx-controller::before {\n    left: 13px;\n  }\n\n  .lx-controller::after {\n    right: 13px;\n  }\n\n  @keyframes lxControllerFloat {\n    0%,100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-3px);\n    }\n  }\n\n  \/* Headset hook *\/\n  .lx-headset-hook {\n    position: absolute;\n    z-index: 4;\n    top: 110px;\n    right: -19px;\n    width: 28px;\n    height: 95px;\n    border-right: 4px solid #17191d;\n    border-bottom: 4px solid #17191d;\n    border-radius: 0 0 20px 0;\n  }\n\n  .lx-headset-band {\n    position: absolute;\n    z-index: 4;\n    top: 100px;\n    right: -47px;\n    width: 62px;\n    height: 83px;\n    border: 7px solid #101215;\n    border-bottom-color: transparent;\n    border-left-color: transparent;\n    border-radius: 50%;\n    transform: rotate(18deg);\n    box-shadow:\n      5px 4px 12px rgba(0,0,0,.5);\n  }\n\n  .lx-headset-band::after {\n    content: \"\";\n    position: absolute;\n    right: -9px;\n    bottom: -12px;\n    width: 18px;\n    height: 29px;\n    border-radius: 7px;\n    background: #111316;\n    box-shadow:\n      -52px 8px 0 -1px #111316;\n  }\n\n  \/* Gold base *\/\n  .lx-tower-base {\n    position: absolute;\n    z-index: 4;\n    left: 12px;\n    bottom: 2px;\n    width: 220px;\n    height: 26px;\n    border-radius: 50%;\n    background:\n      linear-gradient(\n        90deg,\n        #72521d,\n        #e3b95c,\n        #7c5a22\n      );\n    box-shadow:\n      0 12px 25px rgba(0,0,0,.7),\n      0 0 25px rgba(214,168,79,.18);\n    animation: lxBaseGlow 3s ease-in-out infinite;\n  }\n\n  @keyframes lxBaseGlow {\n    0%,100% {\n      box-shadow:\n        0 12px 25px rgba(0,0,0,.7),\n        0 0 18px rgba(214,168,79,.10);\n    }\n    50% {\n      box-shadow:\n        0 12px 25px rgba(0,0,0,.7),\n        0 0 30px rgba(214,168,79,.3);\n    }\n  }\n\n  \/* Scanner *\/\n  .lx-command-scan {\n    position: absolute;\n    z-index: 8;\n    left: 45px;\n    width: 155px;\n    height: 2px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--lx-blue),\n        transparent\n      );\n    box-shadow:\n      0 0 14px var(--lx-blue);\n    animation: lxTowerScan 4s ease-in-out infinite;\n  }\n\n  @keyframes lxTowerScan {\n    0%,100% {\n      top: 55px;\n      opacity: 0;\n    }\n    15% {\n      opacity: .8;\n    }\n    50% {\n      top: 310px;\n      opacity: 1;\n    }\n    85% {\n      opacity: .8;\n    }\n  }\n\n  \/* Floating particles *\/\n  .lx-command-particles span {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--lx-gold);\n    box-shadow:\n      0 0 10px var(--lx-gold);\n    animation: lxCommandParticle 5s ease-in-out infinite;\n  }\n\n  .lx-command-particles span:nth-child(1) {\n    left: 12%;\n    top: 20%;\n    animation-delay: -.5s;\n  }\n\n  .lx-command-particles span:nth-child(2) {\n    left: 22%;\n    bottom: 20%;\n    animation-delay: -2s;\n  }\n\n  .lx-command-particles span:nth-child(3) {\n    right: 14%;\n    top: 24%;\n    animation-delay: -3s;\n  }\n\n  .lx-command-particles span:nth-child(4) {\n    right: 20%;\n    bottom: 28%;\n    animation-delay: -1.5s;\n  }\n\n  .lx-command-particles span:nth-child(5) {\n    left: 52%;\n    top: 9%;\n    animation-delay: -4s;\n  }\n\n  @keyframes lxCommandParticle {\n    0%,100% {\n      opacity: .2;\n      transform: translateY(0) scale(.6);\n    }\n    50% {\n      opacity: 1;\n      transform: translateY(-28px) scale(1.2);\n    }\n  }\n\n  \/* =========================================================\n     INTRO\n  ========================================================== *\/\n\n  .lx-command-intro {\n    position: relative;\n    padding: 31px;\n    margin-bottom: 60px;\n    border-radius: 23px;\n    border: 1px solid rgba(214,168,79,.17);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,255,255,.045),\n        rgba(255,255,255,.012)\n      );\n    backdrop-filter: blur(15px);\n    box-shadow:\n      0 25px 60px rgba(0,0,0,.4),\n      inset 0 1px 0 rgba(255,255,255,.045);\n    overflow: hidden;\n  }\n\n  .lx-command-intro::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 70%;\n    height: 1px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--lx-gold),\n        transparent\n      );\n    animation: lxIntroSweep 5s linear infinite;\n  }\n\n  @keyframes lxIntroSweep {\n    to {\n      left: 150%;\n    }\n  }\n\n  .lx-command-intro p {\n    margin: 0;\n    color: #d0d3d7;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .lx-command-intro strong {\n    color: #fff;\n  }\n\n  \/* =========================================================\n     SECTION TITLES\n  ========================================================== *\/\n\n  .lx-command-section-title {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .lx-command-section-title small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--lx-gold-light);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  .lx-command-section-title h2 {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(28px, 5vw, 48px);\n    line-height: 1;\n    letter-spacing: -1.5px;\n  }\n\n  \/* =========================================================\n     FEATURE CARDS\n  ========================================================== *\/\n\n  .lx-command-grid-features {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 16px;\n    margin-bottom: 65px;\n  }\n\n  .lx-command-feature {\n    position: relative;\n    min-height: 205px;\n    padding: 27px;\n    border-radius: 21px;\n    border: 1px solid rgba(255,255,255,.07);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,255,255,.045),\n        rgba(255,255,255,.012)\n      );\n    overflow: hidden;\n    transition:\n      transform .45s ease,\n      border-color .45s ease,\n      box-shadow .45s ease;\n  }\n\n  .lx-command-feature::before {\n    content: \"\";\n    position: absolute;\n    width: 130px;\n    height: 130px;\n    right: -65px;\n    top: -65px;\n    border-radius: 50%;\n    background:\n      radial-gradient(\n        circle,\n        rgba(214,168,79,.16),\n        transparent 70%\n      );\n    filter: blur(10px);\n    transition: transform .5s ease;\n  }\n\n  .lx-command-feature:hover {\n    transform: translateY(-7px);\n    border-color: rgba(214,168,79,.32);\n    box-shadow:\n      0 22px 50px rgba(0,0,0,.45),\n      0 0 30px rgba(214,168,79,.05);\n  }\n\n  .lx-command-feature:hover::before {\n    transform: scale(1.7);\n  }\n\n  .lx-command-icon {\n    position: relative;\n    z-index: 2;\n    width: 46px;\n    height: 46px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 18px;\n    border-radius: 13px;\n    border: 1px solid rgba(214,168,79,.25);\n    background: rgba(214,168,79,.065);\n    color: var(--lx-gold-light);\n    font-size: 20px;\n    box-shadow:\n      inset 0 0 18px rgba(214,168,79,.04);\n    animation: lxIconPulse 3s ease-in-out infinite;\n  }\n\n  @keyframes lxIconPulse {\n    0%,100% {\n      box-shadow:\n        inset 0 0 18px rgba(214,168,79,.03);\n    }\n    50% {\n      box-shadow:\n        inset 0 0 22px rgba(214,168,79,.12),\n        0 0 18px rgba(214,168,79,.06);\n    }\n  }\n\n  .lx-command-feature h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 9px;\n    color: #fff;\n    font-size: 18px;\n  }\n\n  .lx-command-feature p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--lx-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* =========================================================\n     PERSONALISATION SPOTLIGHT\n  ========================================================== *\/\n\n  .lx-command-personal {\n    position: relative;\n    min-height: 310px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 65px;\n    border-radius: 26px;\n    border: 1px solid rgba(214,168,79,.18);\n    background:\n      radial-gradient(\n        circle at 50% 45%,\n        rgba(214,168,79,.12),\n        transparent 52%\n      ),\n      #08090b;\n    overflow: hidden;\n  }\n\n  .lx-command-personal::before,\n  .lx-command-personal::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(214,168,79,.11);\n    animation: lxPersonalOrbit 12s linear infinite;\n  }\n\n  .lx-command-personal::before {\n    width: 330px;\n    height: 330px;\n  }\n\n  .lx-command-personal::after {\n    width: 480px;\n    height: 480px;\n    border-style: dashed;\n    animation-direction: reverse;\n    opacity: .6;\n  }\n\n  @keyframes lxPersonalOrbit {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lx-command-personal-content {\n    position: relative;\n    z-index: 4;\n    text-align: center;\n    padding: 30px;\n  }\n\n  .lx-command-personal-label {\n    display: inline-block;\n    margin-bottom: 15px;\n    color: var(--lx-gold);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  .lx-command-personal-name {\n    margin: 0;\n    font-size: clamp(42px, 9vw, 82px);\n    line-height: .9;\n    font-weight: 950;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n    color: var(--lx-gold-light);\n    text-shadow:\n      0 0 18px rgba(214,168,79,.25),\n      0 0 50px rgba(214,168,79,.12);\n    animation: lxPersonalName 3.5s ease-in-out infinite;\n  }\n\n  @keyframes lxPersonalName {\n    0%,100% {\n      transform: scale(1);\n      filter: brightness(.95);\n    }\n    50% {\n      transform: scale(1.035);\n      filter: brightness(1.15);\n    }\n  }\n\n  .lx-command-personal-content p {\n    max-width: 600px;\n    margin: 18px auto 0;\n    color: #aaaeb4;\n    line-height: 1.7;\n  }\n\n  \/* =========================================================\n     COMPATIBILITY\n  ========================================================== *\/\n\n  .lx-command-platforms {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 65px;\n  }\n\n  .lx-command-platform {\n    position: relative;\n    padding: 14px 22px;\n    min-width: 130px;\n    text-align: center;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,.09);\n    background: rgba(255,255,255,.025);\n    color: #d9dbe0;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    overflow: hidden;\n    transition:\n      transform .35s ease,\n      border-color .35s ease,\n      box-shadow .35s ease;\n  }\n\n  .lx-command-platform::before {\n    content: \"\";\n    position: absolute;\n    left: -100%;\n    top: 0;\n    width: 70%;\n    height: 100%;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(214,168,79,.12),\n        transparent\n      );\n    transform: skewX(-20deg);\n    animation: lxPlatformSweep 4s linear infinite;\n  }\n\n  @keyframes lxPlatformSweep {\n    to {\n      left: 150%;\n    }\n  }\n\n  .lx-command-platform:hover {\n    transform: translateY(-4px);\n    border-color: rgba(214,168,79,.35);\n    box-shadow:\n      0 10px 25px rgba(0,0,0,.35);\n  }\n\n  \/* =========================================================\n     GIFT\n  ========================================================== *\/\n\n  .lx-command-gift {\n    position: relative;\n    padding: 45px 28px;\n    margin-bottom: 50px;\n    text-align: center;\n    border-radius: 26px;\n    border: 1px solid rgba(214,168,79,.19);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(214,168,79,.07),\n        rgba(255,255,255,.015)\n      );\n    overflow: hidden;\n  }\n\n  .lx-command-gift::before {\n    content: \"YOURS\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform:\n      translate(-50%,-50%)\n      rotate(-8deg);\n    font-size: clamp(80px, 17vw, 180px);\n    font-weight: 950;\n    letter-spacing: -8px;\n    color: rgba(255,255,255,.018);\n    white-space: nowrap;\n    pointer-events: none;\n  }\n\n  .lx-command-gift h2,\n  .lx-command-gift p {\n    position: relative;\n    z-index: 2;\n  }\n\n  .lx-command-gift h2 {\n    margin: 0 0 12px;\n    color: #fff;\n    font-size: clamp(27px, 5vw, 44px);\n  }\n\n  .lx-command-gift p {\n    max-width: 660px;\n    margin: 0 auto;\n    color: #aaaeb4;\n    line-height: 1.7;\n  }\n\n  \/* =========================================================\n     FINAL CTA\n  ========================================================== *\/\n\n  .lx-command-final {\n    text-align: center;\n  }\n\n  .lx-command-final-line {\n    width: min(320px, 70%);\n    height: 1px;\n    margin: 0 auto 27px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--lx-gold),\n        #fff0bd,\n        var(--lx-gold),\n        transparent\n      );\n    box-shadow:\n      0 0 20px rgba(214,168,79,.25);\n  }\n\n  .lx-command-final h2 {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(25px, 5vw, 43px);\n    letter-spacing: -1px;\n  }\n\n  .lx-command-final h2 span {\n    color: var(--lx-gold-light);\n    text-shadow:\n      0 0 18px rgba(214,168,79,.2);\n  }\n\n  .lx-command-final p {\n    margin: 13px 0 0;\n    color: #74777c;\n    font-size: 11px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  \/* =========================================================\n     MOBILE\n  ========================================================== *\/\n\n  @media (max-width: 720px) {\n\n    .lx-commandtower {\n      padding: 50px 14px;\n    }\n\n    .lx-command-title {\n      font-size: clamp(48px, 16vw, 82px);\n      letter-spacing: -4px;\n    }\n\n    .lx-command-tagline {\n      font-size: 15px;\n    }\n\n    .lx-command-stage {\n      min-height: 390px;\n      transform: scale(.9);\n      margin-top: -15px;\n      margin-bottom: 30px;\n    }\n\n    .lx-command-rings {\n      width: 310px;\n      height: 310px;\n    }\n\n    .lx-command-tower {\n      transform:\n        rotateY(-8deg)\n        rotateX(4deg)\n        scale(.86);\n    }\n\n    .lx-command-grid-features {\n      grid-template-columns: 1fr;\n    }\n\n    .lx-command-feature {\n      min-height: auto;\n    }\n\n    .lx-command-intro {\n      padding: 23px;\n    }\n\n    .lx-command-intro p {\n      font-size: 14px;\n    }\n\n    .lx-command-personal {\n      min-height: 290px;\n    }\n\n    .lx-command-personal-name {\n      font-size: clamp(42px, 15vw, 72px);\n    }\n\n    .lx-command-platform {\n      min-width: 115px;\n    }\n\n    .lx-command-gift {\n      padding: 38px 22px;\n    }\n  }\n\n  \/* =========================================================\n     REDUCED MOTION\n  ========================================================== *\/\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .lx-commandtower *,\n    .lx-commandtower *::before,\n    .lx-commandtower *::after {\n      animation-duration: .001ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n    }\n\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lx-commandtower\"\u003e\n\u003cdiv class=\"lx-command-container\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"lx-command-hero\"\u003e\n\u003cdiv class=\"lx-command-badge\"\u003e\n\u003cspan class=\"lx-command-dot\"\u003e\u003c\/span\u003e LOADOUTX™ CUSTOM SETUP\u003c\/div\u003e\n\u003ch1 class=\"lx-command-title\"\u003e\u003cspan\u003eCOMMAND TOWER\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"lx-command-tagline\"\u003eYour setup. Your name. Your command centre. \u003cstrong\u003eMake your gear unmistakably yours.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         ANIMATED COMMAND TOWER\n    ====================================================== --\u003e\n\u003csection class=\"lx-command-stage\"\u003e\n\u003cdiv class=\"lx-command-grid\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-command-rings\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-command-particles\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-command-tower\"\u003e\n\u003c!-- Tower body --\u003e\n\u003cdiv class=\"lx-tower-body\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Personalised name --\u003e\n\u003cdiv class=\"lx-command-name\"\u003e\n\u003csmall\u003eCUSTOM ID\u003c\/small\u003e \u003cstrong\u003eGAMERTAG\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- Controller slots --\u003e\n\u003cdiv class=\"lx-controller-slot one\"\u003e\n\u003cdiv class=\"lx-controller\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-controller-slot two\"\u003e\n\u003cdiv class=\"lx-controller\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Headset --\u003e\n\u003cdiv class=\"lx-headset-hook\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-headset-band\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Scanner --\u003e\n\u003cdiv class=\"lx-command-scan\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Base --\u003e\n\u003cdiv class=\"lx-tower-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         INTRO\n    ====================================================== --\u003e\n\u003csection class=\"lx-command-intro\"\u003e\n\u003cp\u003eControllers on the couch, a headset on the floor, cables everywhere. Sound familiar? The \u003cstrong\u003eLoadoutX™ CommandTower\u003c\/strong\u003e gives all your gear one sleek home. Personalise it with your name or gamertag and turn an everyday accessory into a statement piece built around you.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURES\n    ====================================================== --\u003e\n\u003csection\u003e\n\u003cdiv class=\"lx-command-section-title\"\u003e\n\u003csmall\u003eYOUR GEAR. ONE HOME.\u003c\/small\u003e\n\u003ch2\u003eCommand your setup.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-command-grid-features\"\u003e\n\u003c!-- Personalisation --\u003e\n\u003carticle class=\"lx-command-feature\"\u003e\n\u003cdiv class=\"lx-command-icon\"\u003e✍️\u003c\/div\u003e\n\u003ch3\u003eMade Just For You\u003c\/h3\u003e\n\u003cp\u003eAdd your name, gamertag or custom touch to create a stand that feels genuinely yours. Your setup deserves a signature.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- Storage --\u003e\n\u003carticle class=\"lx-command-feature\"\u003e\n\u003cdiv class=\"lx-command-icon\"\u003e🎧\u003c\/div\u003e\n\u003ch3\u003e3-in-1 Storage\u003c\/h3\u003e\n\u003cp\u003eKeep your headset and controllers together in one organised stand, keeping your essential gear protected and within reach.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- Compatibility --\u003e\n\u003carticle class=\"lx-command-feature\"\u003e\n\u003cdiv class=\"lx-command-icon\"\u003e🕹️\u003c\/div\u003e\n\u003ch3\u003ePS5 \u0026amp; Xbox Ready\u003c\/h3\u003e\n\u003cp\u003eDesigned for PS5 and Xbox controllers, making it an easy fit whether your setup is PlayStation, Xbox or both.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- Space --\u003e\n\u003carticle class=\"lx-command-feature\"\u003e\n\u003cdiv class=\"lx-command-icon\"\u003e📐\u003c\/div\u003e\n\u003ch3\u003eMore Desk Space\u003c\/h3\u003e\n\u003cp\u003eThe upright design keeps your gear elevated and organised, freeing up valuable room for your keyboard, mouse and essentials.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- Protection --\u003e\n\u003carticle class=\"lx-command-feature\"\u003e\n\u003cdiv class=\"lx-command-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eKeep Gear Safe\u003c\/h3\u003e\n\u003cp\u003eGive your controllers and headset a dedicated home instead of leaving them loose on your desk, couch or buried in a drawer.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- Premium --\u003e\n\u003carticle class=\"lx-command-feature\"\u003e\n\u003cdiv class=\"lx-command-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eThe Finishing Touch\u003c\/h3\u003e\n\u003cp\u003eClean, organised and premium. The CommandTower turns your gear into part of the setup instead of another source of clutter.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         PERSONALISATION SPOTLIGHT\n    ====================================================== --\u003e\n\u003csection class=\"lx-command-personal\"\u003e\n\u003cdiv class=\"lx-command-personal-content\"\u003e\n\u003cdiv class=\"lx-command-personal-label\"\u003ePERSONALISE YOUR COMMAND CENTRE\u003c\/div\u003e\n\u003cdiv class=\"lx-command-personal-name\"\u003eYOUR TAG\u003c\/div\u003e\n\u003cp\u003eAdd your name, gamertag or custom detail and transform your CommandTower from a gaming accessory into something that belongs exclusively to your setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         COMPATIBILITY\n    ====================================================== --\u003e\n\u003csection\u003e\n\u003cdiv class=\"lx-command-section-title\"\u003e\n\u003csmall\u003eBUILT FOR GAMERS\u003c\/small\u003e\n\u003ch2\u003eOne tower. Multiple setups.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-command-platforms\"\u003e\n\u003cdiv class=\"lx-command-platform\"\u003e🎮 PS5\u003c\/div\u003e\n\u003cdiv class=\"lx-command-platform\"\u003e🎮 Xbox\u003c\/div\u003e\n\u003cdiv class=\"lx-command-platform\"\u003e🎧 Headsets\u003c\/div\u003e\n\u003cdiv class=\"lx-command-platform\"\u003e🕹️ Controllers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         GIFT\n    ====================================================== --\u003e\n\u003csection class=\"lx-command-gift\"\u003e\n\u003ch2\u003eA gift with their name on it.\u003c\/h2\u003e\n\u003cp\u003eBirthdays, Christmas or simply a surprise for the gamer in your life. A personalised CommandTower turns a practical gaming accessory into something memorable they'll actually use every day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FINAL CTA\n    ====================================================== --\u003e\n\u003csection class=\"lx-command-final\"\u003e\n\u003cdiv class=\"lx-command-final-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eYour gear. Your name. \u003cspan\u003eYour rules.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eLoadoutX™ CommandTower · Built around your setup\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50559580864651,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/commandtower-personalised-with-loadoutx.png?v=1790552429","url":"https:\/\/loadoutx.co.za\/products\/loadoutx%e2%84%a2-commandtower-personalised-3-in-1-headset-controller-stand","provider":"LoadoutX","version":"1.0","type":"link"}