{"title":"GADGETS","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003e\u003cspan\u003eSmart Gear. Serious Fun.\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDiscover clever gaming gadgets and tech designed to add convenience, functionality, and personality to your setup. Because the right little upgrade can change everything.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"loadoutx™-chatdeck-ps5-wireless-mini-keyboard-voice-chat-pad","title":"LoadoutX™ ChatDeck — PS5 Wireless Mini Keyboard \u0026 Voice Chat Pad","description":"\u003c!-- LOADOUTX™ CHATDECK | PREMIUM ANIMATED PRODUCT SECTION --\u003e\n\n\u003cdiv class=\"lx-chatdeck\"\u003e\n\n\u003cstyle\u003e\n.lx-chatdeck{\n  --gold:#d4af37;\n  --gold-light:#f4d873;\n  --gold-bright:#fff0a6;\n  --black:#050505;\n  --charcoal:#101010;\n  --card:rgba(255,255,255,.045);\n  --border:rgba(212,175,55,.22);\n  --text:#f4f4f4;\n  --muted:#a7a7a7;\n\n  position:relative;\n  overflow:hidden;\n  width:100%;\n  margin:0 auto;\n  border-radius:20px;\n  color:var(--text);\n\n  background:\n    radial-gradient(\n      circle at 50% -15%,\n      rgba(212,175,55,.17),\n      transparent 38%\n    ),\n    radial-gradient(\n      circle at 100% 80%,\n      rgba(212,175,55,.07),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #030303 0%,\n      #0b0b0b 50%,\n      #111 100%\n    );\n\n  box-shadow:\n    0 25px 70px rgba(0,0,0,.5),\n    inset 0 1px 0 rgba(255,255,255,.04);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\/* ================================\n   BACKGROUND LIGHTING\n================================ *\/\n\n.lx-chatdeck:before,\n.lx-chatdeck:after{\n  content:\"\";\n  position:absolute;\n  pointer-events:none;\n  border-radius:50%;\n  filter:blur(80px);\n  z-index:0;\n}\n\n.lx-chatdeck:before{\n  width:260px;\n  height:260px;\n  top:-140px;\n  left:-100px;\n  background:rgba(212,175,55,.16);\n  animation:lxGlowOne 8s ease-in-out infinite alternate;\n}\n\n.lx-chatdeck:after{\n  width:220px;\n  height:220px;\n  right:-100px;\n  bottom:-100px;\n  background:rgba(245,220,122,.10);\n  animation:lxGlowTwo 10s ease-in-out infinite alternate;\n}\n\n.lx-chatdeck-inner{\n  position:relative;\n  z-index:2;\n  padding:38px 24px;\n}\n\n\/* ================================\n   STATUS BADGE\n================================ *\/\n\n.lx-chat-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n\n  padding:8px 15px;\n  margin-bottom:19px;\n\n  border:1px solid rgba(212,175,55,.4);\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(212,175,55,.13),\n      rgba(255,255,255,.02)\n    );\n\n  color:var(--gold-light);\n\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n\n  animation:\n    lxBadgeIn .8s ease both,\n    lxBadgePulse 3s ease-in-out 1s infinite;\n}\n\n.lx-chat-dot{\n  width:7px;\n  height:7px;\n  border-radius:50%;\n\n  background:var(--gold-light);\n\n  box-shadow:\n    0 0 8px var(--gold),\n    0 0 17px rgba(212,175,55,.7);\n\n  animation:lxDot 2s ease-in-out infinite;\n}\n\n\/* ================================\n   TITLE\n================================ *\/\n\n.lx-chat-title{\n  margin:0 0 12px;\n\n  font-size:clamp(29px,7vw,50px);\n  line-height:1.02;\n\n  font-weight:850;\n  letter-spacing:-1.7px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #a87917,\n      #e6c75c,\n      #fff2ac,\n      #d4af37,\n      #a87917\n    );\n\n  background-size:300% auto;\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  animation:\n    lxTitleIn .9s ease both,\n    lxGoldMove 6s linear infinite;\n}\n\n.lx-chat-title span{\n  display:block;\n\n  margin-top:12px;\n\n  color:#ededed;\n  -webkit-text-fill-color:#ededed;\n\n  font-size:.43em;\n  font-weight:600;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.lx-chat-divider{\n  width:75px;\n  height:2px;\n  margin:0 0 24px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--gold),\n      transparent\n    );\n\n  box-shadow:\n    0 0 14px rgba(212,175,55,.65);\n\n  animation:lxDivider 3s ease-in-out infinite;\n}\n\n\/* ================================\n   HERO COPY\n================================ *\/\n\n.lx-chat-hero{\n  position:relative;\n\n  padding:25px 21px;\n  margin-bottom:20px;\n\n  border:1px solid var(--border);\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.012)\n    );\n\n  backdrop-filter:blur(15px);\n  -webkit-backdrop-filter:blur(15px);\n\n  box-shadow:\n    0 18px 45px rgba(0,0,0,.3),\n    inset 0 1px 0 rgba(255,255,255,.05);\n\n  overflow:hidden;\n\n  animation:lxFadeUp .9s .25s ease both;\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n.lx-chat-hero:hover{\n  transform:translateY(-4px);\n\n  border-color:rgba(212,175,55,.5);\n\n  box-shadow:\n    0 25px 55px rgba(0,0,0,.4),\n    0 0 35px rgba(212,175,55,.08);\n}\n\n.lx-chat-hero:after{\n  content:\"\";\n\n  position:absolute;\n\n  top:-100%;\n  left:-80%;\n\n  width:50%;\n  height:300%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.09),\n      transparent\n    );\n\n  transform:rotate(25deg);\n\n  animation:lxSweep 7s ease-in-out infinite;\n}\n\n.lx-chat-hero p{\n  position:relative;\n  z-index:2;\n\n  margin:0;\n\n  color:#e6e6e6;\n\n  font-size:15px;\n  line-height:1.75;\n}\n\n.lx-chat-hero strong{\n  color:#fff;\n}\n\n.lx-chat-gold{\n  color:var(--gold-light);\n  font-weight:700;\n}\n\n\/* ================================\n   FEATURE LABEL\n================================ *\/\n\n.lx-chat-label{\n  display:flex;\n  align-items:center;\n  gap:12px;\n\n  margin:28px 0 15px;\n\n  color:var(--gold-light);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n.lx-chat-label:after{\n  content:\"\";\n\n  flex:1;\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(212,175,55,.45),\n      transparent\n    );\n}\n\n\/* ================================\n   FEATURE CARDS\n================================ *\/\n\n.lx-chat-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:10px;\n}\n\n.lx-chat-card{\n  position:relative;\n\n  min-height:178px;\n\n  padding:19px 14px;\n\n  border:1px solid rgba(255,255,255,.07);\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      rgba(255,255,255,.012)\n    );\n\n  overflow:hidden;\n\n  transition:\n    transform .4s cubic-bezier(.2,.8,.2,1),\n    border-color .4s ease,\n    box-shadow .4s ease;\n\n  animation:lxCardIn .75s ease both;\n}\n\n.lx-chat-card:nth-child(1){\n  animation-delay:.12s;\n}\n\n.lx-chat-card:nth-child(2){\n  animation-delay:.22s;\n}\n\n.lx-chat-card:nth-child(3){\n  animation-delay:.32s;\n}\n\n.lx-chat-card:nth-child(4){\n  animation-delay:.42s;\n}\n\n.lx-chat-card:nth-child(5){\n  animation-delay:.52s;\n}\n\n.lx-chat-card:before{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:-150%;\n\n  width:130%;\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--gold-light),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px rgba(212,175,55,.7);\n\n  animation:lxCardScan 5s ease-in-out infinite;\n}\n\n.lx-chat-card:hover{\n  transform:translateY(-8px);\n\n  border-color:rgba(212,175,55,.4);\n\n  box-shadow:\n    0 18px 38px rgba(0,0,0,.35),\n    0 0 25px rgba(212,175,55,.06);\n}\n\n\/* ================================\n   ICON\n================================ *\/\n\n.lx-chat-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:47px;\n  height:47px;\n\n  margin-bottom:17px;\n\n  border-radius:13px;\n\n  border:1px solid rgba(212,175,55,.3);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(212,175,55,.18),\n      rgba(212,175,55,.035)\n    );\n\n  font-size:21px;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.06),\n    0 0 20px rgba(212,175,55,.06);\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.lx-chat-card:hover .lx-chat-icon{\n  transform:\n    scale(1.12)\n    rotate(-4deg);\n\n  box-shadow:\n    0 0 25px rgba(212,175,55,.16);\n}\n\n\/* ================================\n   CARD TEXT\n================================ *\/\n\n.lx-chat-card h4{\n  margin:0 0 7px;\n\n  color:#f2d66a;\n\n  font-size:13px;\n  line-height:1.3;\n  font-weight:800;\n}\n\n.lx-chat-card p{\n  margin:0;\n\n  color:#9f9f9f;\n\n  font-size:11.5px;\n  line-height:1.55;\n}\n\n\/* ================================\n   SQUAD SECTION\n================================ *\/\n\n.lx-chat-squad{\n  position:relative;\n\n  margin-top:28px;\n  padding:25px 20px;\n\n  border-radius:18px;\n\n  border:\n    1px solid rgba(212,175,55,.2);\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(212,175,55,.08),\n      transparent 65%\n    ),\n    rgba(255,255,255,.025);\n\n  text-align:center;\n\n  overflow:hidden;\n\n  animation:lxFadeUp 1s .75s ease both;\n}\n\n.lx-chat-squad:before{\n  content:\"\";\n\n  position:absolute;\n\n  width:180px;\n  height:180px;\n\n  top:50%;\n  left:50%;\n\n  transform:translate(-50%,-50%);\n\n  border:1px solid rgba(212,175,55,.08);\n  border-radius:50%;\n\n  animation:lxRadar 5s linear infinite;\n}\n\n.lx-chat-squad-icon{\n  position:relative;\n  z-index:2;\n\n  display:block;\n\n  margin-bottom:10px;\n\n  font-size:22px;\n\n  animation:lxTarget 2.5s ease-in-out infinite;\n}\n\n.lx-chat-squad h3{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 10px;\n\n  color:var(--gold-light);\n\n  font-size:17px;\n  font-weight:800;\n}\n\n.lx-chat-squad p{\n  position:relative;\n  z-index:2;\n\n  max-width:650px;\n  margin:0 auto;\n\n  color:#b0b0b0;\n\n  font-size:13px;\n  line-height:1.75;\n}\n\n.lx-chat-squad strong{\n  color:#e9e9e9;\n}\n\n\/* ================================\n   FINAL TAGLINE\n================================ *\/\n\n.lx-chat-final{\n  margin-top:22px;\n\n  padding:20px 10px;\n\n  text-align:center;\n\n  border-top:\n    1px solid rgba(212,175,55,.2);\n\n  animation:lxFadeUp 1s .9s ease both;\n}\n\n.lx-chat-final strong{\n  display:block;\n\n  color:#fff;\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n.lx-chat-final span{\n  color:var(--gold-light);\n}\n\n\/* ================================\n   ANIMATIONS\n================================ *\/\n\n@keyframes lxGlowOne{\n  from{\n    transform:translate(0,0) scale(1);\n  }\n  to{\n    transform:translate(55px,35px) scale(1.18);\n  }\n}\n\n@keyframes lxGlowTwo{\n  from{\n    transform:translate(0,0) scale(1);\n  }\n  to{\n    transform:translate(-45px,-30px) scale(1.15);\n  }\n}\n\n@keyframes lxBadgeIn{\n  from{\n    opacity:0;\n    transform:translateY(12px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes lxBadgePulse{\n  0%,100%{\n    box-shadow:0 0 15px rgba(212,175,55,.04);\n  }\n  50%{\n    box-shadow:0 0 30px rgba(212,175,55,.14);\n  }\n}\n\n@keyframes lxDot{\n  0%,100%{\n    transform:scale(1);\n    opacity:.65;\n  }\n  50%{\n    transform:scale(1.4);\n    opacity:1;\n  }\n}\n\n@keyframes lxTitleIn{\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes lxGoldMove{\n  0%{\n    background-position:0% center;\n  }\n  100%{\n    background-position:300% center;\n  }\n}\n\n@keyframes lxDivider{\n  0%,100%{\n    width:60px;\n    opacity:.55;\n  }\n  50%{\n    width:95px;\n    opacity:1;\n  }\n}\n\n@keyframes lxFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(22px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes lxSweep{\n  0%{\n    left:-100%;\n  }\n  45%,100%{\n    left:160%;\n  }\n}\n\n@keyframes lxCardIn{\n  from{\n    opacity:0;\n    transform:translateY(28px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes lxCardScan{\n  0%,65%{\n    left:-150%;\n  }\n  90%,100%{\n    left:150%;\n  }\n}\n\n@keyframes lxRadar{\n  0%{\n    transform:translate(-50%,-50%) scale(.5);\n    opacity:0;\n  }\n  35%{\n    opacity:.7;\n  }\n  100%{\n    transform:translate(-50%,-50%) scale(1.5);\n    opacity:0;\n  }\n}\n\n@keyframes lxTarget{\n  0%,100%{\n    transform:scale(1);\n    opacity:.7;\n  }\n  50%{\n    transform:scale(1.25);\n    opacity:1;\n  }\n}\n\n\/* ================================\n   TABLET\n================================ *\/\n\n@media(max-width:1000px){\n\n  .lx-chat-grid{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .lx-chat-card{\n    min-height:160px;\n  }\n}\n\n\/* ================================\n   MOBILE\n================================ *\/\n\n@media(max-width:700px){\n\n  .lx-chatdeck{\n    border-radius:15px;\n  }\n\n  .lx-chatdeck-inner{\n    padding:30px 15px;\n  }\n\n  .lx-chat-title{\n    font-size:31px;\n    letter-spacing:-1px;\n  }\n\n  .lx-chat-title span{\n    font-size:9.5px;\n    letter-spacing:1.4px;\n  }\n\n  .lx-chat-hero{\n    padding:20px 17px;\n  }\n\n  .lx-chat-hero p{\n    font-size:13.5px;\n  }\n\n  .lx-chat-grid{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  .lx-chat-card{\n    min-height:auto;\n\n    display:grid;\n\n    grid-template-columns:49px 1fr;\n\n    column-gap:14px;\n\n    align-items:center;\n\n    padding:17px;\n  }\n\n  .lx-chat-icon{\n    grid-row:span 2;\n    margin:0;\n  }\n\n  .lx-chat-card h4{\n    margin-bottom:4px;\n  }\n\n  .lx-chat-card p{\n    font-size:11.5px;\n  }\n\n  .lx-chat-squad{\n    padding:23px 15px;\n  }\n\n  .lx-chat-squad h3{\n    font-size:16px;\n  }\n\n  .lx-chat-squad p{\n    font-size:12.5px;\n  }\n\n  .lx-chat-final strong{\n    font-size:14px;\n  }\n}\n\n\/* ================================\n   ACCESSIBILITY\n================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .lx-chatdeck *,\n  .lx-chatdeck:before,\n  .lx-chatdeck:after{\n    animation:none!important;\n    transition:none!important;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"lx-chatdeck-inner\"\u003e\n\n  \u003c!-- BADGE --\u003e\n\n  \u003cdiv class=\"lx-chat-badge\"\u003e\n    \u003cspan class=\"lx-chat-dot\"\u003e\u003c\/span\u003e\n    LOADOUTX™ GAMING ESSENTIAL\n  \u003c\/div\u003e\n\n\n  \u003c!-- TITLE --\u003e\n\n  \u003ch2 class=\"lx-chat-title\"\u003e\n    ChatDeck\n    \u003cspan\u003eStay Connected. Stay In The Game.\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cdiv class=\"lx-chat-divider\"\u003e\u003c\/div\u003e\n\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"lx-chat-hero\"\u003e\n\n    \u003cp\u003e\n      \u003cstrong\u003eGame without putting your controller down 🎮\u003c\/strong\u003e\n      \u003cbr\u003e\u003cbr\u003e\n\n      Jump into the chat without stopping the action.\n      The \u003cspan class=\"lx-chat-gold\"\u003eLoadoutX™ ChatDeck\u003c\/span\u003e\n      snaps onto your PS5 setup and gives you a full mini keyboard\n      for messaging, party chat, and team callouts —\n      so your thumbs stay on the sticks while your squad stays in the loop.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n\n  \u003cdiv class=\"lx-chat-label\"\u003e\n    Why Players Are Reaching For The ChatDeck\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-chat-grid\"\u003e\n\n\n    \u003c!-- CARD 1 --\u003e\n\n    \u003cdiv class=\"lx-chat-card\"\u003e\n\n      \u003cdiv class=\"lx-chat-icon\"\u003e\n        🎤\n      \u003c\/div\u003e\n\n      \u003ch4\u003e\n        Voice Chat, Made Easy\n      \u003c\/h4\u003e\n\n      \u003cp\u003e\n        Built-in speaker and 3.5mm audio jack let you connect your favourite headset for clear communication during games and live streams.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CARD 2 --\u003e\n\n    \u003cdiv class=\"lx-chat-card\"\u003e\n\n      \u003cdiv class=\"lx-chat-icon\"\u003e\n        ⌨️\n      \u003c\/div\u003e\n\n      \u003ch4\u003e\n        Fast, Comfortable Typing\n      \u003c\/h4\u003e\n\n      \u003cp\u003e\n        Responsive mini keys make messaging friends, entering codes and searching the PS5 Store quick and convenient.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CARD 3 --\u003e\n\n    \u003cdiv class=\"lx-chat-card\"\u003e\n\n      \u003cdiv class=\"lx-chat-icon\"\u003e\n        📡\n      \u003c\/div\u003e\n\n      \u003ch4\u003e\n        Wireless Convenience\n      \u003c\/h4\u003e\n\n      \u003cp\u003e\n        Bluetooth 3.0 helps keep your setup cable-free and clutter-free.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CARD 4 --\u003e\n\n    \u003cdiv class=\"lx-chat-card\"\u003e\n\n      \u003cdiv class=\"lx-chat-icon\"\u003e\n        🎒\n      \u003c\/div\u003e\n\n      \u003ch4\u003e\n        Mini \u0026amp; Portable\n      \u003c\/h4\u003e\n\n      \u003cp\u003e\n        Lightweight and easy to take along for gaming at a friend's place or a LAN night.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CARD 5 --\u003e\n\n    \u003cdiv class=\"lx-chat-card\"\u003e\n\n      \u003cdiv class=\"lx-chat-icon\"\u003e\n        🔌\n      \u003c\/div\u003e\n\n      \u003ch4\u003e\n        Plug \u0026amp; Play\n      \u003c\/h4\u003e\n\n      \u003cp\u003e\n        Pair with your PlayStation 5 and get into the conversation without unnecessary setup.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SQUAD SECTION --\u003e\n\n  \u003cdiv class=\"lx-chat-squad\"\u003e\n\n    \u003cspan class=\"lx-chat-squad-icon\"\u003e\n      🎯\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Built For Squad Nights\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Whether you're coordinating a clutch play, planning the next raid,\n      or just catching up mid-match, the ChatDeck keeps communication\n      flowing without a single pause screen.\n      \u003cstrong\u003eLess typing frustration. More gaming.\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FINAL MESSAGE --\u003e\n\n  \u003cdiv class=\"lx-chat-final\"\u003e\n\n    \u003cstrong\u003e\n      Stay connected.\n      \u003cspan\u003eKeep your thumbs on the sticks.\u003c\/span\u003e\n      Keep playing.\n    \u003c\/strong\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":49451675451531,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/ps5-chatpad-dark-with-loadoutx-packaging.png?v=1790124772"},{"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"},{"product_id":"loadoutx™-powergrip-portable-ps5-controller-charger","title":"LoadoutX™ PowerGrip — Portable PS5 Controller Charger","description":"\u003cdiv class=\"lx-powergrip\"\u003e\n\n  \u003cstyle\u003e\n    .lx-powergrip {\n      --lx-black: #030303;\n      --lx-charcoal: #0b0b0b;\n      --lx-card: rgba(255,255,255,.045);\n      --lx-gold: #d4af37;\n      --lx-gold-light: #f6dc73;\n      --lx-gold-bright: #fff1a8;\n      --lx-white: #f7f7f7;\n      --lx-muted: #a9a9a9;\n      --lx-border: rgba(212,175,55,.22);\n\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      box-sizing: border-box;\n      padding: 70px 22px;\n      background:\n        radial-gradient(circle at 15% 15%, rgba(212,175,55,.13), transparent 28%),\n        radial-gradient(circle at 85% 25%, rgba(255,210,70,.08), transparent 25%),\n        radial-gradient(circle at 50% 100%, rgba(212,175,55,.09), transparent 35%),\n        linear-gradient(145deg, #020202 0%, #0a0a0a 50%, #030303 100%);\n      color: var(--lx-white);\n      font-family: Arial, Helvetica, sans-serif;\n      border-radius: 18px;\n      isolation: isolate;\n    }\n\n    .lx-powergrip *,\n    .lx-powergrip *::before,\n    .lx-powergrip *::after {\n      box-sizing: border-box;\n    }\n\n    \/* Ambient lighting *\/\n    .lx-powergrip::before,\n    .lx-powergrip::after {\n      content: \"\";\n      position: absolute;\n      width: 420px;\n      height: 420px;\n      border-radius: 50%;\n      filter: blur(90px);\n      pointer-events: none;\n      z-index: -1;\n      animation: lxFloat 8s ease-in-out infinite alternate;\n    }\n\n    .lx-powergrip::before {\n      top: -180px;\n      left: -180px;\n      background: rgba(212,175,55,.11);\n    }\n\n    .lx-powergrip::after {\n      right: -200px;\n      bottom: -200px;\n      background: rgba(212,175,55,.08);\n      animation-delay: -4s;\n    }\n\n    \/* Main container *\/\n    .lx-pg-container {\n      width: 100%;\n      max-width: 1080px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* Badge *\/\n    .lx-pg-badge {\n      width: fit-content;\n      margin: 0 auto 20px;\n      padding: 9px 17px;\n      border: 1px solid rgba(212,175,55,.38);\n      border-radius: 999px;\n      background: rgba(212,175,55,.06);\n      color: var(--lx-gold-light);\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      box-shadow:\n        0 0 20px rgba(212,175,55,.08),\n        inset 0 0 15px rgba(212,175,55,.03);\n      animation: lxBadgePulse 3s ease-in-out infinite;\n    }\n\n    \/* Hero *\/\n    .lx-pg-hero {\n      text-align: center;\n      margin-bottom: 42px;\n    }\n\n    .lx-pg-title {\n      margin: 0;\n      font-size: clamp(38px, 7vw, 76px);\n      line-height: .95;\n      font-weight: 900;\n      letter-spacing: -2px;\n      text-transform: uppercase;\n\n      background: linear-gradient(\n        110deg,\n        #a87d18 0%,\n        #f6dc73 22%,\n        #fff5bb 42%,\n        #d4af37 58%,\n        #fff0a0 78%,\n        #a77b18 100%\n      );\n      background-size: 250% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n\n      animation: lxGoldSweep 5s linear infinite;\n      filter: drop-shadow(0 0 22px rgba(212,175,55,.15));\n    }\n\n    .lx-pg-subtitle {\n      margin: 18px auto 0;\n      max-width: 680px;\n      color: #d0d0d0;\n      font-size: clamp(15px, 2vw, 19px);\n      line-height: 1.7;\n    }\n\n    \/* Power visual *\/\n    .lx-pg-power-visual {\n      position: relative;\n      width: min(100%, 620px);\n      height: 190px;\n      margin: 38px auto 50px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .lx-pg-energy-ring {\n      position: absolute;\n      width: 180px;\n      height: 180px;\n      border-radius: 50%;\n      border: 1px solid rgba(212,175,55,.22);\n      box-shadow:\n        0 0 35px rgba(212,175,55,.08),\n        inset 0 0 30px rgba(212,175,55,.05);\n      animation: lxRingPulse 3s ease-in-out infinite;\n    }\n\n    .lx-pg-energy-ring::before,\n    .lx-pg-energy-ring::after {\n      content: \"\";\n      position: absolute;\n      inset: 16px;\n      border-radius: 50%;\n      border: 1px dashed rgba(246,220,115,.25);\n      animation: lxSpin 14s linear infinite;\n    }\n\n    .lx-pg-energy-ring::after {\n      inset: 34px;\n      border-style: solid;\n      border-color: rgba(212,175,55,.13);\n      animation-direction: reverse;\n      animation-duration: 9s;\n    }\n\n    \/* Battery *\/\n    .lx-pg-battery {\n      position: relative;\n      width: 210px;\n      height: 92px;\n      border: 3px solid var(--lx-gold);\n      border-radius: 16px;\n      background: rgba(0,0,0,.72);\n      box-shadow:\n        0 0 25px rgba(212,175,55,.22),\n        inset 0 0 25px rgba(212,175,55,.06);\n      overflow: visible;\n      z-index: 3;\n    }\n\n    .lx-pg-battery::after {\n      content: \"\";\n      position: absolute;\n      right: -12px;\n      top: 30px;\n      width: 9px;\n      height: 28px;\n      background: var(--lx-gold);\n      border-radius: 0 5px 5px 0;\n      box-shadow: 0 0 12px rgba(212,175,55,.5);\n    }\n\n    .lx-pg-battery-fill {\n      position: absolute;\n      left: 8px;\n      top: 8px;\n      bottom: 8px;\n      width: 86%;\n      border-radius: 8px;\n      background: linear-gradient(\n        90deg,\n        #9c7419,\n        #d4af37,\n        #ffe989\n      );\n      box-shadow:\n        0 0 18px rgba(212,175,55,.5),\n        0 0 40px rgba(212,175,55,.18);\n      animation: lxBatteryPulse 2.5s ease-in-out infinite;\n    }\n\n    .lx-pg-battery-fill::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.55),\n        transparent\n      );\n      transform: translateX(-100%);\n      animation: lxBatterySweep 2.7s ease-in-out infinite;\n    }\n\n    .lx-pg-battery-percent {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 5;\n      font-size: 27px;\n      font-weight: 900;\n      letter-spacing: 1px;\n      color: #fff9d7;\n      text-shadow: 0 0 15px rgba(212,175,55,.65);\n    }\n\n    \/* Lightning bolt *\/\n    .lx-pg-bolt {\n      position: absolute;\n      font-size: 34px;\n      color: var(--lx-gold-light);\n      text-shadow:\n        0 0 12px rgba(212,175,55,.9),\n        0 0 35px rgba(212,175,55,.5);\n      animation: lxBolt 1.8s ease-in-out infinite;\n    }\n\n    .lx-pg-bolt.left {\n      left: 15%;\n    }\n\n    .lx-pg-bolt.right {\n      right: 15%;\n      animation-delay: -.9s;\n    }\n\n    \/* Hero glass card *\/\n    .lx-pg-hero-card {\n      position: relative;\n      margin: 0 auto 55px;\n      max-width: 900px;\n      padding: 34px;\n      border: 1px solid var(--lx-border);\n      border-radius: 22px;\n      background: linear-gradient(\n        145deg,\n        rgba(255,255,255,.065),\n        rgba(255,255,255,.018)\n      );\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      box-shadow:\n        0 20px 70px rgba(0,0,0,.45),\n        inset 0 1px 0 rgba(255,255,255,.06);\n      overflow: hidden;\n    }\n\n    .lx-pg-hero-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -120%;\n      width: 70%;\n      height: 100%;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.07),\n        transparent\n      );\n      transform: skewX(-20deg);\n      animation: lxGlassSweep 5s ease-in-out infinite;\n    }\n\n    .lx-pg-hero-card p {\n      position: relative;\n      margin: 0;\n      text-align: center;\n      font-size: 17px;\n      line-height: 1.8;\n      color: #d9d9d9;\n    }\n\n    .lx-pg-highlight {\n      color: var(--lx-gold-light);\n      font-weight: 800;\n    }\n\n    \/* Section heading *\/\n    .lx-pg-section-heading {\n      text-align: center;\n      margin: 0 0 28px;\n    }\n\n    .lx-pg-section-heading span {\n      display: block;\n      margin-bottom: 9px;\n      color: var(--lx-gold);\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n    }\n\n    .lx-pg-section-heading h2 {\n      margin: 0;\n      font-size: clamp(25px, 4vw, 38px);\n      line-height: 1.1;\n      font-weight: 900;\n      color: #fff;\n      text-transform: uppercase;\n      letter-spacing: -.5px;\n    }\n\n    \/* Feature grid *\/\n    .lx-pg-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 17px;\n      margin-bottom: 58px;\n    }\n\n    .lx-pg-card {\n      position: relative;\n      padding: 28px 25px;\n      min-height: 190px;\n      overflow: hidden;\n      border-radius: 18px;\n      border: 1px solid rgba(212,175,55,.16);\n      background: linear-gradient(\n        145deg,\n        rgba(255,255,255,.055),\n        rgba(255,255,255,.018)\n      );\n      transition:\n        transform .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n    }\n\n    .lx-pg-card::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 2px;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        var(--lx-gold),\n        transparent\n      );\n      transform: translateX(-100%);\n      animation: lxScan 4s ease-in-out infinite;\n    }\n\n    .lx-pg-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(212,175,55,.5);\n      box-shadow:\n        0 18px 45px rgba(0,0,0,.35),\n        0 0 25px rgba(212,175,55,.08);\n    }\n\n    .lx-pg-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 18px;\n      border-radius: 14px;\n      border: 1px solid rgba(212,175,55,.3);\n      background: rgba(212,175,55,.07);\n      color: var(--lx-gold-light);\n      font-size: 23px;\n      box-shadow: inset 0 0 20px rgba(212,175,55,.04);\n      animation: lxIconPulse 3s ease-in-out infinite;\n    }\n\n    .lx-pg-card:nth-child(2) .lx-pg-icon {\n      animation-delay: -.6s;\n    }\n\n    .lx-pg-card:nth-child(3) .lx-pg-icon {\n      animation-delay: -1.2s;\n    }\n\n    .lx-pg-card:nth-child(4) .lx-pg-icon {\n      animation-delay: -1.8s;\n    }\n\n    .lx-pg-card:nth-child(5) .lx-pg-icon {\n      animation-delay: -2.4s;\n    }\n\n    .lx-pg-card h3 {\n      margin: 0 0 9px;\n      color: #fff;\n      font-size: 17px;\n      font-weight: 850;\n    }\n\n    .lx-pg-card p {\n      margin: 0;\n      color: var(--lx-muted);\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    \/* Battery meter section *\/\n    .lx-pg-meter-section {\n      position: relative;\n      margin: 0 auto 58px;\n      max-width: 900px;\n      padding: 32px;\n      border-radius: 22px;\n      border: 1px solid rgba(212,175,55,.2);\n      background:\n        radial-gradient(circle at 50% 0%, rgba(212,175,55,.1), transparent 50%),\n        rgba(255,255,255,.025);\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.04);\n      overflow: hidden;\n    }\n\n    .lx-pg-meter-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 15px;\n      margin-bottom: 15px;\n    }\n\n    .lx-pg-meter-label {\n      color: #ddd;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n    }\n\n    .lx-pg-meter-value {\n      color: var(--lx-gold-light);\n      font-size: 15px;\n      font-weight: 900;\n    }\n\n    .lx-pg-meter {\n      height: 13px;\n      padding: 2px;\n      border-radius: 99px;\n      background: #171717;\n      border: 1px solid rgba(212,175,55,.2);\n      overflow: hidden;\n    }\n\n    .lx-pg-meter-fill {\n      position: relative;\n      height: 100%;\n      width: 88%;\n      border-radius: inherit;\n      background: linear-gradient(\n        90deg,\n        #8e6917,\n        #d4af37,\n        #ffe98b\n      );\n      box-shadow: 0 0 18px rgba(212,175,55,.5);\n      animation: lxMeterGlow 2.5s ease-in-out infinite;\n    }\n\n    .lx-pg-meter-fill::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 100px;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.5),\n        transparent\n      );\n      animation: lxMeterSweep 2.2s linear infinite;\n    }\n\n    .lx-pg-meter-note {\n      margin: 13px 0 0;\n      color: #8f8f8f;\n      font-size: 12px;\n      line-height: 1.5;\n    }\n\n    \/* Compatibility *\/\n    .lx-pg-compatible {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin: 0 auto 55px;\n    }\n\n    .lx-pg-compatible span {\n      padding: 10px 16px;\n      border: 1px solid rgba(212,175,55,.22);\n      border-radius: 999px;\n      background: rgba(212,175,55,.045);\n      color: #d7d7d7;\n      font-size: 12px;\n      font-weight: 700;\n      transition: .3s ease;\n    }\n\n    .lx-pg-compatible span:hover {\n      color: var(--lx-gold-light);\n      border-color: rgba(212,175,55,.55);\n      box-shadow: 0 0 18px rgba(212,175,55,.1);\n      transform: translateY(-2px);\n    }\n\n    \/* Why you'll love it *\/\n    .lx-pg-love {\n      max-width: 760px;\n      margin: 0 auto 55px;\n    }\n\n    .lx-pg-love-item {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 15px 0;\n      border-bottom: 1px solid rgba(255,255,255,.07);\n    }\n\n    .lx-pg-love-item:last-child {\n      border-bottom: none;\n    }\n\n    .lx-pg-check {\n      flex: 0 0 32px;\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(212,175,55,.08);\n      border: 1px solid rgba(212,175,55,.3);\n      color: var(--lx-gold-light);\n      font-size: 14px;\n      box-shadow: 0 0 15px rgba(212,175,55,.08);\n    }\n\n    .lx-pg-love-item span:last-child {\n      color: #d1d1d1;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    \/* Final CTA *\/\n    .lx-pg-final {\n      position: relative;\n      padding: 42px 25px;\n      text-align: center;\n      border-radius: 22px;\n      border: 1px solid rgba(212,175,55,.3);\n      background:\n        radial-gradient(circle at center, rgba(212,175,55,.12), transparent 65%),\n        rgba(255,255,255,.025);\n      overflow: hidden;\n      box-shadow:\n        0 20px 60px rgba(0,0,0,.35),\n        inset 0 0 30px rgba(212,175,55,.025);\n    }\n\n    .lx-pg-final::before {\n      content: \"\";\n      position: absolute;\n      inset: -50%;\n      background: conic-gradient(\n        from 0deg,\n        transparent,\n        rgba(212,175,55,.08),\n        transparent 25%\n      );\n      animation: lxRotate 8s linear infinite;\n    }\n\n    .lx-pg-final-content {\n      position: relative;\n      z-index: 2;\n    }\n\n    .lx-pg-final-icon {\n      display: inline-block;\n      font-size: 32px;\n      margin-bottom: 13px;\n      animation: lxFinalBolt 1.7s ease-in-out infinite;\n    }\n\n    .lx-pg-final h2 {\n      margin: 0;\n      font-size: clamp(24px, 5vw, 38px);\n      line-height: 1.2;\n      font-weight: 900;\n\n      background: linear-gradient(\n        100deg,\n        #c3972a,\n        #fff0a0,\n        #d4af37,\n        #fff2a5\n      );\n      background-size: 220% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: lxGoldSweep 4s linear infinite;\n    }\n\n    .lx-pg-final p {\n      margin: 12px auto 0;\n      max-width: 620px;\n      color: #aaa;\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    \/* Animations *\/\n    @keyframes lxGoldSweep {\n      0% { background-position: 0% center; }\n      100% { background-position: 250% center; }\n    }\n\n    @keyframes lxFloat {\n      0% { transform: translate3d(0,0,0) scale(1); }\n      100% { transform: translate3d(25px,20px,0) scale(1.12); }\n    }\n\n    @keyframes lxBadgePulse {\n      0%,100% {\n        box-shadow: 0 0 15px rgba(212,175,55,.05);\n      }\n      50% {\n        box-shadow: 0 0 28px rgba(212,175,55,.18);\n      }\n    }\n\n    @keyframes lxRingPulse {\n      0%,100% {\n        transform: scale(.94);\n        opacity: .55;\n      }\n      50% {\n        transform: scale(1.04);\n        opacity: 1;\n      }\n    }\n\n    @keyframes lxSpin {\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes lxBatteryPulse {\n      0%,100% {\n        filter: brightness(.9);\n      }\n      50% {\n        filter: brightness(1.18);\n      }\n    }\n\n    @keyframes lxBatterySweep {\n      0% { transform: translateX(-120%); }\n      55%,100% { transform: translateX(220%); }\n    }\n\n    @keyframes lxBolt {\n      0%,100% {\n        opacity: .45;\n        transform: scale(.9) translateY(0);\n      }\n      50% {\n        opacity: 1;\n        transform: scale(1.15) translateY(-5px);\n      }\n    }\n\n    @keyframes lxGlassSweep {\n      0%,20% { left: -120%; }\n      55%,100% { left: 140%; }\n    }\n\n    @keyframes lxScan {\n      0% { transform: translateX(-100%); }\n      45%,100% { transform: translateX(100%); }\n    }\n\n    @keyframes lxIconPulse {\n      0%,100% {\n        box-shadow: 0 0 0 rgba(212,175,55,0);\n      }\n      50% {\n        box-shadow: 0 0 22px rgba(212,175,55,.16);\n      }\n    }\n\n    @keyframes lxMeterGlow {\n      0%,100% { filter: brightness(.92); }\n      50% { filter: brightness(1.15); }\n    }\n\n    @keyframes lxMeterSweep {\n      from { transform: translateX(-130px); }\n      to { transform: translateX(700px); }\n    }\n\n    @keyframes lxRotate {\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes lxFinalBolt {\n      0%,100% {\n        transform: translateY(0) scale(1);\n        filter: drop-shadow(0 0 5px rgba(212,175,55,.25));\n      }\n      50% {\n        transform: translateY(-5px) scale(1.12);\n        filter: drop-shadow(0 0 15px rgba(212,175,55,.7));\n      }\n    }\n\n    \/* Tablet *\/\n    @media (max-width: 760px) {\n      .lx-powergrip {\n        padding: 55px 17px;\n        border-radius: 14px;\n      }\n\n      .lx-pg-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .lx-pg-card {\n        min-height: auto;\n      }\n\n      .lx-pg-power-visual {\n        height: 165px;\n      }\n\n      .lx-pg-energy-ring {\n        width: 150px;\n        height: 150px;\n      }\n\n      .lx-pg-battery {\n        width: 185px;\n        height: 82px;\n      }\n\n      .lx-pg-battery-percent {\n        font-size: 23px;\n      }\n\n      .lx-pg-bolt.left {\n        left: 8%;\n      }\n\n      .lx-pg-bolt.right {\n        right: 8%;\n      }\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 480px) {\n      .lx-powergrip {\n        padding: 45px 13px;\n      }\n\n      .lx-pg-title {\n        font-size: 39px;\n        letter-spacing: -1.5px;\n      }\n\n      .lx-pg-subtitle {\n        font-size: 14px;\n        line-height: 1.65;\n      }\n\n      .lx-pg-hero-card {\n        padding: 25px 19px;\n        border-radius: 17px;\n      }\n\n      .lx-pg-hero-card p {\n        font-size: 14px;\n        line-height: 1.7;\n      }\n\n      .lx-pg-power-visual {\n        height: 145px;\n        margin-top: 30px;\n      }\n\n      .lx-pg-energy-ring {\n        width: 125px;\n        height: 125px;\n      }\n\n      .lx-pg-battery {\n        width: 165px;\n        height: 70px;\n        border-width: 2px;\n      }\n\n      .lx-pg-battery-fill {\n        left: 6px;\n        top: 6px;\n        bottom: 6px;\n      }\n\n      .lx-pg-battery::after {\n        right: -9px;\n        top: 23px;\n        width: 7px;\n        height: 21px;\n      }\n\n      .lx-pg-battery-percent {\n        font-size: 20px;\n      }\n\n      .lx-pg-bolt {\n        font-size: 25px;\n      }\n\n      .lx-pg-section-heading h2 {\n        font-size: 26px;\n      }\n\n      .lx-pg-card {\n        padding: 23px 20px;\n      }\n\n      .lx-pg-meter-section {\n        padding: 23px 18px;\n      }\n\n      .lx-pg-final {\n        padding: 35px 18px;\n      }\n\n      .lx-pg-final h2 {\n        font-size: 25px;\n      }\n    }\n\n    \/* Accessibility *\/\n    @media (prefers-reduced-motion: reduce) {\n      .lx-powergrip *,\n      .lx-powergrip *::before,\n      .lx-powergrip *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        scroll-behavior: auto !important;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"lx-pg-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"lx-pg-hero\"\u003e\n\n      \u003cdiv class=\"lx-pg-badge\"\u003e\n        ⚡ LOADOUTX™ POWER SERIES\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"lx-pg-title\"\u003e\n        PowerGrip\n      \u003c\/h1\u003e\n\n      \u003cp class=\"lx-pg-subtitle\"\u003e\n        More Power. More Play. Zero Battery Anxiety.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- POWER VISUAL --\u003e\n    \u003cdiv class=\"lx-pg-power-visual\"\u003e\n\n      \u003cdiv class=\"lx-pg-energy-ring\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-bolt left\"\u003e⚡\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-battery\"\u003e\n        \u003cdiv class=\"lx-pg-battery-fill\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lx-pg-battery-percent\"\u003e88%\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-bolt right\"\u003e⚡\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- INTRO --\u003e\n    \u003cdiv class=\"lx-pg-hero-card\"\u003e\n\n      \u003cp\u003e\n        🎮 \u003cspan class=\"lx-pg-highlight\"\u003eSay goodbye to battery anxiety.\u003c\/span\u003e\n        Your controller shouldn't die just as the game gets good.\n        The LoadoutX™ PowerGrip gives your PS5 controller the extra power it needs,\n        so you're always ready for the next match, the next boss fight or one more round. ⚡\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"lx-pg-section-heading\"\u003e\n      \u003cspan\u003ePOWER WITHOUT THE PAUSE\u003c\/span\u003e\n      \u003ch2\u003eBuilt For Longer Sessions\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lx-pg-grid\"\u003e\n\n      \u003cdiv class=\"lx-pg-card\"\u003e\n        \u003cdiv class=\"lx-pg-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eLarge-Capacity Power Storage\u003c\/h3\u003e\n        \u003cp\u003e\n          Get over 12 hours of battery life, so you can keep playing through\n          long sessions, weekend marathons and late-night co-op without stopping to recharge.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-card\"\u003e\n        \u003cdiv class=\"lx-pg-icon\"\u003e🎮\u003c\/div\u003e\n        \u003ch3\u003ePlay While Charging\u003c\/h3\u003e\n        \u003cp\u003e\n          No need to put your controller down or sit close to the console.\n          Keep playing while it charges and don't lose your flow.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-card\"\u003e\n        \u003cdiv class=\"lx-pg-icon\"\u003e📊\u003c\/div\u003e\n        \u003ch3\u003eReal-Time Battery Monitoring\u003c\/h3\u003e\n        \u003cp\u003e\n          See exactly how much power you have left, so a low battery never\n          catches you by surprise in the middle of a game.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-card\"\u003e\n        \u003cdiv class=\"lx-pg-icon\"\u003e🎒\u003c\/div\u003e\n        \u003ch3\u003ePortable \u0026amp; Always Ready\u003c\/h3\u003e\n        \u003cp\u003e\n          Compact and easy to take with you, making it ideal for gaming on\n          the couch, in your room or on the go.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-card\"\u003e\n        \u003cdiv class=\"lx-pg-icon\"\u003e🕹️\u003c\/div\u003e\n        \u003ch3\u003eWorks With Your Gear\u003c\/h3\u003e\n        \u003cp\u003e\n          Compatible with the PS5 DualSense controller and the\n          DualSense Edge.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- BATTERY METER --\u003e\n    \u003cdiv class=\"lx-pg-meter-section\"\u003e\n\n      \u003cdiv class=\"lx-pg-meter-top\"\u003e\n        \u003cspan class=\"lx-pg-meter-label\"\u003ePower Status\u003c\/span\u003e\n        \u003cspan class=\"lx-pg-meter-value\"\u003eREADY TO PLAY\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-meter\"\u003e\n        \u003cdiv class=\"lx-pg-meter-fill\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"lx-pg-meter-note\"\u003e\n        Real-time battery monitoring helps you keep track of your remaining power\n        before the next session begins.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- COMPATIBILITY --\u003e\n    \u003cdiv class=\"lx-pg-section-heading\"\u003e\n      \u003cspan\u003eDESIGNED FOR PLAYSTATION\u003c\/span\u003e\n      \u003ch2\u003eCompatible With Your Controller\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lx-pg-compatible\"\u003e\n      \u003cspan\u003e🎮 PS5 DualSense\u003c\/span\u003e\n      \u003cspan\u003e🕹️ DualSense Edge\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WHY YOU'LL LOVE IT --\u003e\n    \u003cdiv class=\"lx-pg-section-heading\"\u003e\n      \u003cspan\u003ePOWER UP YOUR SETUP\u003c\/span\u003e\n      \u003ch2\u003eWhy You'll Love It\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lx-pg-love\"\u003e\n\n      \u003cdiv class=\"lx-pg-love-item\"\u003e\n        \u003cdiv class=\"lx-pg-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003e🔋 Large-capacity battery with over 12 hours of play time\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-love-item\"\u003e\n        \u003cdiv class=\"lx-pg-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003e🎮 Keep playing while it charges\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-love-item\"\u003e\n        \u003cdiv class=\"lx-pg-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003e📊 Real-time battery monitoring\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-love-item\"\u003e\n        \u003cdiv class=\"lx-pg-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003e🎒 Portable design that's always ready to go\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-pg-love-item\"\u003e\n        \u003cdiv class=\"lx-pg-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003e🕹️ Compatible with PS5 DualSense and DualSense Edge controllers\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- FINAL CTA --\u003e\n    \u003cdiv class=\"lx-pg-final\"\u003e\n\n      \u003cdiv class=\"lx-pg-final-content\"\u003e\n\n        \u003cdiv class=\"lx-pg-final-icon\"\u003e⚡\u003c\/div\u003e\n\n        \u003ch2\u003e\n          More Power. More Play.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          LoadoutX™ PowerGrip keeps your controller powered for the moments\n          that matter — so you can stay focused on the game.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50554038452363,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/charger-cinematic-with-correct-loadoutx-logo.png?v=1790461095"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/collections\/gadgets-collection-image.png?v=1790120218","url":"https:\/\/loadoutx.co.za\/collections\/gadgets.oembed","provider":"LoadoutX","version":"1.0","type":"link"}