{"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":799.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","url":"https:\/\/loadoutx.co.za\/products\/loadoutx%e2%84%a2-chatdeck-ps5-wireless-mini-keyboard-voice-chat-pad","provider":"LoadoutX","version":"1.0","type":"link"}