{"product_id":"ipega-vr-dock-pro-multifunctional-charging-stand-for-ps-vr2","title":"iPega VR Dock Pro — Multifunctional Charging Stand for PS VR2","description":"\u003c!-- LOADOUTX™ | iPEGA VR DOCK PRO | PREMIUM ANIMATED PRODUCT SECTION --\u003e\n\n\u003cdiv class=\"lx-vr-dock\"\u003e\n\n  \u003cstyle\u003e\n    .lx-vr-dock {\n      --lx-gold: #d4af37;\n      --lx-gold-light: #f5dc7a;\n      --lx-gold-bright: #ffe9a3;\n      --lx-black: #050505;\n      --lx-charcoal: #101010;\n      --lx-card: rgba(255,255,255,.045);\n      --lx-border: rgba(212,175,55,.22);\n      --lx-text: #f5f5f5;\n      --lx-muted: #a9a9a9;\n\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      margin: 0 auto;\n      border-radius: 20px;\n      color: var(--lx-text);\n      background:\n        radial-gradient(\n          circle at 50% -10%,\n          rgba(212,175,55,.16),\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          #0c0c0c 45%,\n          #111111 100%\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       ANIMATED BACKGROUND\n    ========================================= *\/\n\n    .lx-vr-dock::before,\n    .lx-vr-dock::after {\n      content: \"\";\n      position: absolute;\n      pointer-events: none;\n      border-radius: 50%;\n      filter: blur(75px);\n      z-index: 0;\n    }\n\n    .lx-vr-dock::before {\n      width: 260px;\n      height: 260px;\n      top: -130px;\n      left: -100px;\n      background: rgba(212,175,55,.17);\n      animation: lxAmbientOne 8s ease-in-out infinite alternate;\n    }\n\n    .lx-vr-dock::after {\n      width: 220px;\n      height: 220px;\n      right: -100px;\n      bottom: -100px;\n      background: rgba(245,220,122,.11);\n      animation: lxAmbientTwo 10s ease-in-out infinite alternate;\n    }\n\n    .lx-vr-inner {\n      position: relative;\n      z-index: 2;\n      padding: 38px 24px;\n    }\n\n    \/* =========================================\n       TOP BADGE\n    ========================================= *\/\n\n    .lx-vr-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n\n      padding: 8px 15px;\n      margin-bottom: 20px;\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,.025)\n        );\n\n      color: var(--lx-gold-light);\n\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n\n      box-shadow:\n        0 0 25px rgba(212,175,55,.08);\n\n      animation:\n        lxBadgeIn .8s ease forwards,\n        lxBadgePulse 3s ease-in-out 1s infinite;\n    }\n\n    .lx-vr-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--lx-gold-light);\n\n      box-shadow:\n        0 0 8px var(--lx-gold),\n        0 0 16px rgba(212,175,55,.6);\n\n      animation: lxDotPulse 2s ease-in-out infinite;\n    }\n\n    \/* =========================================\n       MAIN TITLE\n    ========================================= *\/\n\n    .lx-vr-title {\n      margin: 0 0 12px;\n\n      font-size: clamp(28px, 7vw, 48px);\n      line-height: 1.04;\n\n      font-weight: 850;\n      letter-spacing: -1.7px;\n\n      background:\n        linear-gradient(\n          90deg,\n          #a97b17,\n          #e7c95f,\n          #fff2ad,\n          #d4af37,\n          #a87916\n        );\n\n      background-size: 300% auto;\n\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n\n      animation:\n        lxTitleReveal .9s ease forwards,\n        lxGoldFlow 6s linear infinite;\n    }\n\n    .lx-vr-title span {\n      display: block;\n      color: #f4f4f4;\n      -webkit-text-fill-color: #f4f4f4;\n      font-size: .46em;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-top: 13px;\n      font-weight: 600;\n    }\n\n    .lx-vr-divider {\n      width: 75px;\n      height: 2px;\n      margin: 0 0 25px;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          var(--lx-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       INTRO\n    ========================================= *\/\n\n    .lx-vr-intro {\n      max-width: 700px;\n      margin: 0 0 28px;\n\n      color: var(--lx-muted);\n      font-size: 14px;\n      line-height: 1.75;\n\n      animation: lxFadeUp .9s .2s ease both;\n    }\n\n    .lx-vr-intro strong {\n      color: #f2f2f2;\n    }\n\n    .lx-vr-intro .lx-gold {\n      color: var(--lx-gold-light);\n      font-weight: 700;\n    }\n\n    \/* =========================================\n       HERO GLASS PANEL\n    ========================================= *\/\n\n    .lx-vr-hero {\n      position: relative;\n\n      padding: 24px 20px;\n      margin-bottom: 22px;\n\n      border: 1px solid var(--lx-border);\n      border-radius: 18px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.065),\n          rgba(255,255,255,.015)\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,.06);\n\n      overflow: hidden;\n\n      animation: lxFadeUp .9s .35s ease both;\n\n      transition:\n        transform .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n    }\n\n    .lx-vr-hero:hover {\n      transform: translateY(-4px);\n\n      border-color:\n        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-vr-hero::after {\n      content: \"\";\n\n      position: absolute;\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,.08),\n          transparent\n        );\n\n      transform: rotate(25deg);\n\n      animation: lxGlassSweep 7s ease-in-out infinite;\n    }\n\n    .lx-vr-hero p {\n      position: relative;\n      z-index: 2;\n\n      margin: 0;\n\n      color: #e7e7e7;\n      font-size: 15px;\n      line-height: 1.75;\n    }\n\n    .lx-vr-hero strong {\n      color: #ffffff;\n    }\n\n    \/* =========================================\n       SECTION LABEL\n    ========================================= *\/\n\n    .lx-vr-label {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n\n      margin: 28px 0 15px;\n\n      color: #f4d86d;\n\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n    }\n\n    .lx-vr-label::after {\n      content: \"\";\n\n      flex: 1;\n\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 GRID\n    ========================================= *\/\n\n    .lx-vr-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 10px;\n    }\n\n    .lx-vr-card {\n      position: relative;\n\n      min-height: 170px;\n\n      padding: 19px 14px;\n\n      border:\n        1px solid rgba(255,255,255,.07);\n\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: lxCardReveal .75s ease both;\n    }\n\n    .lx-vr-card:nth-child(1) {\n      animation-delay: .15s;\n    }\n\n    .lx-vr-card:nth-child(2) {\n      animation-delay: .25s;\n    }\n\n    .lx-vr-card:nth-child(3) {\n      animation-delay: .35s;\n    }\n\n    .lx-vr-card:nth-child(4) {\n      animation-delay: .45s;\n    }\n\n    .lx-vr-card:nth-child(5) {\n      animation-delay: .55s;\n    }\n\n    .lx-vr-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 130%;\n      height: 1px;\n\n      left: -150%;\n      top: 0;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          var(--lx-gold-light),\n          transparent\n        );\n\n      box-shadow:\n        0 0 12px rgba(212,175,55,.7);\n\n      animation:\n        lxCardScan 5s ease-in-out infinite;\n    }\n\n    .lx-vr-card:hover {\n      transform: translateY(-8px);\n\n      border-color:\n        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    .lx-vr-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:\n        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-vr-card:hover .lx-vr-icon {\n      transform:\n        scale(1.12)\n        rotate(-4deg);\n\n      box-shadow:\n        0 0 25px rgba(212,175,55,.15);\n    }\n\n    .lx-vr-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-vr-card p {\n      margin: 0;\n\n      color: #9e9e9e;\n\n      font-size: 11.5px;\n      line-height: 1.55;\n    }\n\n    \/* =========================================\n       FINAL CTA\n    ========================================= *\/\n\n    .lx-vr-cta {\n      position: relative;\n\n      margin-top: 28px;\n      padding: 27px 20px;\n\n      text-align: center;\n\n      border-top:\n        1px solid rgba(212,175,55,.22);\n\n      border-bottom:\n        1px solid rgba(212,175,55,.22);\n\n      overflow: hidden;\n\n      animation: lxFadeUp 1s .8s ease both;\n    }\n\n    .lx-vr-cta::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 150px;\n      height: 150px;\n\n      left: 50%;\n      top: 50%;\n\n      transform: translate(-50%,-50%);\n\n      background:\n        radial-gradient(\n          circle,\n          rgba(212,175,55,.12),\n          transparent 70%\n        );\n\n      filter: blur(10px);\n\n      animation:\n        lxCtaGlow 4s ease-in-out infinite;\n    }\n\n    .lx-vr-cta-icon {\n      position: relative;\n\n      display: block;\n\n      margin-bottom: 10px;\n\n      color: var(--lx-gold-light);\n\n      font-size: 21px;\n\n      animation:\n        lxSparkle 2.5s ease-in-out infinite;\n    }\n\n    .lx-vr-cta strong {\n      position: relative;\n\n      display: block;\n\n      color: #ffffff;\n\n      font-size: 16px;\n      line-height: 1.5;\n\n      letter-spacing: -.2px;\n    }\n\n    .lx-vr-cta strong span {\n      color: var(--lx-gold-light);\n    }\n\n    \/* =========================================\n       DISCLAIMER\n    ========================================= *\/\n\n    .lx-vr-disclaimer {\n      margin: 18px 0 0;\n\n      text-align: center;\n\n      color: #666;\n\n      font-size: 10px;\n      line-height: 1.6;\n\n      font-style: italic;\n\n      animation: lxFadeUp 1s 1s ease both;\n    }\n\n    \/* =========================================\n       ANIMATIONS\n    ========================================= *\/\n\n    @keyframes lxAmbientOne {\n      0% {\n        transform: translate(0,0) scale(1);\n      }\n      100% {\n        transform: translate(55px,35px) scale(1.18);\n      }\n    }\n\n    @keyframes lxAmbientTwo {\n      0% {\n        transform: translate(0,0) scale(1);\n      }\n      100% {\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:\n          0 0 15px rgba(212,175,55,.04);\n      }\n      50% {\n        box-shadow:\n          0 0 30px rgba(212,175,55,.14);\n      }\n    }\n\n    @keyframes lxDotPulse {\n      0%,100% {\n        transform: scale(1);\n        opacity: .65;\n      }\n      50% {\n        transform: scale(1.35);\n        opacity: 1;\n      }\n    }\n\n    @keyframes lxTitleReveal {\n      from {\n        opacity: 0;\n        transform: translateY(18px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes lxGoldFlow {\n      0% {\n        background-position: 0% center;\n      }\n      100% {\n        background-position: 300% center;\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 lxDivider {\n      0%,100% {\n        width: 60px;\n        opacity: .55;\n      }\n      50% {\n        width: 95px;\n        opacity: 1;\n      }\n    }\n\n    @keyframes lxGlassSweep {\n      0% {\n        left: -100%;\n      }\n      45%,100% {\n        left: 160%;\n      }\n    }\n\n    @keyframes lxCardReveal {\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 lxSparkle {\n      0%,100% {\n        transform: scale(1) rotate(0deg);\n        opacity: .7;\n      }\n      50% {\n        transform: scale(1.25) rotate(12deg);\n        opacity: 1;\n      }\n    }\n\n    @keyframes lxCtaGlow {\n      0%,100% {\n        opacity: .4;\n        transform: translate(-50%,-50%) scale(.8);\n      }\n      50% {\n        opacity: .8;\n        transform: translate(-50%,-50%) scale(1.15);\n      }\n    }\n\n    \/* =========================================\n       TABLET\n    ========================================= *\/\n\n    @media (max-width: 1000px) {\n\n      .lx-vr-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n\n      .lx-vr-card {\n        min-height: 155px;\n      }\n    }\n\n    \/* =========================================\n       MOBILE\n    ========================================= *\/\n\n    @media (max-width: 700px) {\n\n      .lx-vr-dock {\n        border-radius: 15px;\n      }\n\n      .lx-vr-inner {\n        padding: 30px 15px;\n      }\n\n      .lx-vr-title {\n        font-size: 31px;\n        letter-spacing: -1px;\n      }\n\n      .lx-vr-title span {\n        font-size: 10px;\n        letter-spacing: 1.5px;\n      }\n\n      .lx-vr-intro {\n        font-size: 13px;\n        line-height: 1.7;\n      }\n\n      .lx-vr-hero {\n        padding: 20px 17px;\n      }\n\n      .lx-vr-hero p {\n        font-size: 13.5px;\n      }\n\n      .lx-vr-grid {\n        grid-template-columns: 1fr;\n        gap: 9px;\n      }\n\n      .lx-vr-card {\n        min-height: auto;\n\n        display: grid;\n\n        grid-template-columns:\n          49px\n          1fr;\n\n        column-gap: 14px;\n\n        align-items: center;\n\n        padding: 17px;\n      }\n\n      .lx-vr-icon {\n        grid-row: span 2;\n\n        margin: 0;\n      }\n\n      .lx-vr-card h4 {\n        margin-bottom: 4px;\n      }\n\n      .lx-vr-card p {\n        font-size: 11.5px;\n      }\n\n      .lx-vr-cta {\n        padding: 23px 12px;\n      }\n\n      .lx-vr-cta strong {\n        font-size: 14px;\n      }\n    }\n\n    \/* =========================================\n       REDUCED MOTION\n    ========================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .lx-vr-dock *,\n      .lx-vr-dock::before,\n      .lx-vr-dock::after {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"lx-vr-inner\"\u003e\n\n    \u003c!-- BADGE --\u003e\n\n    \u003cdiv class=\"lx-vr-badge\"\u003e\n      \u003cspan class=\"lx-vr-dot\"\u003e\u003c\/span\u003e\n      LOADOUTX™ VR ESSENTIAL\n    \u003c\/div\u003e\n\n\n    \u003c!-- TITLE --\u003e\n\n    \u003ch2 class=\"lx-vr-title\"\u003e\n      iPega VR Dock Pro\n      \u003cspan\u003eMultifunctional Charging Stand for PS VR2\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"lx-vr-divider\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- INTRO --\u003e\n\n    \u003cp class=\"lx-vr-intro\"\u003e\n      Elevate your VR setup with the\n      \u003cstrong\u003eiPega VR Dock Pro\u003c\/strong\u003e —\n      a sleek multifunctional charging stand designed to keep your\n      \u003cspan class=\"lx-gold\"\u003ePlayStation VR2 gear charged, organised,\n      and ready\u003c\/span\u003e for your next session.\n    \u003c\/p\u003e\n\n\n    \u003c!-- HERO MESSAGE --\u003e\n\n    \u003cdiv class=\"lx-vr-hero\"\u003e\n\n      \u003cp\u003e\n        No more scattered accessories or last-minute charging.\n        Dock your gear after every game and enjoy a\n        \u003cstrong\u003ecleaner, more polished setup.\u003c\/strong\u003e\n        🥽⚡\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdiv class=\"lx-vr-label\"\u003e\n      Why You'll Love It\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-vr-grid\"\u003e\n\n\n      \u003cdiv class=\"lx-vr-card\"\u003e\n\n        \u003cdiv class=\"lx-vr-icon\"\u003e\n          ⚡\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Convenient Charging\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Keep your setup ready for the next VR session.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-vr-card\"\u003e\n\n        \u003cdiv class=\"lx-vr-icon\"\u003e\n          🥽\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Dedicated Storage\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Keep your PS VR2 setup organised and together.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-vr-card\"\u003e\n\n        \u003cdiv class=\"lx-vr-icon\"\u003e\n          🧼\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Cleaner Setup\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Helps keep your gaming space neat and clutter-free.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-vr-card\"\u003e\n\n        \u003cdiv class=\"lx-vr-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Premium Design\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Minimal styling that complements your console setup.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-vr-card\"\u003e\n\n        \u003cdiv class=\"lx-vr-icon\"\u003e\n          🎮\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Ready to Play\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Keeps your gear within easy reach whenever you are ready.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL STATEMENT --\u003e\n\n    \u003cdiv class=\"lx-vr-cta\"\u003e\n\n      \u003cspan class=\"lx-vr-cta-icon\"\u003e\n        ✦\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Charge smarter.\n        \u003cspan\u003eDisplay better.\u003c\/span\u003e\n        Play without the clutter.\n      \u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- DISCLAIMER --\u003e\n\n    \u003cp class=\"lx-vr-disclaimer\"\u003e\n      PS VR2 headset, controllers, console, and other accessories\n      are not included.\n    \u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":49451637309579,"sku":null,"price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/vr-stand-grey-with-black-loadoutx-box.png?v=1790122907","url":"https:\/\/loadoutx.co.za\/products\/ipega-vr-dock-pro-multifunctional-charging-stand-for-ps-vr2","provider":"LoadoutX","version":"1.0","type":"link"}