{"title":"MERCHANDISE","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003e\u003cspan\u003eWear the Game. Live the Culture.\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eRep your favourite gaming worlds beyond the screen with gaming-inspired merchandise made for players, collectors, and enthusiasts who live and breathe gaming.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"loadoutx™-glowpad-3d-controller-night-light-7-colours","title":"LoadoutX™ GlowPad — 3D Controller Night Light, 7 Colours","description":"\u003c!-- LOADOUTX™ GLOWPAD — PREMIUM ANIMATED SHOPIFY PRODUCT DESCRIPTION --\u003e\n\u003cdiv class=\"lx-glowpad\"\u003e\n\n  \u003cstyle\u003e\n    .lx-glowpad {\n      --lx-bg: #040405;\n      --lx-bg2: #09090b;\n      --lx-card: rgba(255,255,255,.045);\n      --lx-border: rgba(214,175,58,.18);\n\n      --lx-gold: #d6ad3a;\n      --lx-gold-light: #ffe58a;\n      --lx-gold-dark: #806016;\n\n      --lx-white: #f7f5ef;\n      --lx-muted: #a7a49d;\n\n      --lx-red: #ff315d;\n      --lx-blue: #3d9dff;\n      --lx-purple: #9a63ff;\n      --lx-cyan: #35e8ff;\n      --lx-pink: #ff58c7;\n      --lx-green: #58e68c;\n\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      box-sizing: border-box;\n      color: var(--lx-white);\n      font-family: Arial, Helvetica, sans-serif;\n      background:\n        radial-gradient(circle at 50% 5%, rgba(156,99,255,.13), transparent 25%),\n        radial-gradient(circle at 0% 45%, rgba(53,232,255,.055), transparent 30%),\n        radial-gradient(circle at 100% 65%, rgba(255,49,93,.055), transparent 30%),\n        linear-gradient(180deg,#040405 0%,#08080a 50%,#030304 100%);\n      border-radius: 18px;\n      isolation: isolate;\n      box-shadow: 0 30px 100px rgba(0,0,0,.65);\n    }\n\n    .lx-glowpad *,\n    .lx-glowpad *::before,\n    .lx-glowpad *::after {\n      box-sizing: border-box;\n    }\n\n    \/* =========================================================\n       AMBIENT ROOM LIGHT\n    ========================================================= *\/\n\n    .lx-glowpad::before,\n    .lx-glowpad::after {\n      content: \"\";\n      position: absolute;\n      width: 420px;\n      height: 420px;\n      border-radius: 50%;\n      filter: blur(100px);\n      pointer-events: none;\n      z-index: -1;\n      opacity: .16;\n      animation: lxGPAmbient 9s ease-in-out infinite alternate;\n    }\n\n    .lx-glowpad::before {\n      left: -220px;\n      top: 8%;\n      background: rgba(53,232,255,.35);\n    }\n\n    .lx-glowpad::after {\n      right: -220px;\n      bottom: 8%;\n      background: rgba(154,99,255,.35);\n      animation-delay: -4s;\n    }\n\n    @keyframes lxGPAmbient {\n      from {\n        transform: translate3d(0,0,0) scale(.85);\n      }\n      to {\n        transform: translate3d(35px,-30px,0) scale(1.15);\n      }\n    }\n\n    \/* =========================================================\n       HERO\n    ========================================================= *\/\n\n    .lx-gp-hero {\n      position: relative;\n      padding: 72px 20px 50px;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .lx-gp-grid {\n      position: absolute;\n      inset: 0;\n      opacity: .055;\n      background-image:\n        linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);\n      background-size: 42px 42px;\n      mask-image: linear-gradient(to bottom,#000,transparent);\n      pointer-events: none;\n    }\n\n    .lx-gp-badge {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      padding: 9px 15px;\n      border: 1px solid rgba(214,175,58,.3);\n      border-radius: 999px;\n      background: rgba(214,175,58,.055);\n      color: var(--lx-gold-light);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 2.4px;\n      text-transform: uppercase;\n      box-shadow: 0 0 30px rgba(214,175,58,.08);\n      animation: lxGPBadge 3s ease-in-out infinite;\n    }\n\n    .lx-gp-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--lx-gold-light);\n      box-shadow: 0 0 15px var(--lx-gold-light);\n      animation: lxGPDot 1.6s ease-in-out infinite;\n    }\n\n    @keyframes lxGPBadge {\n      0%,100% {\n        transform: translateY(0);\n      }\n      50% {\n        transform: translateY(-3px);\n        box-shadow: 0 0 40px rgba(214,175,58,.2);\n      }\n    }\n\n    @keyframes lxGPDot {\n      0%,100% {\n        opacity: .45;\n        transform: scale(.8);\n      }\n      50% {\n        opacity: 1;\n        transform: scale(1.2);\n      }\n    }\n\n    .lx-gp-title {\n      position: relative;\n      margin: 22px auto 12px;\n      max-width: 900px;\n      font-size: clamp(48px,8vw,88px);\n      line-height: .9;\n      font-weight: 950;\n      letter-spacing: -4px;\n      text-transform: uppercase;\n\n      background:\n        linear-gradient(\n          110deg,\n          #806016 5%,\n          #d6ad3a 20%,\n          #fff0a4 40%,\n          #c59629 58%,\n          #ffe58a 76%,\n          #806016 100%\n        );\n\n      background-size: 220% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n\n      animation: lxGPGold 5s linear infinite;\n    }\n\n    @keyframes lxGPGold {\n      to {\n        background-position: 220% center;\n      }\n    }\n\n    .lx-gp-tagline {\n      position: relative;\n      margin: 0 auto 25px;\n      font-size: clamp(17px,3vw,26px);\n      font-weight: 750;\n      color: var(--lx-white);\n    }\n\n    .lx-gp-tagline span {\n      color: var(--lx-gold-light);\n    }\n\n    \/* =========================================================\n       3D CONTROLLER ILLUSION\n    ========================================================= *\/\n\n    .lx-gp-stage {\n      position: relative;\n      width: min(720px,100%);\n      height: 410px;\n      margin: 0 auto;\n      perspective: 1200px;\n    }\n\n    .lx-gp-halo {\n      position: absolute;\n      width: 470px;\n      height: 250px;\n      left: 50%;\n      top: 47%;\n      transform: translate(-50%,-50%);\n      border-radius: 50%;\n      background:\n        radial-gradient(\n          ellipse,\n          rgba(154,99,255,.28),\n          rgba(53,232,255,.12) 35%,\n          rgba(255,49,93,.07) 50%,\n          transparent 72%\n        );\n      filter: blur(20px);\n      animation: lxGPHalo 4s ease-in-out infinite;\n    }\n\n    @keyframes lxGPHalo {\n      0%,100% {\n        transform: translate(-50%,-50%) scale(.9);\n        opacity: .6;\n      }\n      50% {\n        transform: translate(-50%,-50%) scale(1.08);\n        opacity: 1;\n      }\n    }\n\n    \/* Controller frame *\/\n    .lx-gp-controller {\n      position: absolute;\n      z-index: 4;\n      left: 50%;\n      top: 45%;\n      width: 355px;\n      height: 190px;\n      transform:\n        translate(-50%,-50%)\n        rotateX(8deg)\n        rotateZ(-3deg);\n      filter:\n        drop-shadow(0 30px 30px rgba(0,0,0,.6))\n        drop-shadow(0 0 25px rgba(154,99,255,.25));\n      animation: lxGPControllerFloat 4.5s ease-in-out infinite;\n    }\n\n    @keyframes lxGPControllerFloat {\n      0%,100% {\n        transform:\n          translate(-50%,-50%)\n          rotateX(8deg)\n          rotateZ(-3deg)\n          translateY(0);\n      }\n      50% {\n        transform:\n          translate(-50%,-50%)\n          rotateX(8deg)\n          rotateZ(-3deg)\n          translateY(-10px);\n      }\n    }\n\n    .lx-gp-body {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 260px;\n      height: 125px;\n      transform: translate(-50%,-50%);\n      border-radius: 45px 45px 38px 38px;\n      background:\n        linear-gradient(\n          145deg,\n          #292929,\n          #111 55%,\n          #080808\n        );\n      border: 2px solid rgba(255,255,255,.13);\n      box-shadow:\n        inset 0 1px rgba(255,255,255,.14),\n        inset 0 -15px 30px rgba(0,0,0,.4);\n    }\n\n    .lx-gp-body::after {\n      content: \"\";\n      position: absolute;\n      inset: -3px;\n      border-radius: inherit;\n      border: 2px solid transparent;\n      background:\n        linear-gradient(#111,#111) padding-box,\n        linear-gradient(\n          90deg,\n          var(--lx-red),\n          var(--lx-purple),\n          var(--lx-blue),\n          var(--lx-cyan),\n          var(--lx-pink),\n          var(--lx-red)\n        ) border-box;\n      background-size: 250% 100%;\n      animation: lxGPControllerRGB 4s linear infinite;\n      opacity: .85;\n    }\n\n    @keyframes lxGPControllerRGB {\n      to {\n        background-position: 250% 0;\n      }\n    }\n\n    \/* Handles *\/\n    .lx-gp-handle {\n      position: absolute;\n      z-index: -1;\n      width: 115px;\n      height: 135px;\n      bottom: -28px;\n      border-radius: 48% 48% 55% 55%;\n      background:\n        linear-gradient(145deg,#242424,#0b0b0b);\n      border: 2px solid rgba(255,255,255,.1);\n    }\n\n    .lx-gp-handle.left {\n      left: 20px;\n      transform: rotate(13deg);\n    }\n\n    .lx-gp-handle.right {\n      right: 20px;\n      transform: rotate(-13deg);\n    }\n\n    \/* Touch centre *\/\n    .lx-gp-touch {\n      position: absolute;\n      z-index: 5;\n      left: 50%;\n      top: 18px;\n      width: 75px;\n      height: 38px;\n      transform: translateX(-50%);\n      border-radius: 10px;\n      border: 1px solid rgba(255,255,255,.12);\n      background: linear-gradient(145deg,#191919,#090909);\n      box-shadow:\n        inset 0 0 15px rgba(255,255,255,.025),\n        0 0 12px rgba(154,99,255,.1);\n    }\n\n    .lx-gp-touch::before {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 18px;\n      height: 18px;\n      transform: translate(-50%,-50%);\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.15);\n    }\n\n    \/* D-pad *\/\n    .lx-gp-dpad {\n      position: absolute;\n      z-index: 5;\n      left: 43px;\n      top: 42px;\n      width: 45px;\n      height: 45px;\n    }\n\n    .lx-gp-dpad::before,\n    .lx-gp-dpad::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n      border-radius: 5px;\n      background: #090909;\n      border: 1px solid rgba(255,255,255,.09);\n      box-shadow: 0 0 8px rgba(0,0,0,.7);\n    }\n\n    .lx-gp-dpad::before {\n      width: 15px;\n      height: 45px;\n    }\n\n    .lx-gp-dpad::after {\n      width: 45px;\n      height: 15px;\n    }\n\n    \/* Buttons *\/\n    .lx-gp-buttons {\n      position: absolute;\n      z-index: 5;\n      right: 39px;\n      top: 40px;\n      width: 48px;\n      height: 48px;\n    }\n\n    .lx-gp-buttons span {\n      position: absolute;\n      width: 14px;\n      height: 14px;\n      border-radius: 50%;\n      background: #151515;\n      border: 1px solid rgba(255,255,255,.12);\n      box-shadow: 0 0 8px rgba(0,0,0,.6);\n    }\n\n    .lx-gp-buttons span:nth-child(1) {\n      top: 0;\n      left: 17px;\n    }\n\n    .lx-gp-buttons span:nth-child(2) {\n      right: 0;\n      top: 17px;\n    }\n\n    .lx-gp-buttons span:nth-child(3) {\n      bottom: 0;\n      left: 17px;\n    }\n\n    .lx-gp-buttons span:nth-child(4) {\n      left: 0;\n      top: 17px;\n    }\n\n    \/* Floating light beams *\/\n    .lx-gp-beam {\n      position: absolute;\n      z-index: 1;\n      left: 50%;\n      top: 45%;\n      width: 2px;\n      height: 210px;\n      transform-origin: center bottom;\n      background:\n        linear-gradient(\n          to top,\n          transparent,\n          rgba(154,99,255,.7),\n          transparent\n        );\n      filter: blur(.5px);\n      opacity: .35;\n    }\n\n    .lx-gp-beam.one {\n      transform: translateX(-50%) rotate(65deg);\n      animation: lxGPBeam 4s ease-in-out infinite;\n    }\n\n    .lx-gp-beam.two {\n      transform: translateX(-50%) rotate(-65deg);\n      animation: lxGPBeam 4s ease-in-out infinite reverse;\n    }\n\n    @keyframes lxGPBeam {\n      0%,100% {\n        opacity: .1;\n        height: 160px;\n      }\n      50% {\n        opacity: .5;\n        height: 230px;\n      }\n    }\n\n    \/* Floating particles *\/\n    .lx-gp-particles span {\n      position: absolute;\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background: var(--lx-cyan);\n      box-shadow: 0 0 12px currentColor;\n      animation: lxGPParticle 5s linear infinite;\n    }\n\n    .lx-gp-particles span:nth-child(1) {\n      left: 12%;\n      top: 52%;\n      color: var(--lx-blue);\n      animation-delay: -1s;\n    }\n\n    .lx-gp-particles span:nth-child(2) {\n      left: 83%;\n      top: 38%;\n      color: var(--lx-pink);\n      animation-delay: -3s;\n    }\n\n    .lx-gp-particles span:nth-child(3) {\n      left: 22%;\n      top: 78%;\n      color: var(--lx-purple);\n      animation-delay: -2s;\n    }\n\n    .lx-gp-particles span:nth-child(4) {\n      left: 78%;\n      top: 70%;\n      color: var(--lx-cyan);\n      animation-delay: -4s;\n    }\n\n    .lx-gp-particles span:nth-child(5) {\n      left: 50%;\n      top: 13%;\n      color: var(--lx-gold-light);\n      animation-delay: -1.8s;\n    }\n\n    @keyframes lxGPParticle {\n      0% {\n        transform: translateY(25px) scale(.4);\n        opacity: 0;\n      }\n      25% {\n        opacity: .9;\n      }\n      75% {\n        opacity: .5;\n      }\n      100% {\n        transform: translateY(-65px) scale(1.2);\n        opacity: 0;\n      }\n    }\n\n    \/* =========================================================\n       INTRO\n    ========================================================= *\/\n\n    .lx-gp-intro {\n      position: relative;\n      max-width: 940px;\n      margin: 0 auto;\n      padding: 28px;\n      border-radius: 20px;\n      border: 1px solid rgba(214,175,58,.18);\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.065),\n          rgba(255,255,255,.018)\n        );\n      backdrop-filter: blur(16px);\n      box-shadow: 0 25px 70px rgba(0,0,0,.4);\n      overflow: hidden;\n    }\n\n    .lx-gp-intro::before {\n      content: \"\";\n      position: absolute;\n      left: -100%;\n      top: 0;\n      width: 65%;\n      height: 1px;\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          var(--lx-gold-light),\n          transparent\n        );\n      animation: lxGPCardSweep 5s linear infinite;\n    }\n\n    @keyframes lxGPCardSweep {\n      to {\n        left: 150%;\n      }\n    }\n\n    .lx-gp-intro p {\n      margin: 0;\n      color: #ddd9cf;\n      font-size: 16px;\n      line-height: 1.8;\n    }\n\n    .lx-gp-intro strong {\n      color: var(--lx-gold-light);\n    }\n\n    \/* =========================================================\n       SECTIONS\n    ========================================================= *\/\n\n    .lx-gp-section {\n      max-width: 1100px;\n      margin: auto;\n      padding: 68px 24px;\n    }\n\n    .lx-gp-head {\n      text-align: center;\n      margin-bottom: 35px;\n    }\n\n    .lx-gp-eyebrow {\n      margin-bottom: 10px;\n      color: var(--lx-gold-light);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n    }\n\n    .lx-gp-heading {\n      margin: 0;\n      color: var(--lx-white);\n      font-size: clamp(29px,5vw,48px);\n      line-height: 1;\n      font-weight: 950;\n      letter-spacing: -1.5px;\n    }\n\n    .lx-gp-heading span {\n      color: var(--lx-gold-light);\n    }\n\n    .lx-gp-description {\n      max-width: 660px;\n      margin: 14px auto 0;\n      color: var(--lx-muted);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    \/* =========================================================\n       FEATURE CARDS\n    ========================================================= *\/\n\n    .lx-gp-cards {\n      display: grid;\n      grid-template-columns: repeat(2,1fr);\n      gap: 15px;\n    }\n\n    .lx-gp-card {\n      position: relative;\n      min-height: 220px;\n      padding: 25px;\n      overflow: hidden;\n      border-radius: 18px;\n      border: 1px solid rgba(255,255,255,.075);\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.06),\n          rgba(255,255,255,.015)\n        );\n      transition:\n        transform .45s cubic-bezier(.2,.8,.2,1),\n        border-color .45s ease,\n        box-shadow .45s ease;\n    }\n\n    .lx-gp-card::before {\n      content: \"\";\n      position: absolute;\n      width: 150px;\n      height: 150px;\n      right: -75px;\n      top: -75px;\n      border-radius: 50%;\n      background: rgba(154,99,255,.12);\n      filter: blur(25px);\n      transition: transform .5s ease;\n    }\n\n    .lx-gp-card::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 0;\n      height: 2px;\n      background:\n        linear-gradient(\n          90deg,\n          var(--lx-gold-dark),\n          var(--lx-gold-light)\n        );\n      transition: width .5s ease;\n    }\n\n    .lx-gp-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(214,175,58,.33);\n      box-shadow: 0 22px 55px rgba(0,0,0,.42);\n    }\n\n    .lx-gp-card:hover::before {\n      transform: scale(1.5);\n    }\n\n    .lx-gp-card:hover::after {\n      width: 100%;\n    }\n\n    .lx-gp-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 54px;\n      height: 54px;\n      margin-bottom: 20px;\n      border-radius: 15px;\n      border: 1px solid rgba(214,175,58,.28);\n      background: rgba(214,175,58,.065);\n      font-size: 25px;\n      box-shadow: 0 0 25px rgba(214,175,58,.06);\n      transition: transform .4s ease;\n    }\n\n    .lx-gp-card:hover .lx-gp-icon {\n      transform: rotate(-5deg) scale(1.08);\n    }\n\n    .lx-gp-card h3 {\n      margin: 0 0 9px;\n      color: var(--lx-white);\n      font-size: 18px;\n      font-weight: 900;\n    }\n\n    .lx-gp-card p {\n      margin: 0;\n      color: var(--lx-muted);\n      font-size: 13px;\n      line-height: 1.7;\n    }\n\n    \/* =========================================================\n       COLOUR SHOWCASE\n    ========================================================= *\/\n\n    .lx-gp-colours {\n      position: relative;\n      min-height: 310px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid rgba(255,255,255,.08);\n      background:\n        radial-gradient(circle at center,rgba(154,99,255,.08),transparent 55%),\n        #060607;\n    }\n\n    .lx-gp-colour-orbit {\n      position: absolute;\n      width: 270px;\n      height: 270px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.08);\n      animation: lxGPOrbit 12s linear infinite;\n    }\n\n    .lx-gp-colour-orbit::before {\n      content: \"\";\n      position: absolute;\n      inset: -1px;\n      border-radius: inherit;\n      border: 2px solid transparent;\n      background:\n        linear-gradient(#060607,#060607) padding-box,\n        linear-gradient(\n          90deg,\n          var(--lx-red),\n          var(--lx-blue),\n          var(--lx-purple),\n          var(--lx-cyan),\n          var(--lx-pink),\n          var(--lx-red)\n        ) border-box;\n      background-size: 300% 100%;\n      animation: lxGPColourFlow 4s linear infinite;\n      opacity: .7;\n    }\n\n    @keyframes lxGPOrbit {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes lxGPColourFlow {\n      to {\n        background-position: 300% 0;\n      }\n    }\n\n    .lx-gp-colour-core {\n      position: relative;\n      z-index: 2;\n      width: 105px;\n      height: 105px;\n      border-radius: 50%;\n      background:\n        radial-gradient(circle at 35% 30%,#fff,transparent 5%),\n        conic-gradient(\n          var(--lx-red),\n          var(--lx-gold-light),\n          var(--lx-green),\n          var(--lx-cyan),\n          var(--lx-blue),\n          var(--lx-purple),\n          var(--lx-pink),\n          var(--lx-red)\n        );\n      box-shadow:\n        0 0 45px rgba(154,99,255,.25),\n        0 0 80px rgba(53,232,255,.1);\n      animation: lxGPColourCore 5s linear infinite;\n    }\n\n    .lx-gp-colour-core::after {\n      content: \"7 COLOURS\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 82px;\n      height: 82px;\n      transform: translate(-50%,-50%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: #080808;\n      color: var(--lx-white);\n      font-size: 10px;\n      font-weight: 950;\n      letter-spacing: 1.5px;\n    }\n\n    @keyframes lxGPColourCore {\n      to {\n        filter: hue-rotate(360deg);\n      }\n    }\n\n    .lx-gp-colour-label {\n      position: absolute;\n      bottom: 28px;\n      left: 50%;\n      transform: translateX(-50%);\n      color: var(--lx-muted);\n      font-size: 10px;\n      letter-spacing: 2px;\n      font-weight: 900;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    \/* =========================================================\n       TOUCH CONTROL\n    ========================================================= *\/\n\n    .lx-gp-touch-demo {\n      position: relative;\n      min-height: 250px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid rgba(214,175,58,.16);\n      background:\n        radial-gradient(circle at center,rgba(214,175,58,.08),transparent 55%),\n        rgba(255,255,255,.02);\n    }\n\n    .lx-gp-touch-button {\n      position: relative;\n      width: 115px;\n      height: 115px;\n      border-radius: 50%;\n      border: 1px solid rgba(214,175,58,.35);\n      background:\n        radial-gradient(circle,#161616,#070707);\n      box-shadow:\n        0 0 25px rgba(214,175,58,.12),\n        inset 0 0 25px rgba(214,175,58,.04);\n      animation: lxGPTouchPulse 2.5s ease-in-out infinite;\n    }\n\n    .lx-gp-touch-button::before {\n      content: \"\";\n      position: absolute;\n      inset: -18px;\n      border-radius: 50%;\n      border: 1px solid rgba(214,175,58,.16);\n      animation: lxGPTouchWave 2.5s ease-out infinite;\n    }\n\n    .lx-gp-touch-button::after {\n      content: \"TOUCH\";\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--lx-gold-light);\n      font-size: 11px;\n      font-weight: 950;\n      letter-spacing: 2px;\n    }\n\n    @keyframes lxGPTouchPulse {\n      0%,100% {\n        transform: scale(1);\n        box-shadow: 0 0 25px rgba(214,175,58,.12);\n      }\n      50% {\n        transform: scale(1.05);\n        box-shadow: 0 0 45px rgba(214,175,58,.28);\n      }\n    }\n\n    @keyframes lxGPTouchWave {\n      0% {\n        transform: scale(.7);\n        opacity: .8;\n      }\n      100% {\n        transform: scale(1.45);\n        opacity: 0;\n      }\n    }\n\n    \/* =========================================================\n       WHY YOU'LL LOVE IT\n    ========================================================= *\/\n\n    .lx-gp-benefits {\n      display: grid;\n      grid-template-columns: repeat(2,1fr);\n      gap: 12px;\n    }\n\n    .lx-gp-benefit {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      padding: 15px 17px;\n      border-radius: 13px;\n      border: 1px solid rgba(255,255,255,.07);\n      background: rgba(255,255,255,.025);\n      transition: .35s ease;\n    }\n\n    .lx-gp-benefit:hover {\n      transform: translateX(5px);\n      border-color: rgba(214,175,58,.3);\n      background: rgba(214,175,58,.04);\n    }\n\n    .lx-gp-check {\n      flex: 0 0 28px;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      color: #050505;\n      background:\n        linear-gradient(\n          135deg,\n          var(--lx-gold-light),\n          var(--lx-gold-dark)\n        );\n      font-size: 13px;\n      font-weight: 900;\n      box-shadow: 0 0 17px rgba(214,175,58,.18);\n    }\n\n    .lx-gp-benefit span:last-child {\n      color: #d8d5cd;\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    \/* =========================================================\n       GIFT SECTION\n    ========================================================= *\/\n\n    .lx-gp-gift {\n      position: relative;\n      padding: 35px;\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid rgba(214,175,58,.2);\n      background:\n        radial-gradient(circle at 85% 50%,rgba(154,99,255,.12),transparent 35%),\n        linear-gradient(\n          135deg,\n          rgba(214,175,58,.07),\n          rgba(255,255,255,.02)\n        );\n    }\n\n    .lx-gp-gift::before {\n      content: \"GG\";\n      position: absolute;\n      right: -20px;\n      bottom: -45px;\n      color: rgba(255,255,255,.018);\n      font-size: 150px;\n      line-height: 1;\n      font-weight: 950;\n      letter-spacing: -15px;\n    }\n\n    .lx-gp-gift-content {\n      position: relative;\n      z-index: 2;\n      max-width: 730px;\n    }\n\n    .lx-gp-gift h3 {\n      margin: 0 0 12px;\n      font-size: clamp(26px,4vw,38px);\n      font-weight: 950;\n      color: var(--lx-white);\n    }\n\n    .lx-gp-gift h3 span {\n      color: var(--lx-gold-light);\n    }\n\n    .lx-gp-gift p {\n      margin: 0;\n      color: var(--lx-muted);\n      font-size: 14px;\n      line-height: 1.8;\n    }\n\n    .lx-gp-gift-tag {\n      display: inline-block;\n      margin-top: 20px;\n      padding: 9px 14px;\n      border-radius: 999px;\n      color: var(--lx-gold-light);\n      border: 1px solid rgba(214,175,58,.22);\n      background: rgba(214,175,58,.05);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 1.5px;\n    }\n\n    \/* =========================================================\n       FINAL CTA\n    ========================================================= *\/\n\n    .lx-gp-final {\n      position: relative;\n      margin: 10px 20px 0;\n      padding: 68px 24px;\n      text-align: center;\n      overflow: hidden;\n      border-radius: 24px;\n      border: 1px solid rgba(214,175,58,.22);\n      background:\n        radial-gradient(circle at 50% 100%,rgba(154,99,255,.16),transparent 40%),\n        radial-gradient(circle at 50% 100%,rgba(214,175,58,.1),transparent 60%),\n        linear-gradient(180deg,#101010,#060607);\n    }\n\n    .lx-gp-final::before {\n      content: \"\";\n      position: absolute;\n      width: 310px;\n      height: 310px;\n      left: 50%;\n      top: -165px;\n      transform: translateX(-50%);\n      border-radius: 50%;\n      border: 1px solid rgba(214,175,58,.14);\n      box-shadow:\n        0 0 0 35px rgba(214,175,58,.025),\n        0 0 0 70px rgba(154,99,255,.015);\n      animation: lxGPFinalOrbit 9s linear infinite;\n    }\n\n    @keyframes lxGPFinalOrbit {\n      to {\n        transform:\n          translateX(-50%)\n          rotate(360deg);\n      }\n    }\n\n    .lx-gp-final h2 {\n      position: relative;\n      z-index: 2;\n      margin: 0;\n      font-size: clamp(31px,6vw,56px);\n      line-height: 1;\n      font-weight: 950;\n      letter-spacing: -1.5px;\n    }\n\n    .lx-gp-final h2 span {\n      color: var(--lx-gold-light);\n    }\n\n    .lx-gp-final p {\n      position: relative;\n      z-index: 2;\n      max-width: 620px;\n      margin: 16px auto 0;\n      color: var(--lx-muted);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .lx-gp-final-tag {\n      position: relative;\n      z-index: 2;\n      display: inline-block;\n      margin-top: 27px;\n      padding: 13px 20px;\n      border-radius: 999px;\n      color: #070707;\n      background:\n        linear-gradient(\n          135deg,\n          var(--lx-gold-light),\n          var(--lx-gold-dark)\n        );\n      font-size: 11px;\n      font-weight: 950;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      box-shadow: 0 12px 40px rgba(214,175,58,.2);\n      animation: lxGPCTA 2.7s ease-in-out infinite;\n    }\n\n    @keyframes lxGPCTA {\n      0%,100% {\n        transform: translateY(0);\n        box-shadow: 0 12px 40px rgba(214,175,58,.18);\n      }\n      50% {\n        transform: translateY(-3px);\n        box-shadow: 0 17px 50px rgba(214,175,58,.32);\n      }\n    }\n\n    .lx-gp-disclaimer {\n      padding: 30px 24px 40px;\n      text-align: center;\n      color: #6f6e69;\n      font-size: 10px;\n      line-height: 1.7;\n    }\n\n    \/* =========================================================\n       TABLET\n    ========================================================= *\/\n\n    @media (max-width:750px) {\n\n      .lx-gp-hero {\n        padding: 55px 18px 40px;\n      }\n\n      .lx-gp-title {\n        letter-spacing: -2.5px;\n      }\n\n      .lx-gp-cards,\n      .lx-gp-benefits {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* =========================================================\n       MOBILE\n    ========================================================= *\/\n\n    @media (max-width:520px) {\n\n      .lx-glowpad {\n        border-radius: 12px;\n      }\n\n      .lx-gp-hero {\n        padding: 48px 14px 30px;\n      }\n\n      .lx-gp-badge {\n        padding: 8px 12px;\n        font-size: 8px;\n        letter-spacing: 1.6px;\n      }\n\n      .lx-gp-title {\n        font-size: 49px;\n        letter-spacing: -3px;\n      }\n\n      .lx-gp-tagline {\n        font-size: 17px;\n      }\n\n      .lx-gp-stage {\n        height: 330px;\n        transform: scale(.84);\n        margin-top: -10px;\n        margin-bottom: -15px;\n      }\n\n      .lx-gp-controller {\n        width: 335px;\n      }\n\n      .lx-gp-intro {\n        margin: 0 13px;\n        padding: 22px;\n      }\n\n      .lx-gp-intro p {\n        font-size: 14px;\n      }\n\n      .lx-gp-section {\n        padding: 52px 15px;\n      }\n\n      .lx-gp-heading {\n        font-size: 31px;\n      }\n\n      .lx-gp-card {\n        min-height: auto;\n        padding: 22px;\n      }\n\n      .lx-gp-colours {\n        min-height: 270px;\n      }\n\n      .lx-gp-colour-orbit {\n        width: 235px;\n        height: 235px;\n      }\n\n      .lx-gp-gift {\n        padding: 25px 20px;\n      }\n\n      .lx-gp-final {\n        margin: 0 13px;\n        padding: 55px 19px;\n      }\n\n      .lx-gp-final h2 {\n        font-size: 33px;\n      }\n    }\n\n    \/* =========================================================\n       REDUCED MOTION\n    ========================================================= *\/\n\n    @media (prefers-reduced-motion:reduce) {\n      .lx-glowpad *,\n      .lx-glowpad *::before,\n      .lx-glowpad *::after {\n        animation-duration:.01ms !important;\n        animation-iteration-count:1 !important;\n        transition-duration:.01ms !important;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003c!-- =========================================================\n       HERO\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-hero\"\u003e\n\n    \u003cdiv class=\"lx-gp-grid\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-gp-badge\"\u003e\n      \u003cspan class=\"lx-gp-dot\"\u003e\u003c\/span\u003e\n      LOADOUTX™ LIGHTING COLLECTION\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"lx-gp-title\"\u003e\n      GlowPad\n    \u003c\/h1\u003e\n\n    \u003cdiv class=\"lx-gp-tagline\"\u003e\n      Light up your \u003cspan\u003egaming world.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- 3D CONTROLLER VISUAL --\u003e\n\n    \u003cdiv class=\"lx-gp-stage\"\u003e\n\n      \u003cdiv class=\"lx-gp-halo\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-beam one\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lx-gp-beam two\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-controller\"\u003e\n\n        \u003cdiv class=\"lx-gp-handle left\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lx-gp-handle right\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-gp-body\"\u003e\n\n          \u003cdiv class=\"lx-gp-touch\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"lx-gp-dpad\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"lx-gp-buttons\"\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-gp-particles\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       INTRO\n  ========================================================= --\u003e\n\n  \u003cdiv class=\"lx-gp-intro\"\u003e\n\n    \u003cp\u003e\n      Your setup should feel as epic as the games you play. The \u003cstrong\u003eLoadoutX™ GlowPad\u003c\/strong\u003e is a 3D controller-shaped night light that transforms any room with ambient gaming light. It's the finishing touch that turns an ordinary space into a real gamer's den.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       FEATURES\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-section\"\u003e\n\n    \u003cdiv class=\"lx-gp-head\"\u003e\n\n      \u003cdiv class=\"lx-gp-eyebrow\"\u003e\n        BUILT TO BE SEEN\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lx-gp-heading\"\u003e\n        Turn your room\u003cbr\u003e\n        into a \u003cspan\u003egaming world.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lx-gp-description\"\u003e\n        From the floating 3D controller illusion to the ambient glow, GlowPad is designed to add personality and atmosphere to your setup.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-gp-cards\"\u003e\n\n\n      \u003carticle class=\"lx-gp-card\"\u003e\n\n        \u003cdiv class=\"lx-gp-icon\"\u003e🌀\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Eye-Catching 3D Illusion\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Switch it off and it barely shows. Switch it on and a bold 3D controller appears to float in mid-air — a genuine conversation starter for your room.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"lx-gp-card\"\u003e\n\n        \u003cdiv class=\"lx-gp-icon\"\u003e🌈\u003c\/div\u003e\n\n        \u003ch3\u003e\n          7 Colours. One Vibe.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Cycle through 7 colour options to match your mood, your room or the rest of your RGB gaming setup.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"lx-gp-card\"\u003e\n\n        \u003cdiv class=\"lx-gp-icon\"\u003e👆\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Easy Touch Control\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Tap to switch it on, change colour or turn it off. No fiddly switches — just simple control at your fingertips.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"lx-gp-card\"\u003e\n\n        \u003cdiv class=\"lx-gp-icon\"\u003e🔌\u003c\/div\u003e\n\n        \u003ch3\u003e\n          USB Powered\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Plug it into your PC, console, laptop or USB adapter and place it wherever your setup needs another touch of light.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"lx-gp-card\"\u003e\n\n        \u003cdiv class=\"lx-gp-icon\"\u003e🌙\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Perfect Night Light\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A soft ambient glow for late-night gaming, winding down before bed, or adding a cosy light to a bedroom or gaming corner.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"lx-gp-card\"\u003e\n\n        \u003cdiv class=\"lx-gp-icon\"\u003e🎁\u003c\/div\u003e\n\n        \u003ch3\u003e\n          The Ultimate Gamer Gift\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Birthdays, Christmas, Secret Santa or just because — GlowPad is an easy win for gamers of almost any age.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       7 COLOUR SHOWCASE\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-section\"\u003e\n\n    \u003cdiv class=\"lx-gp-head\"\u003e\n\n      \u003cdiv class=\"lx-gp-eyebrow\"\u003e\n        LIGHTING MODE\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lx-gp-heading\"\u003e\n        Seven colours.\u003cbr\u003e\n        \u003cspan\u003eInfinite atmosphere.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lx-gp-description\"\u003e\n        Go bold with red, chill with blue, bring the RGB energy with purple or switch it up whenever your setup needs a new vibe.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-gp-colours\"\u003e\n\n      \u003cdiv class=\"lx-gp-colour-orbit\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-colour-core\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-colour-label\"\u003e\n        MATCH YOUR MOOD • MATCH YOUR SETUP\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       TOUCH CONTROL\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-section\"\u003e\n\n    \u003cdiv class=\"lx-gp-head\"\u003e\n\n      \u003cdiv class=\"lx-gp-eyebrow\"\u003e\n        TAP. GLOW. PLAY.\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lx-gp-heading\"\u003e\n        Control the glow\u003cbr\u003e\n        \u003cspan\u003eat your fingertips.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lx-gp-description\"\u003e\n        No complicated controls. Just tap to switch it on, cycle through colours and turn it off when you're done.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-gp-touch-demo\"\u003e\n\n      \u003cdiv class=\"lx-gp-touch-button\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       WHY YOU'LL LOVE IT\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-section\"\u003e\n\n    \u003cdiv class=\"lx-gp-head\"\u003e\n\n      \u003cdiv class=\"lx-gp-eyebrow\"\u003e\n        THE GLOWPAD DIFFERENCE\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lx-gp-heading\"\u003e\n        Why you'll \u003cspan\u003elove it.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lx-gp-benefits\"\u003e\n\n      \u003cdiv class=\"lx-gp-benefit\"\u003e\n        \u003cdiv class=\"lx-gp-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003eStriking 3D controller illusion\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-benefit\"\u003e\n        \u003cdiv class=\"lx-gp-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003e7 colour-changing lighting options\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-benefit\"\u003e\n        \u003cdiv class=\"lx-gp-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003eSimple touch control\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-benefit\"\u003e\n        \u003cdiv class=\"lx-gp-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003eUSB powered for flexible placement\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-benefit\"\u003e\n        \u003cdiv class=\"lx-gp-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003eSoft ambient glow for night-time use\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-gp-benefit\"\u003e\n        \u003cdiv class=\"lx-gp-check\"\u003e✓\u003c\/div\u003e\n        \u003cspan\u003eA gift gamers will actually want\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       GIFT SECTION\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-section\"\u003e\n\n    \u003cdiv class=\"lx-gp-gift\"\u003e\n\n      \u003cdiv class=\"lx-gp-gift-content\"\u003e\n\n        \u003cdiv class=\"lx-gp-eyebrow\"\u003e\n          GIFT MODE: ACTIVATED\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Their room glow-up\u003cbr\u003e\n          \u003cspan\u003estarts here.\u003c\/span\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Whether it's for a birthday, Christmas, Secret Santa or simply because they're a gamer, GlowPad adds something instantly recognisable to their room and gaming setup.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"lx-gp-gift-tag\"\u003e\n          MADE FOR GAMERS\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       FINAL CTA\n  ========================================================= --\u003e\n\n  \u003csection class=\"lx-gp-final\"\u003e\n\n    \u003ch2\u003e\n      Game on.\u003cbr\u003e\n      \u003cspan\u003eGlow on.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Give your gaming space the finishing touch. Add atmosphere, colour and a little personality to the room with the LoadoutX™ GlowPad.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lx-gp-final-tag\"\u003e\n      LOADOUTX™ GLOWPAD\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003cdiv class=\"lx-gp-disclaimer\"\u003e\n    GlowPad is a decorative USB-powered ambient light. Lighting colours, brightness and available modes may vary by product version. USB power source and other accessories are not included unless specifically stated in the product listing.\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50559486754955,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/glowpad-yellow-with-loadoutx-box.png?v=1790546943"},{"product_id":"wasted-rug-black-red-gamer-floor-mat","title":"WASTED Rug — Black \u0026 Red Gamer Floor Mat","description":"\u003c!-- LOADOUTX™ WASTED RUG — PREMIUM ANIMATED PRODUCT DESCRIPTION --\u003e\n\n\u003cstyle\u003e\n  .lx-wasted-rug {\n    --lx-black: #050505;\n    --lx-charcoal: #0c0c0f;\n    --lx-panel: rgba(20, 20, 24, 0.78);\n    --lx-red: #ff1e2d;\n    --lx-red-dark: #8f0712;\n    --lx-white: #f7f7f7;\n    --lx-muted: #a7a7ad;\n    --lx-border: rgba(255, 30, 45, 0.18);\n\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 70px 20px;\n    background:\n      radial-gradient(circle at 15% 15%, rgba(255, 30, 45, 0.12), transparent 30%),\n      radial-gradient(circle at 85% 80%, rgba(255, 30, 45, 0.08), transparent 28%),\n      linear-gradient(145deg, #030303, #0b0b0e 55%, #050505);\n    color: var(--lx-white);\n    font-family: Arial, Helvetica, sans-serif;\n    isolation: isolate;\n  }\n\n  .lx-wasted-rug *,\n  .lx-wasted-rug *::before,\n  .lx-wasted-rug *::after {\n    box-sizing: border-box;\n  }\n\n  \/* Ambient lighting *\/\n  .lx-wasted-rug::before {\n    content: \"\";\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    top: -180px;\n    left: -120px;\n    background: radial-gradient(circle, rgba(255, 30, 45, 0.16), transparent 68%);\n    filter: blur(20px);\n    animation: lxWastedGlow 7s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  .lx-wasted-rug::after {\n    content: \"\";\n    position: absolute;\n    width: 380px;\n    height: 380px;\n    right: -150px;\n    bottom: -150px;\n    background: radial-gradient(circle, rgba(255, 30, 45, 0.13), transparent 68%);\n    filter: blur(25px);\n    animation: lxWastedGlow2 9s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  @keyframes lxWastedGlow {\n    from { transform: translate3d(0,0,0) scale(0.9); opacity: .55; }\n    to { transform: translate3d(70px,40px,0) scale(1.25); opacity: 1; }\n  }\n\n  @keyframes lxWastedGlow2 {\n    from { transform: translate3d(0,0,0) scale(.85); opacity: .45; }\n    to { transform: translate3d(-60px,-50px,0) scale(1.2); opacity: .9; }\n  }\n\n  .lx-wasted-container {\n    position: relative;\n    z-index: 2;\n    width: min(1080px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* Hero *\/\n  .lx-wasted-hero {\n    text-align: center;\n    margin-bottom: 55px;\n  }\n\n  .lx-wasted-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 16px;\n    border: 1px solid rgba(255, 30, 45, .35);\n    border-radius: 999px;\n    background: rgba(255, 30, 45, .06);\n    color: #ff5964;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 2.8px;\n    text-transform: uppercase;\n    box-shadow:\n      0 0 25px rgba(255,30,45,.08),\n      inset 0 0 20px rgba(255,30,45,.04);\n    animation: lxBadgePulse 3s ease-in-out infinite;\n  }\n\n  .lx-wasted-badge-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--lx-red);\n    box-shadow: 0 0 14px var(--lx-red);\n    animation: lxDotPulse 1.7s ease-in-out infinite;\n  }\n\n  @keyframes lxBadgePulse {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(-3px); }\n  }\n\n  @keyframes lxDotPulse {\n    0%,100% { opacity: .45; transform: scale(.75); }\n    50% { opacity: 1; transform: scale(1.15); }\n  }\n\n  .lx-wasted-title {\n    margin: 25px 0 8px;\n    font-size: clamp(52px, 9vw, 108px);\n    line-height: .86;\n    font-weight: 950;\n    letter-spacing: -5px;\n    text-transform: uppercase;\n    color: #fff;\n    text-shadow:\n      0 0 12px rgba(255,30,45,.25),\n      0 0 45px rgba(255,30,45,.12);\n    animation: lxTitleFloat 4s ease-in-out infinite;\n  }\n\n  .lx-wasted-title span {\n    display: inline-block;\n    background: linear-gradient(\n      110deg,\n      #ff5964 0%,\n      #ff1e2d 25%,\n      #ffffff 47%,\n      #ff1e2d 65%,\n      #8f0712 100%\n    );\n    background-size: 240% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: lxRedSweep 5s linear infinite;\n  }\n\n  @keyframes lxRedSweep {\n    to { background-position: 240% center; }\n  }\n\n  @keyframes lxTitleFloat {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(-5px); }\n  }\n\n  .lx-wasted-subtitle {\n    margin: 18px auto 0;\n    max-width: 650px;\n    color: #d2d2d5;\n    font-size: clamp(16px, 2.5vw, 21px);\n    line-height: 1.65;\n    letter-spacing: .2px;\n  }\n\n  .lx-wasted-subtitle strong {\n    color: #ff3543;\n  }\n\n  \/* Street-art visual *\/\n  .lx-wasted-stage {\n    position: relative;\n    margin: 0 auto 60px;\n    min-height: 390px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    perspective: 1000px;\n  }\n\n  .lx-wasted-rings {\n    position: absolute;\n    width: min(420px, 85vw);\n    aspect-ratio: 1;\n    border: 1px solid rgba(255,30,45,.13);\n    border-radius: 50%;\n    animation: lxRingRotate 16s linear infinite;\n  }\n\n  .lx-wasted-rings::before,\n  .lx-wasted-rings::after {\n    content: \"\";\n    position: absolute;\n    inset: 35px;\n    border: 1px dashed rgba(255,30,45,.16);\n    border-radius: 50%;\n  }\n\n  .lx-wasted-rings::after {\n    inset: 75px;\n    border-style: solid;\n    opacity: .55;\n  }\n\n  @keyframes lxRingRotate {\n    to { transform: rotate(360deg); }\n  }\n\n  \/* Rug visual *\/\n  .lx-wasted-rug-card {\n    position: relative;\n    width: min(620px, 92%);\n    aspect-ratio: 1.65 \/ 1;\n    border-radius: 18px;\n    transform: rotateX(16deg) rotateZ(-2deg);\n    background:\n      linear-gradient(145deg, #151515, #050505 65%),\n      #050505;\n    border: 1px solid rgba(255,255,255,.09);\n    box-shadow:\n      0 35px 70px rgba(0,0,0,.75),\n      0 0 50px rgba(255,30,45,.12),\n      inset 0 0 35px rgba(255,255,255,.025);\n    animation: lxRugFloat 5s ease-in-out infinite;\n    overflow: hidden;\n  }\n\n  .lx-wasted-rug-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      repeating-linear-gradient(\n        0deg,\n        transparent 0px,\n        transparent 4px,\n        rgba(255,255,255,.018) 5px\n      );\n    opacity: .65;\n  }\n\n  .lx-wasted-rug-card::after {\n    content: \"\";\n    position: absolute;\n    width: 70%;\n    height: 2px;\n    left: 15%;\n    top: 50%;\n    background: linear-gradient(90deg, transparent, rgba(255,30,45,.75), transparent);\n    box-shadow: 0 0 25px rgba(255,30,45,.45);\n    animation: lxScan 3.5s ease-in-out infinite;\n  }\n\n  @keyframes lxRugFloat {\n    0%,100% {\n      transform: rotateX(16deg) rotateZ(-2deg) translateY(0);\n    }\n    50% {\n      transform: rotateX(13deg) rotateZ(-2deg) translateY(-13px);\n    }\n  }\n\n  @keyframes lxScan {\n    0%,100% { transform: translateY(-125px); opacity: 0; }\n    20% { opacity: .8; }\n    50% { opacity: 1; }\n    80% { opacity: .8; }\n    100% { transform: translateY(125px); opacity: 0; }\n  }\n\n  .lx-wasted-word {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n    font-size: clamp(52px, 10vw, 105px);\n    font-weight: 950;\n    letter-spacing: -5px;\n    font-style: italic;\n    text-transform: uppercase;\n    color: #ff1828;\n    text-shadow:\n      4px 4px 0 #58030a,\n      0 0 15px rgba(255,30,45,.45),\n      0 0 45px rgba(255,30,45,.18);\n    transform: skew(-7deg);\n    animation: lxWordPulse 3s ease-in-out infinite;\n  }\n\n  @keyframes lxWordPulse {\n    0%,100% {\n      transform: skew(-7deg) scale(1);\n      filter: brightness(.95);\n    }\n    50% {\n      transform: skew(-7deg) scale(1.035);\n      filter: brightness(1.2);\n    }\n  }\n\n  .lx-wasted-corner {\n    position: absolute;\n    z-index: 4;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    color: rgba(255,255,255,.35);\n    text-transform: uppercase;\n  }\n\n  .lx-wasted-corner.top {\n    top: 18px;\n    left: 20px;\n  }\n\n  .lx-wasted-corner.bottom {\n    bottom: 18px;\n    right: 20px;\n  }\n\n  \/* Floating particles *\/\n  .lx-wasted-particles span {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--lx-red);\n    box-shadow: 0 0 12px var(--lx-red);\n    animation: lxParticle 5s ease-in-out infinite;\n  }\n\n  .lx-wasted-particles span:nth-child(1) { left: 12%; top: 25%; animation-delay: -.5s; }\n  .lx-wasted-particles span:nth-child(2) { left: 23%; top: 72%; animation-delay: -2s; }\n  .lx-wasted-particles span:nth-child(3) { right: 18%; top: 22%; animation-delay: -3s; }\n  .lx-wasted-particles span:nth-child(4) { right: 10%; top: 68%; animation-delay: -1.2s; }\n  .lx-wasted-particles span:nth-child(5) { left: 50%; top: 8%; animation-delay: -4s; }\n\n  @keyframes lxParticle {\n    0%,100% { transform: translateY(0) scale(.7); opacity: .2; }\n    50% { transform: translateY(-25px) scale(1.25); opacity: 1; }\n  }\n\n  \/* Intro *\/\n  .lx-wasted-intro {\n    position: relative;\n    padding: 30px;\n    margin-bottom: 55px;\n    border: 1px solid var(--lx-border);\n    border-radius: 22px;\n    background: linear-gradient(\n      145deg,\n      rgba(255,255,255,.045),\n      rgba(255,255,255,.018)\n    );\n    backdrop-filter: blur(14px);\n    box-shadow:\n      0 20px 60px rgba(0,0,0,.4),\n      inset 0 1px 0 rgba(255,255,255,.05);\n    overflow: hidden;\n  }\n\n  .lx-wasted-intro::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 70%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ff1e2d, transparent);\n    animation: lxIntroSweep 5s linear infinite;\n  }\n\n  @keyframes lxIntroSweep {\n    to { left: 150%; }\n  }\n\n  .lx-wasted-intro p {\n    margin: 0;\n    color: #d0d0d3;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .lx-wasted-intro strong {\n    color: #fff;\n  }\n\n  \/* Section title *\/\n  .lx-wasted-section-title {\n    text-align: center;\n    margin: 0 0 30px;\n  }\n\n  .lx-wasted-section-title small {\n    display: block;\n    margin-bottom: 10px;\n    color: #ff3543;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  .lx-wasted-section-title h2 {\n    margin: 0;\n    font-size: clamp(28px, 5vw, 48px);\n    line-height: 1;\n    letter-spacing: -1.5px;\n    color: #fff;\n  }\n\n  \/* Feature grid *\/\n  .lx-wasted-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 16px;\n    margin-bottom: 60px;\n  }\n\n  .lx-wasted-feature {\n    position: relative;\n    padding: 27px;\n    min-height: 190px;\n    border-radius: 20px;\n    border: 1px solid rgba(255,255,255,.07);\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n    overflow: hidden;\n    transition:\n      transform .45s ease,\n      border-color .45s ease,\n      box-shadow .45s ease;\n  }\n\n  .lx-wasted-feature::before {\n    content: \"\";\n    position: absolute;\n    width: 110px;\n    height: 110px;\n    right: -55px;\n    top: -55px;\n    border-radius: 50%;\n    background: rgba(255,30,45,.13);\n    filter: blur(20px);\n    transition: transform .5s ease;\n  }\n\n  .lx-wasted-feature:hover {\n    transform: translateY(-7px);\n    border-color: rgba(255,30,45,.4);\n    box-shadow:\n      0 20px 45px rgba(0,0,0,.45),\n      0 0 30px rgba(255,30,45,.07);\n  }\n\n  .lx-wasted-feature:hover::before {\n    transform: scale(1.7);\n  }\n\n  .lx-wasted-icon {\n    position: relative;\n    z-index: 2;\n    width: 45px;\n    height: 45px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 18px;\n    border-radius: 13px;\n    background: rgba(255,30,45,.08);\n    border: 1px solid rgba(255,30,45,.25);\n    color: #ff3948;\n    font-size: 20px;\n    box-shadow: inset 0 0 18px rgba(255,30,45,.05);\n  }\n\n  .lx-wasted-feature h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 9px;\n    color: #fff;\n    font-size: 18px;\n  }\n\n  .lx-wasted-feature p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--lx-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* Comfort visual *\/\n  .lx-wasted-comfort {\n    display: grid;\n    grid-template-columns: .9fr 1.1fr;\n    gap: 18px;\n    margin-bottom: 60px;\n  }\n\n  .lx-wasted-comfort-panel {\n    position: relative;\n    min-height: 260px;\n    padding: 30px;\n    border-radius: 22px;\n    border: 1px solid rgba(255,30,45,.18);\n    background: #0b0b0d;\n    overflow: hidden;\n  }\n\n  .lx-wasted-comfort-panel h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    font-size: 26px;\n    color: #fff;\n  }\n\n  .lx-wasted-comfort-panel p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--lx-muted);\n    line-height: 1.7;\n  }\n\n  .lx-soft-rings {\n    position: absolute;\n    width: 220px;\n    height: 220px;\n    right: -45px;\n    bottom: -80px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,30,45,.25);\n    box-shadow:\n      0 0 0 25px rgba(255,30,45,.035),\n      0 0 0 50px rgba(255,30,45,.025);\n    animation: lxSoftPulse 3.5s ease-in-out infinite;\n  }\n\n  @keyframes lxSoftPulse {\n    0%,100% { transform: scale(.9); opacity: .45; }\n    50% { transform: scale(1.08); opacity: 1; }\n  }\n\n  .lx-thickness {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 260px;\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 50% 45%, rgba(255,30,45,.18), transparent 45%),\n      #09090a;\n    border: 1px solid rgba(255,255,255,.06);\n    overflow: hidden;\n  }\n\n  .lx-thickness-number {\n    text-align: center;\n    animation: lxNumberFloat 4s ease-in-out infinite;\n  }\n\n  .lx-thickness-number strong {\n    display: block;\n    font-size: clamp(58px, 10vw, 90px);\n    line-height: .85;\n    font-weight: 950;\n    color: #ff1e2d;\n    text-shadow: 0 0 35px rgba(255,30,45,.3);\n  }\n\n  .lx-thickness-number span {\n    display: block;\n    margin-top: 14px;\n    color: #fff;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  @keyframes lxNumberFloat {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n  }\n\n  \/* Lifestyle chips *\/\n  .lx-wasted-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin: 0 auto 60px;\n  }\n\n  .lx-wasted-chip {\n    padding: 12px 17px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.035);\n    border: 1px solid rgba(255,255,255,.08);\n    color: #d7d7da;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .7px;\n    transition: all .3s ease;\n  }\n\n  .lx-wasted-chip:hover {\n    color: #fff;\n    border-color: rgba(255,30,45,.35);\n    background: rgba(255,30,45,.07);\n    transform: translateY(-3px);\n  }\n\n  \/* Gift CTA *\/\n  .lx-wasted-gift {\n    position: relative;\n    padding: 45px 28px;\n    margin-bottom: 45px;\n    text-align: center;\n    border-radius: 26px;\n    border: 1px solid rgba(255,30,45,.22);\n    background:\n      radial-gradient(circle at 50% 0%, rgba(255,30,45,.13), transparent 48%),\n      linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012));\n    overflow: hidden;\n  }\n\n  .lx-wasted-gift::before {\n    content: \"WASTED\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%) rotate(-8deg);\n    font-size: clamp(80px, 17vw, 180px);\n    font-weight: 950;\n    letter-spacing: -8px;\n    color: rgba(255,255,255,.018);\n    white-space: nowrap;\n    pointer-events: none;\n  }\n\n  .lx-wasted-gift h2,\n  .lx-wasted-gift p {\n    position: relative;\n    z-index: 2;\n  }\n\n  .lx-wasted-gift h2 {\n    margin: 0 0 12px;\n    font-size: clamp(27px, 5vw, 44px);\n    color: #fff;\n  }\n\n  .lx-wasted-gift p {\n    max-width: 650px;\n    margin: 0 auto;\n    color: #b9b9bd;\n    line-height: 1.7;\n  }\n\n  \/* Final CTA *\/\n  .lx-wasted-final {\n    text-align: center;\n    padding-top: 10px;\n  }\n\n  .lx-wasted-final-line {\n    width: min(280px, 70%);\n    height: 1px;\n    margin: 0 auto 25px;\n    background: linear-gradient(90deg, transparent, #ff1e2d, transparent);\n    box-shadow: 0 0 18px rgba(255,30,45,.35);\n  }\n\n  .lx-wasted-final h2 {\n    margin: 0;\n    font-size: clamp(25px, 5vw, 43px);\n    letter-spacing: -1px;\n    color: #fff;\n  }\n\n  .lx-wasted-final h2 span {\n    color: #ff1e2d;\n    text-shadow: 0 0 20px rgba(255,30,45,.25);\n  }\n\n  .lx-wasted-final p {\n    margin: 12px 0 0;\n    color: #77777d;\n    font-size: 12px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 720px) {\n    .lx-wasted-rug {\n      padding: 48px 14px;\n    }\n\n    .lx-wasted-title {\n      font-size: clamp(55px, 18vw, 88px);\n      letter-spacing: -4px;\n    }\n\n    .lx-wasted-subtitle {\n      font-size: 15px;\n    }\n\n    .lx-wasted-stage {\n      min-height: 280px;\n    }\n\n    .lx-wasted-rug-card {\n      width: 94%;\n    }\n\n    .lx-wasted-word {\n      font-size: clamp(40px, 14vw, 75px);\n      letter-spacing: -3px;\n    }\n\n    .lx-wasted-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .lx-wasted-feature {\n      min-height: auto;\n    }\n\n    .lx-wasted-comfort {\n      grid-template-columns: 1fr;\n    }\n\n    .lx-wasted-intro {\n      padding: 23px;\n    }\n\n    .lx-wasted-intro p {\n      font-size: 14px;\n    }\n\n    .lx-wasted-gift {\n      padding: 38px 22px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lx-wasted-rug *,\n    .lx-wasted-rug *::before,\n    .lx-wasted-rug *::after {\n      animation-duration: .001ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"lx-wasted-rug\"\u003e\n\n  \u003cdiv class=\"lx-wasted-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003csection class=\"lx-wasted-hero\"\u003e\n\n      \u003cdiv class=\"lx-wasted-badge\"\u003e\n        \u003cspan class=\"lx-wasted-badge-dot\"\u003e\u003c\/span\u003e\n        LOADOUTX™ GAMING LIFESTYLE\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"lx-wasted-title\"\u003e\n        \u003cspan\u003eWASTED\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"lx-wasted-subtitle\"\u003e\n        Make a statement your mates won't forget.\n        \u003cstrong\u003eGame over for boring floors.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- ANIMATED RUG VISUAL --\u003e\n    \u003csection class=\"lx-wasted-stage\"\u003e\n\n      \u003cdiv class=\"lx-wasted-rings\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-wasted-particles\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-wasted-rug-card\"\u003e\n\n        \u003cdiv class=\"lx-wasted-corner top\"\u003e\n          LOADOUTX™ \/ STREET SERIES\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"lx-wasted-word\"\u003e\n          WASTED\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"lx-wasted-corner bottom\"\u003e\n          GAME OVER FOR BORING FLOORS\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- INTRO --\u003e\n    \u003csection class=\"lx-wasted-intro\"\u003e\n\n      \u003cp\u003e\n        The \u003cstrong\u003eWASTED Rug\u003c\/strong\u003e brings bold street-art energy to your gaming room.\n        Its striking red lettering on deep black gives your setup a darker, more expressive\n        edge — the finishing touch that makes your gaming space stand out.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n    \u003csection\u003e\n\n      \u003cdiv class=\"lx-wasted-section-title\"\u003e\n        \u003csmall\u003eBUILT FOR THE SETUP\u003c\/small\u003e\n        \u003ch2\u003eMore than a rug.\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-wasted-grid\"\u003e\n\n        \u003carticle class=\"lx-wasted-feature\"\u003e\n\n          \u003cdiv class=\"lx-wasted-icon\"\u003e☁\u003c\/div\u003e\n\n          \u003ch3\u003eUltra-Soft Comfort\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Made with a plush 12mm-thick flannel feel that gives your feet\n            a softer landing whether you're gaming, chilling or getting out of bed.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"lx-wasted-feature\"\u003e\n\n          \u003cdiv class=\"lx-wasted-icon\"\u003e⌂\u003c\/div\u003e\n\n          \u003ch3\u003eFits Anywhere\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Bring the WASTED look into your gaming room, bedroom, living room\n            or beside your bed.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"lx-wasted-feature\"\u003e\n\n          \u003cdiv class=\"lx-wasted-icon\"\u003e✦\u003c\/div\u003e\n\n          \u003ch3\u003eEasy To Clean\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Low-maintenance and easy to keep looking sharp, so your floor\n            can stay part of the setup rather than becoming another chore.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"lx-wasted-feature\"\u003e\n\n          \u003cdiv class=\"lx-wasted-icon\"\u003e🎁\u003c\/div\u003e\n\n          \u003ch3\u003eAn Easy Gift Win\u003c\/h3\u003e\n\n          \u003cp\u003e\n            A bold and practical gift for gamers, birthdays, housewarmings\n            or anyone building a seriously cool space.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- COMFORT \/ 12MM VISUAL --\u003e\n    \u003csection class=\"lx-wasted-comfort\"\u003e\n\n      \u003cdiv class=\"lx-wasted-comfort-panel\"\u003e\n\n        \u003cdiv class=\"lx-soft-rings\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003eSoft underfoot.\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Whether you're sitting at your setup, standing during a competitive\n          session or getting out of bed, the plush construction adds a more\n          comfortable feel beneath your feet.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-thickness\"\u003e\n\n        \u003cdiv class=\"lx-thickness-number\"\u003e\n\n          \u003cstrong\u003e12\u003c\/strong\u003e\n\n          \u003cspan\u003eMM THICK FLANNEL\u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- WHERE IT BELONGS --\u003e\n    \u003csection\u003e\n\n      \u003cdiv class=\"lx-wasted-section-title\"\u003e\n\n        \u003csmall\u003eYOUR SPACE. YOUR STYLE.\u003c\/small\u003e\n\n        \u003ch2\u003ePut it where you play.\u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-wasted-chips\"\u003e\n\n        \u003cdiv class=\"lx-wasted-chip\"\u003e🎮 Gaming Room\u003c\/div\u003e\n        \u003cdiv class=\"lx-wasted-chip\"\u003e🛏️ Bedroom\u003c\/div\u003e\n        \u003cdiv class=\"lx-wasted-chip\"\u003e🏠 Living Room\u003c\/div\u003e\n        \u003cdiv class=\"lx-wasted-chip\"\u003e🌙 Beside The Bed\u003c\/div\u003e\n        \u003cdiv class=\"lx-wasted-chip\"\u003e🔥 Gaming Setup\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- GIFT SECTION --\u003e\n    \u003csection class=\"lx-wasted-gift\"\u003e\n\n      \u003ch2\u003eThe gift they'll actually use.\u003c\/h2\u003e\n\n      \u003cp\u003e\n        Looking for something different for a gamer? The WASTED Rug adds\n        personality to their space while giving them something practical\n        they'll see every day.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- FINAL CTA --\u003e\n    \u003csection class=\"lx-wasted-final\"\u003e\n\n      \u003cdiv class=\"lx-wasted-final-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Game over for \u003cspan\u003eboring floors.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        LoadoutX™ WASTED Rug · Built to stand out\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Medium","offer_id":50559512477835,"sku":null,"price":549.0,"currency_code":"ZAR","in_stock":true},{"title":"Large","offer_id":50559512510603,"sku":null,"price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/wasted-rug-moody-lounge.png?v=1790547760"},{"product_id":"loadoutx™-vice-sunset-palm-tree-gaming-mouse-pad","title":"LoadoutX™ Vice Sunset — Palm Tree Gaming Mouse Pad","description":"\u003c!-- LOADOUTX™ VICE SUNSET — PREMIUM ANIMATED PRODUCT DESCRIPTION --\u003e\n\n\u003cstyle\u003e\n  .lx-vice-sunset {\n    --lx-black: #050508;\n    --lx-charcoal: #0b0a10;\n    --lx-panel: rgba(18, 15, 24, 0.78);\n    --lx-white: #f8f7fb;\n    --lx-muted: #aaa5b4;\n    --lx-pink: #ff2b8a;\n    --lx-purple: #8d45ff;\n    --lx-orange: #ff6a32;\n    --lx-yellow: #ffbd55;\n    --lx-cyan: #36d9ff;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 75px 20px;\n    box-sizing: border-box;\n    color: var(--lx-white);\n    font-family: Arial, Helvetica, sans-serif;\n\n    background:\n      radial-gradient(\n        circle at 20% 10%,\n        rgba(255, 43, 138, .14),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 80% 85%,\n        rgba(141, 69, 255, .12),\n        transparent 30%\n      ),\n      linear-gradient(\n        145deg,\n        #030305 0%,\n        #0b0810 50%,\n        #040406 100%\n      );\n  }\n\n  .lx-vice-sunset *,\n  .lx-vice-sunset *::before,\n  .lx-vice-sunset *::after {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     AMBIENT BACKGROUND\n  ========================================================= *\/\n\n  .lx-vice-sunset::before {\n    content: \"\";\n    position: absolute;\n    width: 520px;\n    height: 520px;\n    top: -250px;\n    left: -180px;\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(255, 43, 138, .17),\n        rgba(255, 106, 50, .07) 35%,\n        transparent 70%\n      );\n\n    filter: blur(25px);\n    animation: lxViceAmbientOne 9s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  .lx-vice-sunset::after {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    right: -220px;\n    bottom: -220px;\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(141, 69, 255, .17),\n        rgba(54, 217, 255, .05) 40%,\n        transparent 70%\n      );\n\n    filter: blur(28px);\n    animation: lxViceAmbientTwo 11s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  @keyframes lxViceAmbientOne {\n    from {\n      transform: translate(0, 0) scale(.85);\n      opacity: .55;\n    }\n\n    to {\n      transform: translate(80px, 50px) scale(1.2);\n      opacity: 1;\n    }\n  }\n\n  @keyframes lxViceAmbientTwo {\n    from {\n      transform: translate(0, 0) scale(.9);\n      opacity: .45;\n    }\n\n    to {\n      transform: translate(-70px, -50px) scale(1.25);\n      opacity: .9;\n    }\n  }\n\n  .lx-vice-container {\n    position: relative;\n    z-index: 3;\n    width: min(1080px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* =========================================================\n     HERO\n  ========================================================= *\/\n\n  .lx-vice-hero {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n\n  .lx-vice-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    padding: 9px 17px;\n\n    border-radius: 999px;\n    border: 1px solid rgba(255, 43, 138, .32);\n\n    background: rgba(255, 43, 138, .055);\n\n    color: #ff6cb0;\n\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    box-shadow:\n      0 0 25px rgba(255, 43, 138, .08),\n      inset 0 0 20px rgba(255, 43, 138, .035);\n\n    animation: lxViceBadge 3s ease-in-out infinite;\n  }\n\n  .lx-vice-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n\n    background: var(--lx-pink);\n\n    box-shadow:\n      0 0 8px var(--lx-pink),\n      0 0 18px var(--lx-pink);\n\n    animation: lxViceDot 1.7s ease-in-out infinite;\n  }\n\n  @keyframes lxViceBadge {\n    0%, 100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  @keyframes lxViceDot {\n    0%, 100% {\n      opacity: .4;\n      transform: scale(.7);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.2);\n    }\n  }\n\n  .lx-vice-title {\n    margin: 25px 0 10px;\n\n    font-size: clamp(45px, 9vw, 100px);\n    line-height: .9;\n\n    font-weight: 950;\n    letter-spacing: -5px;\n\n    text-transform: uppercase;\n\n    animation: lxViceTitleFloat 4s ease-in-out infinite;\n  }\n\n  .lx-vice-title span {\n    display: inline-block;\n\n    background:\n      linear-gradient(\n        105deg,\n        #ff2b8a 0%,\n        #ff7137 20%,\n        #ffd16a 38%,\n        #ff3f91 56%,\n        #8d45ff 78%,\n        #36d9ff 100%\n      );\n\n    background-size: 300% auto;\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n\n    animation: lxViceGradient 6s linear infinite;\n\n    text-shadow: 0 0 35px rgba(255, 43, 138, .08);\n  }\n\n  @keyframes lxViceGradient {\n    to {\n      background-position: 300% center;\n    }\n  }\n\n  @keyframes lxViceTitleFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  .lx-vice-tagline {\n    max-width: 650px;\n    margin: 20px auto 0;\n\n    color: #d5d0db;\n\n    font-size: clamp(16px, 2.6vw, 21px);\n    line-height: 1.65;\n  }\n\n  .lx-vice-tagline strong {\n    color: #ff5aa6;\n  }\n\n  \/* =========================================================\n     SUNSET MOUSE PAD VISUAL\n  ========================================================= *\/\n\n  .lx-vice-stage {\n    position: relative;\n\n    min-height: 440px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 65px;\n\n    perspective: 1100px;\n  }\n\n  .lx-vice-sun {\n    position: absolute;\n\n    width: 250px;\n    height: 250px;\n\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle,\n        #ffe19a 0%,\n        #ff9c51 24%,\n        #ff477d 48%,\n        rgba(255, 43, 138, .15) 70%,\n        transparent 72%\n      );\n\n    filter: blur(.2px);\n\n    box-shadow:\n      0 0 40px rgba(255, 106, 50, .35),\n      0 0 100px rgba(255, 43, 138, .18);\n\n    transform: translateY(-40px);\n\n    animation: lxViceSunPulse 4s ease-in-out infinite;\n  }\n\n  @keyframes lxViceSunPulse {\n    0%, 100% {\n      transform: translateY(-40px) scale(.97);\n    }\n\n    50% {\n      transform: translateY(-40px) scale(1.04);\n    }\n  }\n\n  \/* Sunset horizon *\/\n  .lx-vice-horizon {\n    position: absolute;\n\n    width: min(700px, 95%);\n    height: 170px;\n\n    bottom: 65px;\n\n    border-radius: 50% 50% 10px 10px;\n\n    background:\n      linear-gradient(\n        to bottom,\n        rgba(255, 106, 50, .13),\n        rgba(255, 43, 138, .06),\n        transparent\n      );\n\n    border-top: 1px solid rgba(255, 151, 95, .2);\n\n    box-shadow:\n      0 -10px 50px rgba(255, 43, 138, .08);\n\n    animation: lxHorizonGlow 4s ease-in-out infinite;\n  }\n\n  @keyframes lxHorizonGlow {\n    0%, 100% {\n      opacity: .55;\n    }\n\n    50% {\n      opacity: 1;\n    }\n  }\n\n  \/* Mouse pad *\/\n  .lx-vice-pad {\n    position: relative;\n    z-index: 5;\n\n    width: min(700px, 92%);\n    aspect-ratio: 2.05 \/ 1;\n\n    border-radius: 17px;\n\n    transform:\n      rotateX(18deg)\n      rotateZ(-2deg);\n\n    background:\n      linear-gradient(\n        145deg,\n        #121016,\n        #050506 70%\n      );\n\n    border: 1px solid rgba(255,255,255,.09);\n\n    box-shadow:\n      0 40px 80px rgba(0,0,0,.75),\n      0 0 70px rgba(255,43,138,.12),\n      0 0 30px rgba(141,69,255,.08),\n      inset 0 0 35px rgba(255,255,255,.025);\n\n    overflow: hidden;\n\n    animation: lxPadFloat 5.5s ease-in-out infinite;\n  }\n\n  @keyframes lxPadFloat {\n    0%, 100% {\n      transform:\n        rotateX(18deg)\n        rotateZ(-2deg)\n        translateY(0);\n    }\n\n    50% {\n      transform:\n        rotateX(15deg)\n        rotateZ(-2deg)\n        translateY(-13px);\n    }\n  }\n\n  \/* Pad texture *\/\n  .lx-vice-pad::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n      repeating-linear-gradient(\n        0deg,\n        transparent 0px,\n        transparent 3px,\n        rgba(255,255,255,.016) 4px\n      );\n\n    opacity: .8;\n  }\n\n  \/* Moving light across pad *\/\n  .lx-vice-pad::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 45%;\n    height: 140%;\n\n    top: -20%;\n    left: -60%;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.08),\n        transparent\n      );\n\n    transform: skewX(-20deg);\n\n    animation: lxPadSweep 5s ease-in-out infinite;\n  }\n\n  @keyframes lxPadSweep {\n    0%, 35% {\n      left: -60%;\n    }\n\n    65%, 100% {\n      left: 130%;\n    }\n  }\n\n  \/* Palm tree silhouette *\/\n  .lx-palm {\n    position: absolute;\n\n    bottom: 7%;\n    left: 11%;\n\n    width: 7px;\n    height: 70%;\n\n    background: #08080b;\n\n    border-radius: 10px;\n\n    transform: rotate(7deg);\n\n    box-shadow: 0 0 10px rgba(0,0,0,.4);\n  }\n\n  .lx-palm::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 95px;\n    height: 65px;\n\n    top: -20px;\n    left: -42px;\n\n    background:\n      radial-gradient(\n        ellipse at center,\n        #08080b 0 30%,\n        transparent 31%\n      );\n\n    clip-path: polygon(\n      50% 50%,\n      100% 0,\n      65% 48%,\n      100% 35%,\n      55% 54%,\n      70% 100%,\n      47% 57%,\n      15% 100%,\n      40% 54%,\n      0 70%,\n      38% 48%\n    );\n\n    transform: rotate(-4deg);\n  }\n\n  .lx-palm::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 40px;\n\n    bottom: -30px;\n    left: -18px;\n\n    background: #08080b;\n\n    transform: rotate(-18deg);\n  }\n\n  \/* Second palm *\/\n  .lx-palm.two {\n    left: auto;\n    right: 10%;\n    height: 50%;\n    transform: rotate(-8deg) scale(.7);\n    opacity: .8;\n  }\n\n  \/* Retro horizon lines *\/\n  .lx-vice-lines {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 12%;\n\n    height: 35%;\n\n    background:\n      repeating-linear-gradient(\n        to bottom,\n        rgba(255,255,255,.08) 0,\n        rgba(255,255,255,.08) 1px,\n        transparent 1px,\n        transparent 13px\n      );\n\n    opacity: .28;\n\n    transform: perspective(300px) rotateX(55deg);\n\n    transform-origin: bottom;\n  }\n\n  \/* Neon border *\/\n  .lx-vice-neon-border {\n    position: absolute;\n\n    inset: 10px;\n\n    border-radius: 11px;\n\n    border: 1px solid rgba(255,43,138,.22);\n\n    box-shadow:\n      inset 0 0 25px rgba(255,43,138,.04);\n\n    animation: lxBorderPulse 3.5s ease-in-out infinite;\n  }\n\n  @keyframes lxBorderPulse {\n    0%, 100% {\n      border-color: rgba(255,43,138,.15);\n    }\n\n    50% {\n      border-color: rgba(255,43,138,.45);\n      box-shadow:\n        inset 0 0 25px rgba(255,43,138,.08),\n        0 0 20px rgba(255,43,138,.05);\n    }\n  }\n\n  .lx-vice-pad-label {\n    position: absolute;\n\n    z-index: 6;\n\n    top: 16px;\n    right: 18px;\n\n    color: rgba(255,255,255,.42);\n\n    font-size: 8px;\n    font-weight: 800;\n\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n  }\n\n  \/* Floating particles *\/\n  .lx-vice-particles span {\n    position: absolute;\n\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n\n    background: var(--lx-pink);\n\n    box-shadow:\n      0 0 10px var(--lx-pink),\n      0 0 20px rgba(255,43,138,.5);\n\n    animation: lxViceParticle 5s ease-in-out infinite;\n  }\n\n  .lx-vice-particles span:nth-child(1) {\n    left: 12%;\n    top: 25%;\n    animation-delay: -.7s;\n  }\n\n  .lx-vice-particles span:nth-child(2) {\n    left: 20%;\n    top: 72%;\n    animation-delay: -2s;\n  }\n\n  .lx-vice-particles span:nth-child(3) {\n    right: 14%;\n    top: 25%;\n    animation-delay: -3.2s;\n  }\n\n  .lx-vice-particles span:nth-child(4) {\n    right: 20%;\n    top: 70%;\n    animation-delay: -1.5s;\n  }\n\n  .lx-vice-particles span:nth-child(5) {\n    left: 50%;\n    top: 8%;\n    animation-delay: -4s;\n  }\n\n  @keyframes lxViceParticle {\n    0%, 100% {\n      transform: translateY(0) scale(.6);\n      opacity: .2;\n    }\n\n    50% {\n      transform: translateY(-30px) scale(1.2);\n      opacity: 1;\n    }\n  }\n\n  \/* =========================================================\n     INTRO GLASS CARD\n  ========================================================= *\/\n\n  .lx-vice-intro {\n    position: relative;\n\n    padding: 31px;\n\n    margin-bottom: 60px;\n\n    border-radius: 23px;\n\n    border: 1px solid rgba(255,43,138,.16);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,255,255,.045),\n        rgba(255,255,255,.012)\n      );\n\n    backdrop-filter: blur(15px);\n\n    box-shadow:\n      0 25px 60px rgba(0,0,0,.4),\n      inset 0 1px 0 rgba(255,255,255,.045);\n\n    overflow: hidden;\n  }\n\n  .lx-vice-intro::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: -100%;\n\n    width: 70%;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--lx-pink),\n        var(--lx-orange),\n        transparent\n      );\n\n    animation: lxIntroScan 5s linear infinite;\n  }\n\n  @keyframes lxIntroScan {\n    to {\n      left: 150%;\n    }\n  }\n\n  .lx-vice-intro p {\n    margin: 0;\n\n    color: #d1ccd7;\n\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .lx-vice-intro strong {\n    color: #fff;\n  }\n\n  \/* =========================================================\n     SECTION TITLES\n  ========================================================= *\/\n\n  .lx-vice-section-title {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .lx-vice-section-title small {\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: #ff5ca8;\n\n    font-size: 10px;\n    font-weight: 900;\n\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n  }\n\n  .lx-vice-section-title h2 {\n    margin: 0;\n\n    color: #fff;\n\n    font-size: clamp(28px, 5vw, 48px);\n\n    line-height: 1;\n\n    letter-spacing: -1.5px;\n  }\n\n  \/* =========================================================\n     FEATURES\n  ========================================================= *\/\n\n  .lx-vice-grid {\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 16px;\n\n    margin-bottom: 65px;\n  }\n\n  .lx-vice-feature {\n    position: relative;\n\n    min-height: 195px;\n\n    padding: 27px;\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,.045),\n        rgba(255,255,255,.012)\n      );\n\n    overflow: hidden;\n\n    transition:\n      transform .45s ease,\n      border-color .45s ease,\n      box-shadow .45s ease;\n  }\n\n  .lx-vice-feature::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 140px;\n    height: 140px;\n\n    top: -75px;\n    right: -65px;\n\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(255,43,138,.15),\n        transparent 70%\n      );\n\n    filter: blur(10px);\n\n    transition: transform .5s ease;\n  }\n\n  .lx-vice-feature:hover {\n    transform: translateY(-7px);\n\n    border-color: rgba(255,43,138,.35);\n\n    box-shadow:\n      0 22px 50px rgba(0,0,0,.45),\n      0 0 35px rgba(255,43,138,.06);\n  }\n\n  .lx-vice-feature:hover::before {\n    transform: scale(1.7);\n  }\n\n  .lx-vice-icon {\n    position: relative;\n    z-index: 2;\n\n    width: 46px;\n    height: 46px;\n\n    display: grid;\n    place-items: center;\n\n    margin-bottom: 18px;\n\n    border-radius: 13px;\n\n    border: 1px solid rgba(255,43,138,.23);\n\n    background: rgba(255,43,138,.07);\n\n    color: #ff5ca8;\n\n    font-size: 20px;\n\n    box-shadow:\n      inset 0 0 20px rgba(255,43,138,.04);\n\n    animation: lxIconPulse 3s ease-in-out infinite;\n  }\n\n  @keyframes lxIconPulse {\n    0%, 100% {\n      box-shadow:\n        inset 0 0 20px rgba(255,43,138,.04);\n    }\n\n    50% {\n      box-shadow:\n        inset 0 0 20px rgba(255,43,138,.12),\n        0 0 18px rgba(255,43,138,.08);\n    }\n  }\n\n  .lx-vice-feature h3 {\n    position: relative;\n    z-index: 2;\n\n    margin: 0 0 9px;\n\n    color: #fff;\n\n    font-size: 18px;\n  }\n\n  .lx-vice-feature p {\n    position: relative;\n    z-index: 2;\n\n    margin: 0;\n\n    color: var(--lx-muted);\n\n    font-size: 14px;\n\n    line-height: 1.65;\n  }\n\n  \/* =========================================================\n     DESK GLOW SECTION\n  ========================================================= *\/\n\n  .lx-vice-glow-section {\n    position: relative;\n\n    min-height: 330px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 65px;\n\n    border-radius: 25px;\n\n    border: 1px solid rgba(141,69,255,.18);\n\n    background:\n      radial-gradient(\n        circle at 50% 45%,\n        rgba(255,43,138,.13),\n        rgba(141,69,255,.06) 35%,\n        transparent 65%\n      ),\n      #08070c;\n\n    overflow: hidden;\n  }\n\n  .lx-vice-glow-section::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 280px;\n    height: 280px;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(255,43,138,.15);\n\n    box-shadow:\n      0 0 0 35px rgba(255,43,138,.025),\n      0 0 0 70px rgba(141,69,255,.025);\n\n    animation: lxGlowOrbit 12s linear infinite;\n  }\n\n  @keyframes lxGlowOrbit {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lx-vice-glow-content {\n    position: relative;\n    z-index: 3;\n\n    text-align: center;\n\n    max-width: 650px;\n\n    padding: 30px;\n  }\n\n  .lx-vice-glow-content h2 {\n    margin: 0 0 13px;\n\n    font-size: clamp(28px, 5vw, 46px);\n\n    color: #fff;\n  }\n\n  .lx-vice-glow-content p {\n    margin: 0;\n\n    color: #aaa5b4;\n\n    line-height: 1.7;\n  }\n\n  .lx-neon-pill-row {\n    display: flex;\n\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap: 9px;\n\n    margin-top: 23px;\n  }\n\n  .lx-neon-pill {\n    padding: 9px 14px;\n\n    border-radius: 999px;\n\n    border: 1px solid rgba(255,43,138,.2);\n\n    background: rgba(255,43,138,.045);\n\n    color: #e6dce8;\n\n    font-size: 11px;\n    font-weight: 700;\n\n    letter-spacing: .5px;\n\n    animation: lxPillFloat 4s ease-in-out infinite;\n  }\n\n  .lx-neon-pill:nth-child(2) {\n    animation-delay: -.8s;\n  }\n\n  .lx-neon-pill:nth-child(3) {\n    animation-delay: -1.6s;\n  }\n\n  @keyframes lxPillFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  \/* =========================================================\n     GIFT SECTION\n  ========================================================= *\/\n\n  .lx-vice-gift {\n    position: relative;\n\n    padding: 45px 28px;\n\n    margin-bottom: 50px;\n\n    text-align: center;\n\n    border-radius: 26px;\n\n    border: 1px solid rgba(255,43,138,.18);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,43,138,.07),\n        rgba(141,69,255,.035)\n      );\n\n    overflow: hidden;\n  }\n\n  .lx-vice-gift::before {\n    content: \"SUNSET\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    transform:\n      translate(-50%, -50%)\n      rotate(-7deg);\n\n    font-size: clamp(75px, 16vw, 180px);\n\n    font-weight: 950;\n\n    letter-spacing: -8px;\n\n    color: rgba(255,255,255,.018);\n\n    pointer-events: none;\n\n    white-space: nowrap;\n  }\n\n  .lx-vice-gift h2,\n  .lx-vice-gift p {\n    position: relative;\n    z-index: 2;\n  }\n\n  .lx-vice-gift h2 {\n    margin: 0 0 12px;\n\n    color: #fff;\n\n    font-size: clamp(27px, 5vw, 44px);\n  }\n\n  .lx-vice-gift p {\n    max-width: 660px;\n\n    margin: 0 auto;\n\n    color: #aaa5b4;\n\n    line-height: 1.7;\n  }\n\n  \/* =========================================================\n     FINAL CTA\n  ========================================================= *\/\n\n  .lx-vice-final {\n    text-align: center;\n  }\n\n  .lx-vice-final-line {\n    width: min(310px, 70%);\n\n    height: 1px;\n\n    margin: 0 auto 27px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        #ff2b8a,\n        #ff8b47,\n        #8d45ff,\n        transparent\n      );\n\n    box-shadow:\n      0 0 20px rgba(255,43,138,.3);\n  }\n\n  .lx-vice-final h2 {\n    margin: 0;\n\n    color: #fff;\n\n    font-size: clamp(25px, 5vw, 43px);\n\n    letter-spacing: -1px;\n  }\n\n  .lx-vice-final h2 span {\n    background:\n      linear-gradient(\n        90deg,\n        #ff2b8a,\n        #ff8b47,\n        #8d45ff\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n\n    background-size: 200% auto;\n\n    animation: lxFinalGradient 4s linear infinite;\n  }\n\n  @keyframes lxFinalGradient {\n    to {\n      background-position: 200% center;\n    }\n  }\n\n  .lx-vice-final p {\n    margin: 13px 0 0;\n\n    color: #77727e;\n\n    font-size: 11px;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n  }\n\n  \/* =========================================================\n     MOBILE\n  ========================================================= *\/\n\n  @media (max-width: 720px) {\n\n    .lx-vice-sunset {\n      padding: 50px 14px;\n    }\n\n    .lx-vice-title {\n      font-size: clamp(48px, 17vw, 82px);\n      letter-spacing: -4px;\n    }\n\n    .lx-vice-tagline {\n      font-size: 15px;\n    }\n\n    .lx-vice-stage {\n      min-height: 320px;\n    }\n\n    .lx-vice-sun {\n      width: 190px;\n      height: 190px;\n    }\n\n    .lx-vice-pad {\n      width: 95%;\n      border-radius: 13px;\n    }\n\n    .lx-palm {\n      height: 60%;\n      transform: rotate(7deg) scale(.75);\n    }\n\n    .lx-palm.two {\n      transform: rotate(-8deg) scale(.55);\n    }\n\n    .lx-vice-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .lx-vice-feature {\n      min-height: auto;\n    }\n\n    .lx-vice-intro {\n      padding: 23px;\n    }\n\n    .lx-vice-intro p {\n      font-size: 14px;\n    }\n\n    .lx-vice-glow-section {\n      min-height: 300px;\n    }\n\n    .lx-vice-gift {\n      padding: 38px 22px;\n    }\n  }\n\n  \/* Accessibility *\/\n  @media (prefers-reduced-motion: reduce) {\n\n    .lx-vice-sunset *,\n    .lx-vice-sunset *::before,\n    .lx-vice-sunset *::after {\n      animation-duration: .001ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n    }\n\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"lx-vice-sunset\"\u003e\n\n  \u003cdiv class=\"lx-vice-container\"\u003e\n\n    \u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\n    \u003csection class=\"lx-vice-hero\"\u003e\n\n      \u003cdiv class=\"lx-vice-badge\"\u003e\n        \u003cspan class=\"lx-vice-dot\"\u003e\u003c\/span\u003e\n        LOADOUTX™ RETRO COLLECTION\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"lx-vice-title\"\u003e\n        \u003cspan\u003eVICE SUNSET\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"lx-vice-tagline\"\u003e\n        Bring golden-hour vibes to your desk.\n        \u003cstrong\u003eGame hard. Chill harder.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         ANIMATED MOUSE PAD HERO\n    ====================================================== --\u003e\n\n    \u003csection class=\"lx-vice-stage\"\u003e\n\n      \u003cdiv class=\"lx-vice-sun\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-vice-horizon\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lx-vice-particles\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lx-vice-pad\"\u003e\n\n        \u003cdiv class=\"lx-vice-neon-border\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-vice-lines\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-palm\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-palm two\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lx-vice-pad-label\"\u003e\n          LOADOUTX™ \/ VICE SUNSET\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         INTRO\n    ====================================================== --\u003e\n\n    \u003csection class=\"lx-vice-intro\"\u003e\n\n      \u003cp\u003e\n        Swap a boring desk for a neon-soaked coastal sunset.\n        The \u003cstrong\u003eLoadoutX™ Vice Sunset mouse pad\u003c\/strong\u003e features\n        a striking palm tree sunset illustration that makes your setup\n        feel like a late-night drive down the coast.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         FEATURES\n    ====================================================== --\u003e\n\n    \u003csection\u003e\n\n      \u003cdiv class=\"lx-vice-section-title\"\u003e\n\n        \u003csmall\u003eBUILT FOR YOUR SPACE\u003c\/small\u003e\n\n        \u003ch2\u003eDesk setup. Upgraded.\u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-vice-grid\"\u003e\n\n        \u003c!-- Feature 1 --\u003e\n        \u003carticle class=\"lx-vice-feature\"\u003e\n\n          \u003cdiv class=\"lx-vice-icon\"\u003e\n            🎮\n          \u003c\/div\u003e\n\n          \u003ch3\u003eGaming \u0026amp; Work Ready\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Made for gaming sessions, working from home and everyday browsing.\n            Give your mouse a dedicated space while adding serious style to your desk.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003c!-- Feature 2 --\u003e\n        \u003carticle class=\"lx-vice-feature\"\u003e\n\n          \u003cdiv class=\"lx-vice-icon\"\u003e\n            😌\n          \u003c\/div\u003e\n\n          \u003ch3\u003eA Calmer Workspace\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Warm sunset tones and palm silhouettes create a relaxed,\n            laid-back atmosphere that's perfect for unwinding or staying focused.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003c!-- Feature 3 --\u003e\n        \u003carticle class=\"lx-vice-feature\"\u003e\n\n          \u003cdiv class=\"lx-vice-icon\"\u003e\n            🌅\n          \u003c\/div\u003e\n\n          \u003ch3\u003eInstant Desk Glow-Up\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Pair it with RGB lighting, neon accents or a retro-inspired setup\n            for a desk that feels completely transformed.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003c!-- Feature 4 --\u003e\n        \u003carticle class=\"lx-vice-feature\"\u003e\n\n          \u003cdiv class=\"lx-vice-icon\"\u003e\n            🎁\n          \u003c\/div\u003e\n\n          \u003ch3\u003eThe Perfect Gift\u003c\/h3\u003e\n\n          \u003cp\u003e\n            An easy gift choice for gamers, office workers, students\n            or anyone who appreciates a seriously good-looking desk.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         RETRO GLOW SECTION\n    ====================================================== --\u003e\n\n    \u003csection class=\"lx-vice-glow-section\"\u003e\n\n      \u003cdiv class=\"lx-vice-glow-content\"\u003e\n\n        \u003ch2\u003e\n          Turn your desk into a sunset.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          The Vice Sunset aesthetic pairs naturally with modern gaming setups,\n          RGB lighting and retro-inspired spaces. One simple addition can\n          completely change the atmosphere of your desk.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"lx-neon-pill-row\"\u003e\n\n          \u003cdiv class=\"lx-neon-pill\"\u003e\n            🌴 Palm Sunset\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lx-neon-pill\"\u003e\n            🌈 RGB Ready\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lx-neon-pill\"\u003e\n            🌅 Retro Vibes\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lx-neon-pill\"\u003e\n            🎮 Gaming Ready\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         GIFT\n    ====================================================== --\u003e\n\n    \u003csection class=\"lx-vice-gift\"\u003e\n\n      \u003ch2\u003e\n        The easy desk upgrade.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Whether it's for a birthday, a new office, a gaming setup or simply\n        because their desk needs some personality, Vice Sunset is a gift\n        that's easy to love.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         FINAL CTA\n    ====================================================== --\u003e\n\n    \u003csection class=\"lx-vice-final\"\u003e\n\n      \u003cdiv class=\"lx-vice-final-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Game hard. \u003cspan\u003eChill harder.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        LoadoutX™ Vice Sunset · Golden-hour energy for your setup\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"M","offer_id":50559538626699,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"L","offer_id":50559538659467,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"XL","offer_id":50559550390411,"sku":null,"price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/vice-sunset-with-loadoutx-box.png?v=1790549705"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/collections\/merchandise-collection-image.png?v=1790120318","url":"https:\/\/loadoutx.co.za\/collections\/merchandise.oembed","provider":"LoadoutX","version":"1.0","type":"link"}