{"product_id":"duocharge-ps5-controller-dual-charging-dock-led","title":"DuoCharge — PS5 Controller Dual Charging Dock \u0026 LED","description":"\u003c!-- LOADOUTX™ DUOCHARGE — PREMIUM ANIMATED PRODUCT DESCRIPTION --\u003e\n\u003cstyle\u003e\n    .lx-duocharge {\n      --gold: #d4af37;\n      --gold-light: #f4d873;\n      --gold-bright: #fff2aa;\n      --black: #030303;\n      --charcoal: #0b0b0b;\n      --white: #f7f7f7;\n      --muted: #a6a6a6;\n      --border: rgba(212,175,55,.22);\n\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      padding: 75px 22px;\n\n      color: var(--white);\n\n      background:\n        radial-gradient(\n          circle at 12% 10%,\n          rgba(212,175,55,.12),\n          transparent 30%\n        ),\n        radial-gradient(\n          circle at 88% 82%,\n          rgba(212,175,55,.075),\n          transparent 31%\n        ),\n        linear-gradient(\n          145deg,\n          #020202 0%,\n          #0b0b0b 48%,\n          #030303 100%\n        );\n\n      border-radius: 20px;\n\n      font-family: Arial, Helvetica, sans-serif;\n\n      isolation: isolate;\n    }\n\n    .lx-duocharge *,\n    .lx-duocharge *::before,\n    .lx-duocharge *::after {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================\n       AMBIENT GLOW\n    ========================================= *\/\n\n    .lx-dc-glow {\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n      filter: blur(16px);\n      z-index: -2;\n    }\n\n    .lx-dc-glow.one {\n      width: 340px;\n      height: 340px;\n      top: -170px;\n      left: -110px;\n\n      background: rgba(212,175,55,.10);\n\n      animation:\n        dcGlowOne 8s ease-in-out infinite;\n    }\n\n    .lx-dc-glow.two {\n      width: 310px;\n      height: 310px;\n      right: -130px;\n      bottom: -150px;\n\n      background: rgba(212,175,55,.075);\n\n      animation:\n        dcGlowTwo 10s ease-in-out infinite;\n    }\n\n\n    \/* =========================================\n       ENERGY PARTICLES\n    ========================================= *\/\n\n    .lx-dc-particles {\n      position: absolute;\n      inset: 0;\n\n      overflow: hidden;\n      pointer-events: none;\n\n      z-index: -1;\n    }\n\n    .lx-dc-particles span {\n      position: absolute;\n\n      width: 3px;\n      height: 3px;\n\n      border-radius: 50%;\n\n      background: var(--gold-light);\n\n      box-shadow:\n        0 0 12px rgba(244,216,115,.9);\n\n      opacity: .2;\n\n      animation:\n        dcParticle 7s linear infinite;\n    }\n\n    .lx-dc-particles span:nth-child(1) {\n      left: 10%;\n      bottom: -10px;\n      animation-delay: 0s;\n    }\n\n    .lx-dc-particles span:nth-child(2) {\n      left: 26%;\n      bottom: -15px;\n      animation-delay: 2.2s;\n    }\n\n    .lx-dc-particles span:nth-child(3) {\n      left: 51%;\n      bottom: -20px;\n      animation-delay: 4s;\n    }\n\n    .lx-dc-particles span:nth-child(4) {\n      left: 73%;\n      bottom: -10px;\n      animation-delay: 1.3s;\n    }\n\n    .lx-dc-particles span:nth-child(5) {\n      left: 91%;\n      bottom: -20px;\n      animation-delay: 3.5s;\n    }\n\n\n    \/* =========================================\n       MAIN\n    ========================================= *\/\n\n    .lx-dc-inner {\n      position: relative;\n\n      max-width: 1080px;\n\n      margin: 0 auto;\n\n      text-align: center;\n    }\n\n\n    \/* =========================================\n       BADGE\n    ========================================= *\/\n\n    .lx-dc-badge {\n      display: inline-flex;\n\n      align-items: center;\n      gap: 9px;\n\n      padding: 9px 17px;\n\n      margin-bottom: 23px;\n\n      border: 1px solid rgba(212,175,55,.3);\n\n      border-radius: 999px;\n\n      background: rgba(212,175,55,.05);\n\n      color: var(--gold-light);\n\n      font-size: 10px;\n      font-weight: 800;\n\n      letter-spacing: 2.8px;\n\n      text-transform: uppercase;\n\n      box-shadow:\n        0 0 25px rgba(212,175,55,.07),\n        inset 0 0 18px rgba(255,255,255,.02);\n\n      animation:\n        dcBadgeIn .9s ease both,\n        dcBadgePulse 3s ease-in-out 1s infinite;\n    }\n\n    .lx-dc-status {\n      width: 7px;\n      height: 7px;\n\n      border-radius: 50%;\n\n      background: var(--gold-light);\n\n      box-shadow:\n        0 0 15px rgba(244,216,115,1);\n\n      animation:\n        dcStatus 1.8s ease-in-out infinite;\n    }\n\n\n    \/* =========================================\n       TITLE\n    ========================================= *\/\n\n    .lx-dc-title {\n      margin: 0;\n\n      font-size: clamp(38px, 6.5vw, 72px);\n\n      line-height: .96;\n\n      font-weight: 900;\n\n      letter-spacing: -2.8px;\n\n      text-transform: uppercase;\n\n      background:\n        linear-gradient(\n          110deg,\n          var(--gold),\n          var(--gold-bright),\n          var(--gold-light),\n          var(--gold),\n          var(--gold-bright)\n        );\n\n      background-size: 300% auto;\n\n      -webkit-background-clip: text;\n      background-clip: text;\n\n      color: transparent;\n\n      animation:\n        dcTitleIn 1s ease .1s both,\n        dcGoldFlow 5s linear infinite;\n    }\n\n    .lx-dc-subtitle {\n      max-width: 700px;\n\n      margin: 18px auto 0;\n\n      color: #d0d0d0;\n\n      font-size: clamp(15px, 2vw, 18px);\n\n      line-height: 1.65;\n\n      animation:\n        dcFadeUp 1s ease .3s both;\n    }\n\n\n    \/* =========================================\n       ANIMATED POWER STATION\n    ========================================= *\/\n\n    .lx-dc-station {\n      position: relative;\n\n      width: 300px;\n      height: 190px;\n\n      margin: 45px auto 15px;\n\n      perspective: 700px;\n\n      animation:\n        dcStationIn 1s ease .45s both;\n    }\n\n    .lx-dc-station-base {\n      position: absolute;\n\n      left: 50%;\n      bottom: 10px;\n\n      width: 245px;\n      height: 62px;\n\n      transform:\n        translateX(-50%)\n        rotateX(48deg);\n\n      border-radius: 15px;\n\n      border: 1px solid rgba(212,175,55,.38);\n\n      background:\n        linear-gradient(\n          145deg,\n          #202020,\n          #080808\n        );\n\n      box-shadow:\n        0 30px 45px rgba(0,0,0,.7),\n        0 0 30px rgba(212,175,55,.08),\n        inset 0 1px 0 rgba(255,255,255,.08);\n    }\n\n    .lx-dc-station-base::after {\n      content: \"\";\n\n      position: absolute;\n\n      left: 8%;\n      right: 8%;\n      bottom: 7px;\n\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          var(--gold),\n          transparent\n        );\n\n      animation:\n        dcPowerLine 2.5s ease-in-out infinite;\n    }\n\n\n    \/* Controllers *\/\n\n    .lx-dc-controller {\n      position: absolute;\n\n      width: 100px;\n      height: 62px;\n\n      top: 47px;\n\n      border-radius: 27px;\n\n      border: 1px solid rgba(255,255,255,.12);\n\n      background:\n        linear-gradient(\n          145deg,\n          #252525,\n          #080808\n        );\n\n      box-shadow:\n        0 18px 30px rgba(0,0,0,.55),\n        inset 0 1px 0 rgba(255,255,255,.08);\n\n      animation:\n        dcControllerFloat 4s ease-in-out infinite;\n    }\n\n    .lx-dc-controller.left {\n      left: 23px;\n      transform: rotate(-5deg);\n    }\n\n    .lx-dc-controller.right {\n      right: 23px;\n      transform: rotate(5deg);\n\n      animation-delay: 1.1s;\n    }\n\n    .lx-dc-controller::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 11px;\n      height: 11px;\n\n      top: 18px;\n      left: 18px;\n\n      border-radius: 50%;\n\n      background: #111;\n\n      box-shadow:\n        22px 0 0 #111;\n    }\n\n    .lx-dc-controller::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 8px;\n      height: 8px;\n\n      right: 18px;\n      top: 18px;\n\n      border-radius: 50%;\n\n      background: var(--gold-light);\n\n      box-shadow:\n        0 0 12px rgba(244,216,115,.9);\n    }\n\n\n    \/* Charging beams *\/\n\n    .lx-dc-beam {\n      position: absolute;\n\n      width: 2px;\n      height: 55px;\n\n      top: 105px;\n\n      background:\n        linear-gradient(\n          180deg,\n          transparent,\n          var(--gold-light),\n          transparent\n        );\n\n      box-shadow:\n        0 0 14px rgba(244,216,115,.7);\n\n      animation:\n        dcBeam 1.5s ease-in-out infinite;\n    }\n\n    .lx-dc-beam.left {\n      left: 70px;\n    }\n\n    .lx-dc-beam.right {\n      right: 70px;\n\n      animation-delay: .55s;\n    }\n\n\n    \/* Central energy icon *\/\n\n    .lx-dc-energy {\n      position: absolute;\n\n      left: 50%;\n      top: 83px;\n\n      transform: translateX(-50%);\n\n      width: 43px;\n      height: 43px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      border: 1px solid rgba(212,175,55,.35);\n\n      background:\n        rgba(212,175,55,.07);\n\n      color: var(--gold-light);\n\n      font-size: 20px;\n\n      box-shadow:\n        0 0 25px rgba(212,175,55,.12);\n\n      animation:\n        dcEnergyPulse 2s ease-in-out infinite;\n    }\n\n\n    \/* =========================================\n       HERO GLASS PANEL\n    ========================================= *\/\n\n    .lx-dc-hero {\n      position: relative;\n\n      max-width: 920px;\n\n      margin: 28px auto 0;\n\n      padding: 40px 35px;\n\n      border-radius: 25px;\n\n      border: 1px solid var(--border);\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.065),\n          rgba(255,255,255,.015)\n        );\n\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n\n      box-shadow:\n        0 35px 90px rgba(0,0,0,.58),\n        inset 0 1px 0 rgba(255,255,255,.06);\n\n      overflow: hidden;\n\n      animation:\n        dcFadeUp 1s ease .6s both;\n    }\n\n    .lx-dc-hero::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: -130%;\n\n      width: 75%;\n      height: 100%;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          rgba(255,255,255,.07),\n          transparent\n        );\n\n      transform: skewX(-22deg);\n\n      animation:\n        dcSweep 6s ease-in-out infinite;\n    }\n\n    .lx-dc-hero-text {\n      position: relative;\n\n      max-width: 800px;\n\n      margin: 0 auto;\n\n      color: #d8d8d8;\n\n      font-size: 16px;\n\n      line-height: 1.85;\n    }\n\n    .lx-dc-hero-text strong {\n      color: var(--gold-light);\n    }\n\n\n    \/* =========================================\n       SECTION\n    ========================================= *\/\n\n    .lx-dc-section {\n      margin-top: 70px;\n\n      animation:\n        dcFadeUp 1s ease .7s both;\n    }\n\n    .lx-dc-label {\n      display: inline-block;\n\n      margin-bottom: 12px;\n\n      color: var(--gold-light);\n\n      font-size: 10px;\n      font-weight: 800;\n\n      letter-spacing: 3px;\n\n      text-transform: uppercase;\n    }\n\n    .lx-dc-section-title {\n      margin: 0 0 32px;\n\n      color: #fff;\n\n      font-size: clamp(27px, 4vw, 40px);\n\n      line-height: 1.1;\n\n      font-weight: 900;\n\n      letter-spacing: -1px;\n    }\n\n    .lx-dc-section-title span {\n      color: var(--gold-light);\n    }\n\n\n    \/* =========================================\n       FEATURE CARDS\n    ========================================= *\/\n\n    .lx-dc-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 17px;\n\n      text-align: left;\n    }\n\n    .lx-dc-card {\n      position: relative;\n\n      min-height: 215px;\n\n      padding: 29px;\n\n      border-radius: 21px;\n\n      border: 1px solid rgba(255,255,255,.07);\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.055),\n          rgba(255,255,255,.015)\n        );\n\n      box-shadow:\n        0 20px 50px rgba(0,0,0,.3),\n        inset 0 1px 0 rgba(255,255,255,.035);\n\n      overflow: hidden;\n\n      transition:\n        transform .45s ease,\n        border-color .45s ease,\n        box-shadow .45s ease;\n\n      animation:\n        dcCardIn .8s ease both;\n    }\n\n    .lx-dc-card:nth-child(1) {\n      animation-delay: .8s;\n    }\n\n    .lx-dc-card:nth-child(2) {\n      animation-delay: .92s;\n    }\n\n    .lx-dc-card:nth-child(3) {\n      animation-delay: 1.04s;\n    }\n\n    .lx-dc-card:nth-child(4) {\n      animation-delay: 1.16s;\n    }\n\n    .lx-dc-card:nth-child(5) {\n      grid-column: span 2;\n      animation-delay: 1.28s;\n    }\n\n    \/* Gold scanner *\/\n\n    .lx-dc-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: -120%;\n\n      width: 90%;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          var(--gold-light),\n          transparent\n        );\n\n      animation:\n        dcScan 4s ease-in-out infinite;\n    }\n\n    .lx-dc-card:hover {\n      transform: translateY(-8px);\n\n      border-color: rgba(212,175,55,.38);\n\n      box-shadow:\n        0 30px 70px rgba(0,0,0,.46),\n        0 0 35px rgba(212,175,55,.07);\n    }\n\n    .lx-dc-icon {\n      width: 52px;\n      height: 52px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      margin-bottom: 19px;\n\n      border-radius: 15px;\n\n      border: 1px solid rgba(212,175,55,.21);\n\n      background:\n        rgba(212,175,55,.065);\n\n      font-size: 24px;\n\n      box-shadow:\n        inset 0 0 20px rgba(212,175,55,.035);\n\n      transition:\n        transform .4s ease,\n        box-shadow .4s ease;\n    }\n\n    .lx-dc-card:hover .lx-dc-icon {\n      transform:\n        scale(1.1)\n        rotate(-4deg);\n\n      box-shadow:\n        0 0 25px rgba(212,175,55,.13);\n    }\n\n    .lx-dc-card h3 {\n      margin: 0 0 10px;\n\n      color: #fff;\n\n      font-size: 17px;\n\n      line-height: 1.25;\n\n      font-weight: 850;\n    }\n\n    .lx-dc-card h3 span {\n      color: var(--gold-light);\n    }\n\n    .lx-dc-card p {\n      margin: 0;\n\n      color: var(--muted);\n\n      font-size: 14px;\n\n      line-height: 1.7;\n    }\n\n\n    \/* =========================================\n       CHARGING STATUS PANEL\n    ========================================= *\/\n\n    .lx-dc-status-panel {\n      position: relative;\n\n      margin-top: 67px;\n\n      padding: 38px 28px;\n\n      border-radius: 24px;\n\n      border: 1px solid rgba(212,175,55,.18);\n\n      background:\n        radial-gradient(\n          circle at 50% 0%,\n          rgba(212,175,55,.10),\n          transparent 60%\n        ),\n        rgba(255,255,255,.025);\n\n      overflow: hidden;\n    }\n\n    .lx-dc-status-title {\n      margin: 0 0 28px;\n\n      color: #fff;\n\n      font-size: clamp(24px, 4vw, 34px);\n\n      font-weight: 900;\n    }\n\n    .lx-dc-status-title span {\n      color: var(--gold-light);\n    }\n\n\n    \/* Battery *\/\n\n    .lx-dc-battery {\n      position: relative;\n\n      max-width: 600px;\n\n      height: 22px;\n\n      margin: 0 auto 19px;\n\n      border-radius: 999px;\n\n      border: 1px solid rgba(212,175,55,.25);\n\n      background: rgba(255,255,255,.035);\n\n      overflow: hidden;\n\n      box-shadow:\n        inset 0 0 15px rgba(0,0,0,.6);\n    }\n\n    .lx-dc-battery::after {\n      content: \"\";\n\n      position: absolute;\n\n      right: -7px;\n      top: 6px;\n\n      width: 6px;\n      height: 10px;\n\n      border-radius: 0 3px 3px 0;\n\n      background: var(--gold);\n    }\n\n    .lx-dc-battery-fill {\n      position: absolute;\n\n      top: 3px;\n      bottom: 3px;\n      left: 3px;\n\n      width: 94%;\n\n      border-radius: 999px;\n\n      background:\n        linear-gradient(\n          90deg,\n          #80691e,\n          var(--gold),\n          var(--gold-bright)\n        );\n\n      box-shadow:\n        0 0 18px rgba(212,175,55,.45);\n\n      animation:\n        dcBattery 3s ease-in-out infinite;\n    }\n\n    .lx-dc-battery-label {\n      color: #aaa;\n\n      font-size: 12px;\n\n      letter-spacing: 1px;\n    }\n\n\n    \/* =========================================\n       WHY YOU'LL LOVE IT\n    ========================================= *\/\n\n    .lx-dc-love {\n      margin-top: 57px;\n    }\n\n    .lx-dc-love-title {\n      margin: 0 0 25px;\n\n      color: #fff;\n\n      font-size: clamp(24px, 4vw, 34px);\n\n      font-weight: 900;\n    }\n\n    .lx-dc-love-title span {\n      color: var(--gold-light);\n    }\n\n    .lx-dc-list {\n      display: grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 12px;\n\n      max-width: 850px;\n\n      margin: 0 auto;\n\n      text-align: left;\n    }\n\n    .lx-dc-list-item {\n      display: flex;\n\n      align-items: center;\n\n      gap: 13px;\n\n      padding: 15px 17px;\n\n      border-radius: 14px;\n\n      border: 1px solid rgba(255,255,255,.06);\n\n      background: rgba(255,255,255,.025);\n\n      color: #c9c9c9;\n\n      font-size: 13px;\n\n      line-height: 1.45;\n\n      transition:\n        transform .35s ease,\n        border-color .35s ease,\n        background .35s ease;\n    }\n\n    .lx-dc-list-item:hover {\n      transform: translateX(5px);\n\n      border-color: rgba(212,175,55,.25);\n\n      background: rgba(212,175,55,.04);\n    }\n\n    .lx-dc-list-icon {\n      flex: 0 0 auto;\n\n      width: 30px;\n      height: 30px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 9px;\n\n      background: rgba(212,175,55,.075);\n\n      font-size: 15px;\n    }\n\n\n    \/* =========================================\n       FINAL CTA\n    ========================================= *\/\n\n    .lx-dc-final {\n      margin-top: 57px;\n\n      padding-top: 35px;\n\n      border-top: 1px solid rgba(255,255,255,.07);\n\n      animation:\n        dcFadeUp 1s ease 1.35s both;\n    }\n\n    .lx-dc-final-main {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(22px, 4vw, 33px);\n\n      line-height: 1.3;\n\n      font-weight: 900;\n    }\n\n    .lx-dc-final-main span {\n      color: var(--gold-light);\n    }\n\n    .lx-dc-final-sub {\n      margin: 13px 0 0;\n\n      color: #8d8d8d;\n\n      font-size: 12px;\n\n      font-weight: 700;\n\n      letter-spacing: 2px;\n    }\n\n\n    \/* =========================================\n       ANIMATIONS\n    ========================================= *\/\n\n    @keyframes dcGoldFlow {\n      0% {\n        background-position: 0% 50%;\n      }\n\n      50% {\n        background-position: 100% 50%;\n      }\n\n      100% {\n        background-position: 0% 50%;\n      }\n    }\n\n    @keyframes dcTitleIn {\n      from {\n        opacity: 0;\n        transform: translateY(26px);\n        filter: blur(10px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n      }\n    }\n\n    @keyframes dcFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(25px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes dcBadgeIn {\n      from {\n        opacity: 0;\n        transform: translateY(-12px) scale(.95);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    @keyframes dcBadgePulse {\n      0%,\n      100% {\n        box-shadow:\n          0 0 20px rgba(212,175,55,.07),\n          inset 0 0 18px rgba(255,255,255,.02);\n      }\n\n      50% {\n        box-shadow:\n          0 0 35px rgba(212,175,55,.16),\n          inset 0 0 20px rgba(255,255,255,.025);\n      }\n    }\n\n    @keyframes dcStatus {\n      0%,\n      100% {\n        transform: scale(.8);\n        opacity: .6;\n      }\n\n      50% {\n        transform: scale(1.25);\n        opacity: 1;\n      }\n    }\n\n    @keyframes dcGlowOne {\n      0%,\n      100% {\n        transform: translate(0,0) scale(1);\n      }\n\n      50% {\n        transform: translate(35px,25px) scale(1.1);\n      }\n    }\n\n    @keyframes dcGlowTwo {\n      0%,\n      100% {\n        transform: translate(0,0) scale(1);\n      }\n\n      50% {\n        transform: translate(-30px,-25px) scale(1.08);\n      }\n    }\n\n    @keyframes dcParticle {\n      0% {\n        transform: translateY(0) scale(.7);\n        opacity: 0;\n      }\n\n      15% {\n        opacity: .3;\n      }\n\n      80% {\n        opacity: .15;\n      }\n\n      100% {\n        transform: translateY(-850px) scale(1.2);\n        opacity: 0;\n      }\n    }\n\n    @keyframes dcStationIn {\n      from {\n        opacity: 0;\n        transform: translateY(25px) scale(.94);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    @keyframes dcControllerFloat {\n      0%,\n      100% {\n        margin-top: 0;\n      }\n\n      50% {\n        margin-top: -7px;\n      }\n    }\n\n    @keyframes dcPowerLine {\n      0%,\n      100% {\n        opacity: .35;\n      }\n\n      50% {\n        opacity: 1;\n        box-shadow:\n          0 0 15px rgba(212,175,55,.7);\n      }\n    }\n\n    @keyframes dcBeam {\n      0%,\n      100% {\n        opacity: .25;\n        transform: scaleY(.55);\n      }\n\n      50% {\n        opacity: 1;\n        transform: scaleY(1);\n      }\n    }\n\n    @keyframes dcEnergyPulse {\n      0%,\n      100% {\n        transform: translateX(-50%) scale(.92);\n        box-shadow:\n          0 0 18px rgba(212,175,55,.08);\n      }\n\n      50% {\n        transform: translateX(-50%) scale(1.08);\n        box-shadow:\n          0 0 30px rgba(212,175,55,.2);\n      }\n    }\n\n    @keyframes dcSweep {\n      0%,\n      45% {\n        left: -130%;\n      }\n\n      65%,\n      100% {\n        left: 140%;\n      }\n    }\n\n    @keyframes dcCardIn {\n      from {\n        opacity: 0;\n        transform: translateY(32px) scale(.98);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    @keyframes dcScan {\n      0% {\n        transform: translateX(-120%);\n      }\n\n      45%,\n      100% {\n        transform: translateX(240%);\n      }\n    }\n\n    @keyframes dcBattery {\n      0%,\n      100% {\n        width: 82%;\n      }\n\n      50% {\n        width: 96%;\n      }\n    }\n\n\n    \/* =========================================\n       TABLET\n    ========================================= *\/\n\n    @media (max-width: 760px) {\n\n      .lx-duocharge {\n        padding: 58px 16px;\n        border-radius: 15px;\n      }\n\n      .lx-dc-hero {\n        padding: 32px 23px;\n        border-radius: 21px;\n      }\n\n      .lx-dc-grid {\n        grid-template-columns: 1fr;\n        gap: 13px;\n      }\n\n      .lx-dc-card {\n        min-height: auto;\n        padding: 23px;\n      }\n\n      .lx-dc-card:nth-child(5) {\n        grid-column: auto;\n      }\n\n      .lx-dc-list {\n        grid-template-columns: 1fr;\n      }\n\n    }\n\n\n    \/* =========================================\n       MOBILE\n    ========================================= *\/\n\n    @media (max-width: 480px) {\n\n      .lx-duocharge {\n        padding: 45px 13px;\n      }\n\n      .lx-dc-badge {\n        padding: 8px 13px;\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n\n      .lx-dc-title {\n        font-size: 39px;\n        letter-spacing: -1.7px;\n      }\n\n      .lx-dc-subtitle {\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .lx-dc-station {\n        width: 275px;\n        transform: scale(.92);\n        transform-origin: center top;\n        margin-bottom: -5px;\n      }\n\n      .lx-dc-hero {\n        margin-top: 5px;\n        padding: 28px 19px;\n      }\n\n      .lx-dc-hero-text {\n        font-size: 14px;\n        line-height: 1.75;\n      }\n\n      .lx-dc-section-title {\n        font-size: 25px;\n      }\n\n      .lx-dc-card {\n        padding: 21px;\n        border-radius: 17px;\n      }\n\n      .lx-dc-card h3 {\n        font-size: 16px;\n      }\n\n      .lx-dc-card p {\n        font-size: 13px;\n      }\n\n      .lx-dc-status-panel {\n        margin-top: 47px;\n        padding: 29px 18px;\n      }\n\n      .lx-dc-list-item {\n        font-size: 12.5px;\n      }\n\n      .lx-dc-final {\n        margin-top: 44px;\n      }\n\n    }\n\n\n    \/* =========================================\n       REDUCED MOTION\n    ========================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .lx-duocharge *,\n      .lx-duocharge *::before,\n      .lx-duocharge *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .01ms !important;\n      }\n\n    }\n\n  \u003c\/style\u003e\n\u003cdiv class=\"lx-duocharge\"\u003e\n\u003c!-- AMBIENT EFFECTS --\u003e\n\u003cdiv class=\"lx-dc-glow one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-glow two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-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-dc-inner\"\u003e\n\u003c!-- BADGE --\u003e\n\u003cdiv class=\"lx-dc-badge\"\u003e\n\u003cspan class=\"lx-dc-status\"\u003e\u003c\/span\u003e LOADOUTX™ POWER SERIES\u003c\/div\u003e\n\u003c!-- TITLE --\u003e\n\u003ch2 class=\"lx-dc-title\"\u003eStay Powered.\u003cbr\u003eStay In The Game.\u003c\/h2\u003e\n\u003cp class=\"lx-dc-subtitle\"\u003eNever lose a match to a dead controller again. \u003cspan\u003e🎮\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- ANIMATED CHARGING STATION --\u003e\n\u003cdiv class=\"lx-dc-station\"\u003e\n\u003cdiv class=\"lx-dc-controller left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-controller right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-beam left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-beam right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-energy\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-station-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO COPY --\u003e\n\u003cdiv class=\"lx-dc-hero\"\u003e\n\u003cp class=\"lx-dc-hero-text\"\u003eThe \u003cstrong\u003eLoadoutX™ DuoCharge\u003c\/strong\u003e keeps two PS5 controllers powered up and ready to go, so you can simply pick one up and play. Perfect for co-op nights, while keeping your backup controller ready for action. \u003cspan\u003e⚡\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"lx-dc-section\"\u003e\n\u003cdiv class=\"lx-dc-label\"\u003ePOWER WITHOUT THE CLUTTER\u003c\/div\u003e\n\u003ch3 class=\"lx-dc-section-title\"\u003eTwo Controllers.\u003cbr\u003e\u003cspan\u003eOne Clean Charging Setup.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"lx-dc-grid\"\u003e\n\u003c!-- CARD 1 --\u003e\n\u003cdiv class=\"lx-dc-card\"\u003e\n\u003cdiv class=\"lx-dc-icon\"\u003e🎮\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eCharge Two At Once\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eDock both controllers side by side and charge them together. No hunting for cables and no plugging controllers into your console one at a time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 2 --\u003e\n\u003cdiv class=\"lx-dc-card\"\u003e\n\u003cdiv class=\"lx-dc-icon\"\u003e💡\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eKnow When You're Ready\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eBuilt-in LED indicator lights show you at a glance when a controller is charging and when it's full, so you know when you're ready for your next session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 3 --\u003e\n\u003cdiv class=\"lx-dc-card\"\u003e\n\u003cdiv class=\"lx-dc-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eUSB Fast Charge Support\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003ePlug in with USB and get back into the game sooner, with fewer breaks waiting for your controller to charge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 4 --\u003e\n\u003cdiv class=\"lx-dc-card\"\u003e\n\u003cdiv class=\"lx-dc-icon\"\u003e🧩\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eRemovable Base\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eThe removable base and slim, portable build make the DuoCharge easy to fit on your desk, gaming shelf or entertainment unit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 5 --\u003e\n\u003cdiv class=\"lx-dc-card\"\u003e\n\u003cdiv class=\"lx-dc-icon\"\u003e🖤\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eBuilt For Your Setup\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eIts clean, minimal design keeps your gaming space tidy and your controllers organised in one place, while its compact build makes it easy to pack when you travel. \u003cspan\u003e🎒\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CHARGING STATUS --\u003e\n\u003cdiv class=\"lx-dc-status-panel\"\u003e\n\u003ch3 class=\"lx-dc-status-title\"\u003ePower Up. \u003cspan\u003eThen Play.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"lx-dc-battery\"\u003e\n\u003cdiv class=\"lx-dc-battery-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-battery-label\"\u003eCONTROLLERS READY FOR ACTION\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WHY YOU'LL LOVE IT --\u003e\n\u003cdiv class=\"lx-dc-love\"\u003e\n\u003ch3 class=\"lx-dc-love-title\"\u003eWhy You'll \u003cspan\u003eLove It.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"lx-dc-list\"\u003e\n\u003cdiv class=\"lx-dc-list-item\"\u003e\n\u003cdiv class=\"lx-dc-list-icon\"\u003e🎮\u003c\/div\u003e\n\u003cspan\u003e Charges two PS5 controllers at the same time \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-list-item\"\u003e\n\u003cdiv class=\"lx-dc-list-icon\"\u003e💡\u003c\/div\u003e\n\u003cspan\u003e LED indicators show charging and fully charged status \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-list-item\"\u003e\n\u003cdiv class=\"lx-dc-list-icon\"\u003e⚡\u003c\/div\u003e\n\u003cspan\u003e Supports USB fast charging \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-list-item\"\u003e\n\u003cdiv class=\"lx-dc-list-icon\"\u003e🧩\u003c\/div\u003e\n\u003cspan\u003e Removable base for flexible setup \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-list-item\"\u003e\n\u003cdiv class=\"lx-dc-list-icon\"\u003e🎒\u003c\/div\u003e\n\u003cspan\u003e Compact, portable design that saves space \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-dc-list-item\"\u003e\n\u003cdiv class=\"lx-dc-list-icon\"\u003e🖤\u003c\/div\u003e\n\u003cspan\u003e Keeps your setup clean and organised \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003cdiv class=\"lx-dc-final\"\u003e\n\u003cp class=\"lx-dc-final-main\"\u003eDock it. \u003cspan\u003eCharge it.\u003c\/span\u003e Stay in the game. 🎮\u003c\/p\u003e\n\u003cp class=\"lx-dc-final-sub\"\u003eLOADOUTX™ DUOCHARGE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50554033930379,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/ps5-dual-dock-with-loadoutx-packaging.png?v=1790460280","url":"https:\/\/loadoutx.co.za\/products\/duocharge-ps5-controller-dual-charging-dock-led","provider":"LoadoutX","version":"1.0","type":"link"}