{"title":"DOBE","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003e\u003cspan\u003eExplore DOBE gaming accessories\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003e designed to make your setup feel more organised and ready to play. Discover practical add-ons for your console, controllers, and everyday gaming gear.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"dobe-chargepod-duo-ps5-controller-dual-charging-dock","title":"DOBE ChargePod Duo — PS5 Controller Dual Charging Dock","description":"\u003c!-- LOADOUTX™ CHARGEPOD DUO — PREMIUM ANIMATED SHOPIFY PRODUCT DESCRIPTION --\u003e\n\n\u003cdiv class=\"lx-chargepod\"\u003e\n\n  \u003cstyle\u003e\n    .lx-chargepod {\n      --bg: #050505;\n      --bg2: #0c0c0c;\n      --gold: #d6b45a;\n      --gold-light: #f7df92;\n      --gold-dark: #8e6a22;\n      --white: #f7f5ef;\n      --muted: #a6a6a6;\n      --green: #62ffb1;\n      --cyan: #4de8ff;\n      --purple: #9a72ff;\n\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      padding: 60px 18px;\n      background:\n        radial-gradient(circle at 12% 12%, rgba(214,180,90,.10), transparent 28%),\n        radial-gradient(circle at 88% 20%, rgba(154,114,255,.09), transparent 28%),\n        radial-gradient(circle at 50% 88%, rgba(77,232,255,.05), transparent 30%),\n        linear-gradient(180deg,#030303 0%,#0a0a0a 50%,#030303 100%);\n      color: var(--white);\n      font-family: Arial, Helvetica, sans-serif;\n      isolation: isolate;\n    }\n\n    .lx-chargepod *,\n    .lx-chargepod *::before,\n    .lx-chargepod *::after {\n      box-sizing: border-box;\n    }\n\n    .lx-chargepod::before {\n      content: \"\";\n      position: absolute;\n      width: 420px;\n      height: 420px;\n      left: -220px;\n      top: 15%;\n      border-radius: 50%;\n      background: rgba(214,180,90,.07);\n      filter: blur(95px);\n      animation: cpAmbient 9s ease-in-out infinite alternate;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .lx-chargepod::after {\n      content: \"\";\n      position: absolute;\n      width: 380px;\n      height: 380px;\n      right: -200px;\n      bottom: 10%;\n      border-radius: 50%;\n      background: rgba(154,114,255,.07);\n      filter: blur(100px);\n      animation: cpAmbient 11s ease-in-out infinite alternate-reverse;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    \/* =========================\n       HERO\n    ========================= *\/\n\n    .lx-cp-hero {\n      max-width: 1150px;\n      margin: 0 auto 72px;\n      text-align: center;\n    }\n\n    .lx-cp-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      padding: 9px 16px;\n      border-radius: 999px;\n      border: 1px solid rgba(214,180,90,.3);\n      background: rgba(214,180,90,.055);\n      color: var(--gold-light);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      box-shadow: 0 0 25px rgba(214,180,90,.06);\n      animation: cpBadge 3s ease-in-out infinite;\n    }\n\n    .lx-cp-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--gold-light);\n      box-shadow: 0 0 14px var(--gold-light);\n      animation: cpDot 1.5s ease-in-out infinite;\n    }\n\n    .lx-cp-title {\n      margin: 24px 0 10px;\n      font-size: clamp(42px,8vw,88px);\n      line-height: .93;\n      letter-spacing: -4px;\n      font-weight: 950;\n      background:\n        linear-gradient(\n          110deg,\n          #80601f 5%,\n          #d6b45a 25%,\n          #fff0ad 45%,\n          #ffffff 50%,\n          #d6b45a 67%,\n          #80601f 95%\n        );\n      background-size: 260% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: cpGold 5s linear infinite;\n    }\n\n    .lx-cp-tagline {\n      max-width: 700px;\n      margin: 0 auto 40px;\n      color: #d0d0d0;\n      font-size: clamp(17px,2.5vw,23px);\n      line-height: 1.55;\n    }\n\n    \/* =========================\n       CHARGING STATION VISUAL\n    ========================= *\/\n\n    .lx-cp-stage {\n      position: relative;\n      height: 400px;\n      max-width: 900px;\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      perspective: 1100px;\n    }\n\n    .lx-cp-orbit {\n      position: absolute;\n      width: 350px;\n      height: 350px;\n      border: 1px solid rgba(214,180,90,.14);\n      border-radius: 50%;\n      animation: cpOrbit 18s linear infinite;\n    }\n\n    .lx-cp-orbit::before,\n    .lx-cp-orbit::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n    }\n\n    .lx-cp-orbit::before {\n      width: 8px;\n      height: 8px;\n      top: 24px;\n      left: 70px;\n      background: var(--gold-light);\n      box-shadow: 0 0 18px var(--gold-light);\n    }\n\n    .lx-cp-orbit::after {\n      width: 5px;\n      height: 5px;\n      right: 55px;\n      bottom: 40px;\n      background: var(--cyan);\n      box-shadow: 0 0 14px var(--cyan);\n    }\n\n    .lx-cp-orbit-2 {\n      width: 520px;\n      height: 210px;\n      border-color: rgba(154,114,255,.13);\n      transform: rotate(-17deg);\n      animation-duration: 22s;\n      animation-direction: reverse;\n    }\n\n    \/* Dock *\/\n\n    .lx-cp-dock {\n      position: relative;\n      width: min(540px,88%);\n      height: 125px;\n      border-radius: 24px 24px 38px 38px;\n      background:\n        linear-gradient(150deg,#292929,#111 48%,#070707);\n      border: 2px solid rgba(214,180,90,.38);\n      box-shadow:\n        0 35px 70px rgba(0,0,0,.8),\n        0 0 45px rgba(214,180,90,.08),\n        inset 0 1px 0 rgba(255,255,255,.12);\n      transform: rotateX(52deg);\n      animation: cpDockFloat 5s ease-in-out infinite;\n      z-index: 4;\n    }\n\n    .lx-cp-dock::before {\n      content: \"\";\n      position: absolute;\n      inset: 7px;\n      border-radius: 18px 18px 30px 30px;\n      border: 1px solid rgba(255,255,255,.05);\n    }\n\n    \/* Dock charging bays *\/\n\n    .lx-cp-bay {\n      position: absolute;\n      top: 25px;\n      width: 82px;\n      height: 48px;\n      border-radius: 12px;\n      background: #070707;\n      border: 1px solid rgba(214,180,90,.25);\n      box-shadow: inset 0 0 18px rgba(0,0,0,.9);\n    }\n\n    .lx-cp-bay-left {\n      left: 155px;\n    }\n\n    .lx-cp-bay-right {\n      right: 155px;\n    }\n\n    .lx-cp-contact {\n      position: absolute;\n      width: 12px;\n      height: 5px;\n      left: 50%;\n      bottom: 7px;\n      transform: translateX(-50%);\n      border-radius: 8px;\n      background: var(--gold-light);\n      box-shadow: 0 0 12px var(--gold-light);\n      animation: cpContact 1.7s ease-in-out infinite;\n    }\n\n    .lx-cp-bay-right .lx-cp-contact {\n      animation-delay: .45s;\n    }\n\n    \/* Controller silhouettes *\/\n\n    .lx-cp-controller {\n      position: absolute;\n      width: 190px;\n      height: 92px;\n      top: -92px;\n      border-radius: 48px 48px 35px 35px;\n      background:\n        linear-gradient(145deg,#292929,#111,#080808);\n      border: 1px solid rgba(255,255,255,.15);\n      box-shadow:\n        0 18px 35px rgba(0,0,0,.7),\n        inset 0 1px 0 rgba(255,255,255,.1);\n    }\n\n    .lx-cp-controller-left {\n      left: 80px;\n      transform: rotate(-4deg);\n      animation: cpControllerLeft 5s ease-in-out infinite;\n    }\n\n    .lx-cp-controller-right {\n      right: 80px;\n      transform: rotate(4deg);\n      animation: cpControllerRight 5s ease-in-out infinite;\n    }\n\n    .lx-cp-controller::before {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 13px;\n      transform: translateX(-50%);\n      width: 45px;\n      height: 18px;\n      border-radius: 12px;\n      border: 1px solid rgba(255,255,255,.06);\n      background: #111;\n    }\n\n    .lx-cp-stick {\n      position: absolute;\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      background: #080808;\n      border: 2px solid #292929;\n      box-shadow: inset 0 0 5px #000;\n    }\n\n    .lx-cp-stick.one {\n      left: 38px;\n      top: 36px;\n    }\n\n    .lx-cp-stick.two {\n      right: 38px;\n      top: 47px;\n    }\n\n    .lx-cp-buttons {\n      position: absolute;\n      right: 23px;\n      top: 27px;\n      width: 34px;\n      height: 30px;\n    }\n\n    .lx-cp-buttons span {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #555;\n      box-shadow: 0 0 5px rgba(214,180,90,.2);\n    }\n\n    .lx-cp-buttons span:nth-child(1) {\n      top: 0;\n      left: 13px;\n    }\n\n    .lx-cp-buttons span:nth-child(2) {\n      top: 10px;\n      left: 2px;\n    }\n\n    .lx-cp-buttons span:nth-child(3) {\n      top: 10px;\n      right: 2px;\n    }\n\n    .lx-cp-buttons span:nth-child(4) {\n      bottom: 0;\n      left: 13px;\n    }\n\n    \/* Energy beams *\/\n\n    .lx-cp-energy {\n      position: absolute;\n      top: 5px;\n      width: 2px;\n      height: 130px;\n      background: linear-gradient(\n        to bottom,\n        transparent,\n        var(--gold-light),\n        transparent\n      );\n      box-shadow: 0 0 12px var(--gold-light);\n      opacity: .75;\n      animation: cpEnergy 1.8s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .lx-cp-energy.left {\n      left: calc(50% - 98px);\n    }\n\n    .lx-cp-energy.right {\n      left: calc(50% + 98px);\n      animation-delay: .45s;\n    }\n\n    \/* =========================\n       INTRO\n    ========================= *\/\n\n    .lx-cp-intro {\n      max-width: 980px;\n      margin: 0 auto 75px;\n      padding: 32px;\n      border-radius: 25px;\n      border: 1px solid rgba(214,180,90,.2);\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.065),\n          rgba(255,255,255,.022)\n        );\n      box-shadow:\n        0 25px 60px rgba(0,0,0,.4),\n        inset 0 1px 0 rgba(255,255,255,.06);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .lx-cp-intro::after {\n      content: \"\";\n      position: absolute;\n      width: 220px;\n      height: 220px;\n      top: -110px;\n      right: -80px;\n      border-radius: 50%;\n      background: rgba(214,180,90,.08);\n      filter: blur(35px);\n    }\n\n    .lx-cp-intro p {\n      position: relative;\n      z-index: 2;\n      margin: 0;\n      color: #d2d2d2;\n      font-size: 17px;\n      line-height: 1.8;\n    }\n\n    .lx-cp-intro strong {\n      color: var(--gold-light);\n    }\n\n    \/* =========================\n       SECTION\n    ========================= *\/\n\n    .lx-cp-section {\n      max-width: 1120px;\n      margin: 0 auto 75px;\n    }\n\n    .lx-cp-heading {\n      text-align: center;\n      margin-bottom: 35px;\n    }\n\n    .lx-cp-kicker {\n      display: block;\n      margin-bottom: 9px;\n      color: var(--gold);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n    }\n\n    .lx-cp-heading h2 {\n      margin: 0;\n      font-size: clamp(28px,5vw,45px);\n      line-height: 1;\n      letter-spacing: -1.5px;\n      font-weight: 900;\n    }\n\n    \/* =========================\n       FEATURE CARDS\n    ========================= *\/\n\n    .lx-cp-grid {\n      display: grid;\n      grid-template-columns: repeat(3,1fr);\n      gap: 16px;\n    }\n\n    .lx-cp-card {\n      position: relative;\n      min-height: 235px;\n      padding: 27px;\n      overflow: hidden;\n      border-radius: 23px;\n      border: 1px solid rgba(214,180,90,.15);\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.065),\n          rgba(255,255,255,.022)\n        );\n      box-shadow: 0 18px 40px rgba(0,0,0,.3);\n      transition:\n        transform .45s ease,\n        border-color .45s ease,\n        box-shadow .45s ease;\n    }\n\n    .lx-cp-card:hover {\n      transform: translateY(-9px);\n      border-color: rgba(214,180,90,.45);\n      box-shadow:\n        0 28px 60px rgba(0,0,0,.55),\n        0 0 30px rgba(214,180,90,.06);\n    }\n\n    .lx-cp-card::before {\n      content: \"\";\n      position: absolute;\n      width: 150px;\n      height: 150px;\n      right: -80px;\n      top: -80px;\n      border-radius: 50%;\n      background: rgba(214,180,90,.08);\n      filter: blur(20px);\n      transition: .5s ease;\n    }\n\n    .lx-cp-card:hover::before {\n      transform: scale(1.6);\n    }\n\n    .lx-cp-card::after {\n      content: \"\";\n      position: absolute;\n      left: -100%;\n      bottom: 0;\n      width: 70%;\n      height: 1px;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        var(--gold),\n        transparent\n      );\n      transition: left .7s ease;\n    }\n\n    .lx-cp-card:hover::after {\n      left: 130%;\n    }\n\n    .lx-cp-icon {\n      width: 55px;\n      height: 55px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      border-radius: 16px;\n      border: 1px solid rgba(214,180,90,.25);\n      background: rgba(214,180,90,.07);\n      font-size: 25px;\n      box-shadow: inset 0 0 18px rgba(214,180,90,.04);\n    }\n\n    .lx-cp-card h3 {\n      position: relative;\n      z-index: 2;\n      margin: 0 0 10px;\n      color: var(--gold-light);\n      font-size: 19px;\n      font-weight: 850;\n    }\n\n    .lx-cp-card p {\n      position: relative;\n      z-index: 2;\n      margin: 0;\n      color: #a9a9a9;\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    \/* =========================\n       POWER STATUS\n    ========================= *\/\n\n    .lx-cp-power {\n      max-width: 1000px;\n      margin: 0 auto 75px;\n      padding: 40px 24px;\n      text-align: center;\n      border-radius: 27px;\n      border: 1px solid rgba(214,180,90,.2);\n      background:\n        radial-gradient(circle at 20% 50%, rgba(214,180,90,.10), transparent 30%),\n        radial-gradient(circle at 80% 50%, rgba(77,232,255,.06), transparent 30%),\n        rgba(255,255,255,.035);\n      overflow: hidden;\n    }\n\n    .lx-cp-power h2 {\n      margin: 0 0 8px;\n      font-size: clamp(34px,7vw,60px);\n      font-weight: 950;\n      background:\n        linear-gradient(\n          100deg,\n          var(--gold-dark),\n          #fff1b2,\n          var(--gold),\n          #fff7ce\n        );\n      background-size: 220% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: cpGold 4s linear infinite;\n    }\n\n    .lx-cp-power p {\n      max-width: 650px;\n      margin: 0 auto;\n      color: #aaa;\n      line-height: 1.7;\n    }\n\n    .lx-cp-battery {\n      max-width: 600px;\n      height: 10px;\n      margin: 28px auto 0;\n      padding: 2px;\n      border-radius: 999px;\n      background: #171717;\n      border: 1px solid rgba(255,255,255,.07);\n      overflow: hidden;\n    }\n\n    .lx-cp-battery span {\n      display: block;\n      width: 88%;\n      height: 100%;\n      border-radius: inherit;\n      background:\n        linear-gradient(\n          90deg,\n          #8b6521,\n          #d6b45a,\n          #fff0ae\n        );\n      box-shadow: 0 0 16px rgba(214,180,90,.7);\n      animation: cpBattery 3s ease-in-out infinite alternate;\n    }\n\n    .lx-cp-battery-label {\n      margin-top: 10px;\n      color: var(--green);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      animation: cpStatus 2s ease-in-out infinite;\n    }\n\n    \/* =========================\n       CLEAN SETUP\n    ========================= *\/\n\n    .lx-cp-clean {\n      max-width: 1050px;\n      margin: 0 auto 75px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .lx-cp-clean-panel {\n      min-height: 250px;\n      padding: 32px;\n      border-radius: 25px;\n      border: 1px solid rgba(214,180,90,.17);\n      background: rgba(255,255,255,.035);\n      overflow: hidden;\n    }\n\n    .lx-cp-clean-panel h2 {\n      margin: 0 0 12px;\n      color: var(--gold-light);\n      font-size: 29px;\n      font-weight: 900;\n    }\n\n    .lx-cp-clean-panel p {\n      margin: 0;\n      color: #aaa;\n      line-height: 1.75;\n    }\n\n    .lx-cp-cable-visual {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 250px;\n      background:\n        radial-gradient(circle, rgba(214,180,90,.07), transparent 55%);\n    }\n\n    .lx-cp-cable {\n      position: absolute;\n      width: 220px;\n      height: 110px;\n      border: 3px solid #252525;\n      border-top-color: transparent;\n      border-left-color: #303030;\n      border-radius: 50%;\n      transform: rotate(-15deg);\n      animation: cpCable 4s ease-in-out infinite;\n    }\n\n    .lx-cp-cable::after {\n      content: \"\";\n      position: absolute;\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      right: 5px;\n      bottom: 9px;\n      background: var(--gold-light);\n      box-shadow: 0 0 15px var(--gold-light);\n    }\n\n    .lx-cp-cable-2 {\n      width: 180px;\n      height: 90px;\n      transform: rotate(18deg);\n      animation-delay: .6s;\n      opacity: .5;\n    }\n\n    .lx-cp-clean-icon {\n      position: relative;\n      z-index: 3;\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      border: 1px solid rgba(214,180,90,.35);\n      background: #090909;\n      color: var(--gold-light);\n      font-size: 34px;\n      box-shadow:\n        0 0 25px rgba(214,180,90,.1),\n        inset 0 0 20px rgba(214,180,90,.05);\n      animation: cpCleanIcon 3s ease-in-out infinite;\n    }\n\n    \/* =========================\n       WHY YOU'LL LOVE IT\n    ========================= *\/\n\n    .lx-cp-love {\n      max-width: 900px;\n      margin: 0 auto 75px;\n    }\n\n    .lx-cp-list {\n      display: grid;\n      grid-template-columns: repeat(2,1fr);\n      gap: 12px;\n    }\n\n    .lx-cp-list-item {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      padding: 17px 18px;\n      border-radius: 15px;\n      border: 1px solid rgba(255,255,255,.075);\n      background: rgba(255,255,255,.03);\n      color: #d1d1d1;\n      transition: .35s ease;\n    }\n\n    .lx-cp-list-item:hover {\n      transform: translateX(5px);\n      border-color: rgba(214,180,90,.32);\n      background: rgba(214,180,90,.045);\n    }\n\n    .lx-cp-check {\n      width: 29px;\n      height: 29px;\n      flex: 0 0 29px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      border: 1px solid rgba(214,180,90,.3);\n      background: rgba(214,180,90,.08);\n      color: var(--gold-light);\n      font-size: 13px;\n    }\n\n    \/* =========================\n       FINAL CTA\n    ========================= *\/\n\n    .lx-cp-final {\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 25px 15px 10px;\n      text-align: center;\n    }\n\n    .lx-cp-final h2 {\n      margin: 0;\n      font-size: clamp(32px,7vw,62px);\n      line-height: 1;\n      font-weight: 950;\n      background:\n        linear-gradient(\n          110deg,\n          #95701f,\n          #fff0ac,\n          #d6b45a,\n          #fff4bd\n        );\n      background-size: 220% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: cpGold 4s linear infinite;\n    }\n\n    .lx-cp-final p {\n      max-width: 650px;\n      margin: 19px auto 0;\n      color: #999;\n      line-height: 1.7;\n      font-size: 16px;\n    }\n\n    \/* =========================\n       ANIMATIONS\n    ========================= *\/\n\n    @keyframes cpGold {\n      0% {\n        background-position: 0% 50%;\n      }\n      100% {\n        background-position: 260% 50%;\n      }\n    }\n\n    @keyframes cpBadge {\n      0%,100% {\n        box-shadow: 0 0 18px rgba(214,180,90,.04);\n      }\n      50% {\n        box-shadow: 0 0 32px rgba(214,180,90,.14);\n      }\n    }\n\n    @keyframes cpDot {\n      0%,100% {\n        transform: scale(.8);\n        opacity: .6;\n      }\n      50% {\n        transform: scale(1.3);\n        opacity: 1;\n      }\n    }\n\n    @keyframes cpOrbit {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes cpDockFloat {\n      0%,100% {\n        transform:\n          rotateX(52deg)\n          translateY(0);\n      }\n      50% {\n        transform:\n          rotateX(50deg)\n          translateY(-12px);\n      }\n    }\n\n    @keyframes cpControllerLeft {\n      0%,100% {\n        transform:\n          rotate(-4deg)\n          translateY(0);\n      }\n      50% {\n        transform:\n          rotate(-4deg)\n          translateY(-11px);\n      }\n    }\n\n    @keyframes cpControllerRight {\n      0%,100% {\n        transform:\n          rotate(4deg)\n          translateY(0);\n      }\n      50% {\n        transform:\n          rotate(4deg)\n          translateY(-11px);\n      }\n    }\n\n    @keyframes cpContact {\n      0%,100% {\n        opacity: .4;\n        transform: translateX(-50%) scale(.75);\n      }\n      50% {\n        opacity: 1;\n        transform: translateX(-50%) scale(1.25);\n      }\n    }\n\n    @keyframes cpEnergy {\n      0% {\n        opacity: 0;\n        transform: translateY(-20px) scaleY(.5);\n      }\n      25% {\n        opacity: .9;\n      }\n      75% {\n        opacity: .9;\n      }\n      100% {\n        opacity: 0;\n        transform: translateY(100px) scaleY(1.1);\n      }\n    }\n\n    @keyframes cpBattery {\n      from {\n        width: 68%;\n      }\n      to {\n        width: 94%;\n      }\n    }\n\n    @keyframes cpStatus {\n      0%,100% {\n        opacity: .55;\n      }\n      50% {\n        opacity: 1;\n      }\n    }\n\n    @keyframes cpCable {\n      0%,100% {\n        transform: rotate(-15deg) translateY(0);\n      }\n      50% {\n        transform: rotate(-10deg) translateY(-8px);\n      }\n    }\n\n    @keyframes cpCleanIcon {\n      0%,100% {\n        transform: scale(1);\n        box-shadow:\n          0 0 25px rgba(214,180,90,.08),\n          inset 0 0 20px rgba(214,180,90,.04);\n      }\n      50% {\n        transform: scale(1.07);\n        box-shadow:\n          0 0 35px rgba(214,180,90,.18),\n          inset 0 0 25px rgba(214,180,90,.08);\n      }\n    }\n\n    @keyframes cpAmbient {\n      from {\n        transform: translate(-15px,-20px);\n      }\n      to {\n        transform: translate(25px,30px);\n      }\n    }\n\n    \/* =========================\n       TABLET\n    ========================= *\/\n\n    @media (max-width:850px) {\n\n      .lx-cp-grid {\n        grid-template-columns: repeat(2,1fr);\n      }\n\n      .lx-cp-clean {\n        grid-template-columns: 1fr;\n      }\n\n    }\n\n    \/* =========================\n       MOBILE\n    ========================= *\/\n\n    @media (max-width:600px) {\n\n      .lx-chargepod {\n        padding: 43px 13px;\n      }\n\n      .lx-cp-hero {\n        margin-bottom: 52px;\n      }\n\n      .lx-cp-title {\n        font-size: 49px;\n        letter-spacing: -2.5px;\n      }\n\n      .lx-cp-tagline {\n        font-size: 16px;\n      }\n\n      .lx-cp-stage {\n        height: 300px;\n      }\n\n      .lx-cp-orbit {\n        width: 245px;\n        height: 245px;\n      }\n\n      .lx-cp-orbit-2 {\n        width: 320px;\n        height: 150px;\n      }\n\n      .lx-cp-dock {\n        width: 94%;\n        height: 105px;\n        border-radius: 19px 19px 28px 28px;\n      }\n\n      .lx-cp-bay {\n        top: 22px;\n        width: 62px;\n        height: 38px;\n      }\n\n      .lx-cp-bay-left {\n        left: 26%;\n      }\n\n      .lx-cp-bay-right {\n        right: 26%;\n      }\n\n      .lx-cp-controller {\n        width: 125px;\n        height: 62px;\n        top: -67px;\n        border-radius: 35px;\n      }\n\n      .lx-cp-controller-left {\n        left: 8%;\n      }\n\n      .lx-cp-controller-right {\n        right: 8%;\n      }\n\n      .lx-cp-stick {\n        width: 13px;\n        height: 13px;\n      }\n\n      .lx-cp-stick.one {\n        left: 25px;\n        top: 25px;\n      }\n\n      .lx-cp-stick.two {\n        right: 25px;\n        top: 32px;\n      }\n\n      .lx-cp-buttons {\n        right: 13px;\n        top: 19px;\n        transform: scale(.75);\n      }\n\n      .lx-cp-energy {\n        height: 90px;\n      }\n\n      .lx-cp-energy.left {\n        left: calc(50% - 48px);\n      }\n\n      .lx-cp-energy.right {\n        left: calc(50% + 48px);\n      }\n\n      .lx-cp-intro {\n        padding: 23px 20px;\n        border-radius: 19px;\n        margin-bottom: 55px;\n      }\n\n      .lx-cp-intro p {\n        font-size: 15px;\n        line-height: 1.75;\n      }\n\n      .lx-cp-section,\n      .lx-cp-power,\n      .lx-cp-clean,\n      .lx-cp-love {\n        margin-bottom: 55px;\n      }\n\n      .lx-cp-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n\n      .lx-cp-card {\n        min-height: auto;\n        padding: 23px;\n      }\n\n      .lx-cp-power {\n        padding: 31px 19px;\n      }\n\n      .lx-cp-power h2 {\n        font-size: 40px;\n      }\n\n      .lx-cp-clean {\n        grid-template-columns: 1fr;\n      }\n\n      .lx-cp-clean-panel {\n        padding: 25px;\n      }\n\n      .lx-cp-list {\n        grid-template-columns: 1fr;\n      }\n\n      .lx-cp-final {\n        padding-top: 10px;\n      }\n\n    }\n\n    \/* =========================\n       REDUCED MOTION\n    ========================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .lx-chargepod *,\n      .lx-chargepod *::before,\n      .lx-chargepod *::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\n\n  \u003c!-- HERO --\u003e\n\n  \u003csection class=\"lx-cp-hero\"\u003e\n\n    \u003cdiv class=\"lx-cp-badge\"\u003e\n      \u003cspan class=\"lx-cp-dot\"\u003e\u003c\/span\u003e\n      LOADOUTX™ POWER ESSENTIAL\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"lx-cp-title\"\u003e\n      ChargePod Duo\n    \u003c\/h1\u003e\n\n    \u003cp class=\"lx-cp-tagline\"\u003e\n      Always charged. Always ready.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ANIMATED CHARGING STATION --\u003e\n\n    \u003cdiv class=\"lx-cp-stage\"\u003e\n\n      \u003cdiv class=\"lx-cp-orbit\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lx-cp-orbit lx-cp-orbit-2\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-cp-energy left\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lx-cp-energy right\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-controller lx-cp-controller-left\"\u003e\n\n        \u003cdiv class=\"lx-cp-stick one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lx-cp-stick two\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-cp-buttons\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-controller lx-cp-controller-right\"\u003e\n\n        \u003cdiv class=\"lx-cp-stick one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lx-cp-stick two\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-cp-buttons\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-dock\"\u003e\n\n        \u003cdiv class=\"lx-cp-bay lx-cp-bay-left\"\u003e\n          \u003cspan class=\"lx-cp-contact\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"lx-cp-bay lx-cp-bay-right\"\u003e\n          \u003cspan class=\"lx-cp-contact\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003csection class=\"lx-cp-intro\"\u003e\n\n    \u003cp\u003e\n      There's nothing worse than grabbing your controller and seeing that\n      low-battery warning. The \u003cstrong\u003eChargePod Duo\u003c\/strong\u003e gives both of\n      your PS5 controllers a proper home, so they're charged and ready\n      for your next session. 🎮\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n\n  \u003csection class=\"lx-cp-section\"\u003e\n\n    \u003cdiv class=\"lx-cp-heading\"\u003e\n\n      \u003cspan class=\"lx-cp-kicker\"\u003e\n        Built For Your Setup\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Two Controllers. One Premium Dock.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-cp-grid\"\u003e\n\n\n      \u003cdiv class=\"lx-cp-card\"\u003e\n\n        \u003cdiv class=\"lx-cp-icon\"\u003e🎮\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Two Controllers, One Dock\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Charge two DualSense controllers side by side at the same time.\n          Perfect for co-op nights and keeping your spare controller\n          ready for action.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-card\"\u003e\n\n        \u003cdiv class=\"lx-cp-icon\"\u003e🧲\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Drop \u0026amp; Charge\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Simply place your controllers into the dock and let it do the work.\n          No fiddling with cables and no repeatedly plugging controllers\n          into the console.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-card\"\u003e\n\n        \u003cdiv class=\"lx-cp-icon\"\u003e🧹\u003c\/div\u003e\n\n        \u003ch3\u003e\n          A Cleaner Setup\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Give your controllers their own dedicated home and reduce\n          charging-cable clutter around your gaming space.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-card\"\u003e\n\n        \u003cdiv class=\"lx-cp-icon\"\u003e🖤\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Sleek Design\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A clean, modern design that sits naturally next to your PS5\n          and looks at home on everything from minimal desks to\n          full RGB battle stations.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-card\"\u003e\n\n        \u003cdiv class=\"lx-cp-icon\"\u003e⚡\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Always Ready\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep your controllers docked between sessions so you can\n          pick one up and get back into the game without the usual\n          low-battery frustration.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-cp-card\"\u003e\n\n        \u003cdiv class=\"lx-cp-icon\"\u003e🎁\u003c\/div\u003e\n\n        \u003ch3\u003e\n          A Must-Have Upgrade\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A practical everyday upgrade and an easy gift for any PS5\n          gamer who wants a cleaner, more organised setup.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- POWER STATUS --\u003e\n\n  \u003csection class=\"lx-cp-power\"\u003e\n\n    \u003cspan class=\"lx-cp-kicker\"\u003e\n      Charging Station\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      READY FOR THE NEXT SESSION.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Dock both controllers after gaming and keep your setup prepared\n      for whatever comes next.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lx-cp-battery\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lx-cp-battery-label\"\u003e\n      ● Dual Controller Charging\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- CLEAN SETUP --\u003e\n\n  \u003csection class=\"lx-cp-clean\"\u003e\n\n\n    \u003cdiv class=\"lx-cp-clean-panel\"\u003e\n\n      \u003cspan class=\"lx-cp-kicker\"\u003e\n        Less Clutter. More Setup.\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        🧹 Give Your Controllers A Home.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Messy charging cables can quickly make a gaming setup look untidy.\n        The ChargePod Duo gives both controllers a dedicated place to sit,\n        helping your desk or entertainment unit stay clean, organised\n        and ready to play.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-cp-clean-panel lx-cp-cable-visual\"\u003e\n\n      \u003cdiv class=\"lx-cp-cable\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lx-cp-cable lx-cp-cable-2\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-cp-clean-icon\"\u003e\n        ✓\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- WHY YOU'LL LOVE IT --\u003e\n\n  \u003csection class=\"lx-cp-love\"\u003e\n\n    \u003cdiv class=\"lx-cp-heading\"\u003e\n\n      \u003cspan class=\"lx-cp-kicker\"\u003e\n        Why You'll Love It\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Dock It. Charge It. Play.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-cp-list\"\u003e\n\n      \u003cdiv class=\"lx-cp-list-item\"\u003e\n        \u003cspan class=\"lx-cp-check\"\u003e✓\u003c\/span\u003e\n        🎮 Charges two PS5 controllers at once\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-cp-list-item\"\u003e\n        \u003cspan class=\"lx-cp-check\"\u003e✓\u003c\/span\u003e\n        🧲 Easy drop-and-charge design\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-cp-list-item\"\u003e\n        \u003cspan class=\"lx-cp-check\"\u003e✓\u003c\/span\u003e\n        🧹 Keeps your setup tidy and cable-free\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-cp-list-item\"\u003e\n        \u003cspan class=\"lx-cp-check\"\u003e✓\u003c\/span\u003e\n        🖤 Sleek look that suits any setup\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-cp-list-item\"\u003e\n        \u003cspan class=\"lx-cp-check\"\u003e✓\u003c\/span\u003e\n        🎁 A practical gift for any PS5 gamer\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n\n  \u003csection class=\"lx-cp-final\"\u003e\n\n    \u003ch2\u003e\n      Dock It.\u003cbr\u003e\n      Charge It.\u003cbr\u003e\n      Dominate.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Keep your controllers powered, organised and ready for the next\n      match with the \u003cstrong\u003eLoadoutX™ ChargePod Duo\u003c\/strong\u003e. ⚡🎮\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50559400575115,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/chargepod-duo-with-loadoutx-packaging.png?v=1790543294"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/collections\/speakers-collection-image.png?v=1790542749","url":"https:\/\/loadoutx.co.za\/collections\/speakers.oembed","provider":"LoadoutX","version":"1.0","type":"link"}