{"product_id":"thronex-ergonomic-gaming-chair-with-footrest","title":"ThroneX — Ergonomic Gaming Chair with Footrest","description":"\u003c!-- =========================================================\n     LOADOUTX™ THRONEX\n     PREMIUM ANIMATED GAMING CHAIR PRODUCT SECTION\n     SHOPIFY CUSTOM LIQUID \/ HTML\n     ========================================================= --\u003e\n\n\u003cstyle\u003e\n\n.lx-throne {\n\n  --bg:#030303;\n  --panel:rgba(255,255,255,.045);\n  --line:rgba(255,255,255,.09);\n  --text:#f5f5f5;\n  --muted:#858585;\n  --red:#ff304f;\n\n  position:relative;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 15% 15%,\n      rgba(255,48,79,.08),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 85% 75%,\n      rgba(255,255,255,.045),\n      transparent 30%\n    ),\n    var(--bg);\n\n  color:var(--text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Inter\",\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  padding:120px 20px;\n\n}\n\n.lx-throne *,\n.lx-throne *::before,\n.lx-throne *::after {\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   AMBIENT LIGHT\n========================================================= *\/\n\n.lx-throne::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:700px;\n  height:700px;\n\n  left:-350px;\n  top:-300px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,48,79,.13),\n      transparent 65%\n    );\n\n  filter:blur(35px);\n\n  animation:\n    lxThroneGlow 10s ease-in-out infinite alternate;\n\n  pointer-events:none;\n\n}\n\n.lx-throne::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:600px;\n  height:600px;\n\n  right:-300px;\n  bottom:-300px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,.045),\n      transparent 65%\n    );\n\n  filter:blur(30px);\n\n  animation:\n    lxThroneGlow2 12s ease-in-out infinite alternate;\n\n  pointer-events:none;\n\n}\n\n@keyframes lxThroneGlow {\n\n  from {\n    transform:translate(0,0) scale(1);\n  }\n\n  to {\n    transform:translate(120px,70px) scale(1.3);\n  }\n\n}\n\n@keyframes lxThroneGlow2 {\n\n  from {\n    transform:translate(0,0) scale(1);\n  }\n\n  to {\n    transform:translate(-100px,-80px) scale(1.2);\n  }\n\n}\n\n\n.lx-throne-container {\n\n  position:relative;\n\n  max-width:1250px;\n\n  margin:auto;\n\n  z-index:2;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.lx-throne-hero {\n\n  max-width:950px;\n\n  text-align:center;\n\n  margin:auto;\n\n}\n\n\n.lx-throne-badge {\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  padding:9px 17px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  backdrop-filter:blur(15px);\n\n  color:#aaa;\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n\n  animation:\n    lxThroneFade .9s ease forwards;\n\n}\n\n\n.lx-status-dot {\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--red);\n\n  box-shadow:\n    0 0 15px\n    rgba(255,48,79,.9);\n\n  animation:\n    lxStatusPulse 2s infinite;\n\n}\n\n\n@keyframes lxStatusPulse {\n\n  0%,100% {\n    opacity:.45;\n    transform:scale(.75);\n  }\n\n  50% {\n    opacity:1;\n    transform:scale(1.2);\n  }\n\n}\n\n\n.lx-throne-title {\n\n  margin:28px 0 0;\n\n  font-size:\n    clamp(55px,9vw,110px);\n\n  line-height:.84;\n\n  letter-spacing:-.075em;\n\n  font-weight:900;\n\n  background:\n\n    linear-gradient(\n      110deg,\n      #fff 0%,\n      #fff 30%,\n      #777 50%,\n      #fff 70%,\n      #fff 100%\n    );\n\n  background-size:250% auto;\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n\n  animation:\n    lxThroneFade 1s ease forwards,\n    lxThroneShine 6s linear infinite;\n\n}\n\n\n@keyframes lxThroneShine {\n\n  from {\n    background-position:200% center;\n  }\n\n  to {\n    background-position:-50% center;\n  }\n\n}\n\n\n.lx-throne-subtitle {\n\n  max-width:720px;\n\n  margin:\n    30px auto 0;\n\n  color:#909090;\n\n  font-size:18px;\n\n  line-height:1.75;\n\n  animation:\n    lxThroneFade 1.3s ease forwards;\n\n}\n\n\n@keyframes lxThroneFade {\n\n  from {\n    opacity:0;\n    transform:translateY(25px);\n  }\n\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   CHAIR COMMAND STAGE\n========================================================= *\/\n\n.lx-chair-stage {\n\n  position:relative;\n\n  height:560px;\n\n  margin-top:85px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius:34px;\n\n  overflow:hidden;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      rgba(255,255,255,.01)\n    );\n\n  box-shadow:\n\n    inset 0 1px\n    rgba(255,255,255,.08),\n\n    0 40px 120px\n    rgba(0,0,0,.55);\n\n}\n\n\n\/* CARBON GRID *\/\n\n.lx-carbon {\n\n  position:absolute;\n\n  inset:0;\n\n  opacity:.13;\n\n  background-image:\n\n    linear-gradient(\n      45deg,\n      rgba(255,255,255,.08) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(255,255,255,.08) 75%\n    ),\n\n    linear-gradient(\n      45deg,\n      rgba(255,255,255,.08) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(255,255,255,.08) 75%\n    );\n\n  background-size:\n    12px 12px;\n\n  background-position:\n    0 0,\n    6px 6px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      #000,\n      transparent\n    );\n\n}\n\n\n\/* =========================================================\n   ABSTRACT CHAIR\n========================================================= *\/\n\n.lx-chair {\n\n  position:absolute;\n\n  left:50%;\n  top:53%;\n\n  width:310px;\n  height:410px;\n\n  transform:\n    translate(-50%,-50%);\n\n  animation:\n    lxChairFloat 5s ease-in-out infinite;\n\n}\n\n\n@keyframes lxChairFloat {\n\n  0%,100% {\n    transform:\n      translate(-50%,-50%)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      translateY(-12px);\n  }\n\n}\n\n\n\/* BACKREST *\/\n\n.lx-chair-back {\n\n  position:absolute;\n\n  left:65px;\n  top:15px;\n\n  width:180px;\n  height:255px;\n\n  border-radius:\n    65px 65px 30px 30px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      #202020,\n      #080808 55%,\n      #171717\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  box-shadow:\n\n    0 30px 50px\n    rgba(0,0,0,.65),\n\n    inset 0 1px\n    rgba(255,255,255,.12);\n\n  transform:\n    perspective(700px)\n    rotateY(-4deg);\n\n}\n\n\n\/* RACING SIDE ACCENTS *\/\n\n.lx-chair-back::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  left:10px;\n  top:35px;\n\n  width:7px;\n  height:170px;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      var(--red),\n      transparent\n    );\n\n  box-shadow:\n    0 0 18px\n    rgba(255,48,79,.5);\n\n  animation:\n    lxAccentPulse 3s infinite;\n\n}\n\n\n.lx-chair-back::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  right:10px;\n  top:35px;\n\n  width:7px;\n  height:170px;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      var(--red),\n      transparent\n    );\n\n  box-shadow:\n    0 0 18px\n    rgba(255,48,79,.5);\n\n  animation:\n    lxAccentPulse 3s infinite .4s;\n\n}\n\n\n@keyframes lxAccentPulse {\n\n  0%,100% {\n    opacity:.45;\n  }\n\n  50% {\n    opacity:1;\n  }\n\n}\n\n\n\/* HEADREST *\/\n\n.lx-headrest {\n\n  position:absolute;\n\n  left:98px;\n  top:42px;\n\n  width:115px;\n  height:58px;\n\n  border-radius:30px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #303030,\n      #101010\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  box-shadow:\n    0 12px 20px\n    rgba(0,0,0,.5);\n\n}\n\n\n\/* LUMBAR *\/\n\n.lx-lumbar {\n\n  position:absolute;\n\n  left:95px;\n  top:145px;\n\n  width:120px;\n  height:75px;\n\n  border-radius:45%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #282828,\n      #0b0b0b\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  box-shadow:\n    0 15px 25px\n    rgba(0,0,0,.5);\n\n}\n\n\n\/* SEAT *\/\n\n.lx-seat {\n\n  position:absolute;\n\n  left:48px;\n  top:245px;\n\n  width:215px;\n  height:75px;\n\n  border-radius:\n    35px 35px 25px 25px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #242424,\n      #080808\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  box-shadow:\n    0 20px 35px\n    rgba(0,0,0,.65);\n\n}\n\n\n\/* ARMRESTS *\/\n\n.lx-arm {\n\n  position:absolute;\n\n  width:75px;\n  height:13px;\n\n  top:235px;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #090909,\n      #292929\n    );\n\n}\n\n\n.lx-arm.left {\n  left:8px;\n}\n\n.lx-arm.right {\n  right:8px;\n}\n\n\n\/* COLUMN *\/\n\n.lx-column {\n\n  position:absolute;\n\n  left:140px;\n  top:310px;\n\n  width:30px;\n  height:65px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #050505,\n      #333,\n      #080808\n    );\n\n}\n\n\n\/* BASE *\/\n\n.lx-base {\n\n  position:absolute;\n\n  left:45px;\n  top:365px;\n\n  width:220px;\n  height:30px;\n\n  border-radius:50%;\n\n  background:#090909;\n\n  box-shadow:\n    0 20px 30px\n    rgba(0,0,0,.7);\n\n}\n\n\n.lx-wheel {\n\n  position:absolute;\n\n  width:20px;\n  height:20px;\n\n  border-radius:50%;\n\n  background:#111;\n\n  border:\n    2px solid #2b2b2b;\n\n  animation:\n    lxWheelSpin 6s linear infinite;\n\n}\n\n\n.lx-wheel:nth-child(1){\n  left:48px;\n  top:382px;\n}\n\n.lx-wheel:nth-child(2){\n  left:105px;\n  top:392px;\n}\n\n.lx-wheel:nth-child(3){\n  right:105px;\n  top:392px;\n}\n\n.lx-wheel:nth-child(4){\n  right:48px;\n  top:382px;\n}\n\n\n@keyframes lxWheelSpin {\n\n  from {\n    transform:rotate(0deg);\n  }\n\n  to {\n    transform:rotate(360deg);\n  }\n\n}\n\n\n\/* =========================================================\n   HUD CARDS\n========================================================= *\/\n\n.lx-chair-hud {\n\n  position:absolute;\n\n  padding:18px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  border-radius:20px;\n\n  background:\n    rgba(0,0,0,.4);\n\n  backdrop-filter:\n    blur(20px);\n\n  box-shadow:\n    0 20px 40px\n    rgba(0,0,0,.25);\n\n}\n\n\n.lx-recline {\n\n  left:30px;\n  top:35px;\n\n  width:175px;\n\n}\n\n\n.lx-footrest {\n\n  right:30px;\n  bottom:35px;\n\n  width:175px;\n\n}\n\n\n.lx-hud-label {\n\n  display:block;\n\n  color:#777;\n\n  font-size:9px;\n\n  text-transform:uppercase;\n\n  letter-spacing:.18em;\n\n  margin-bottom:8px;\n\n}\n\n\n.lx-hud-value {\n\n  font-size:31px;\n\n  font-weight:900;\n\n  letter-spacing:-.05em;\n\n}\n\n\n.lx-hud-value span {\n\n  font-size:11px;\n\n  color:#777;\n\n  letter-spacing:0;\n\n}\n\n\n.lx-hud-bar {\n\n  height:3px;\n\n  margin-top:13px;\n\n  border-radius:10px;\n\n  background:\n    rgba(255,255,255,.08);\n\n  overflow:hidden;\n\n}\n\n\n.lx-hud-bar span {\n\n  display:block;\n\n  height:100%;\n\n  background:white;\n\n  box-shadow:\n    0 0 12px white;\n\n}\n\n\n.lx-recline .lx-hud-bar span {\n\n  width:82%;\n\n  animation:\n    lxRecline 4s ease-in-out infinite alternate;\n\n}\n\n\n@keyframes lxRecline {\n\n  from { width:35%; }\n  to { width:82%; }\n\n}\n\n\n.lx-footrest .lx-hud-bar span {\n\n  width:75%;\n\n  animation:\n    lxFootrest 4s ease-in-out infinite alternate;\n\n}\n\n\n@keyframes lxFootrest {\n\n  from { width:15%; }\n  to { width:75%; }\n\n}\n\n\n\/* =========================================================\n   ROTATION HUD\n========================================================= *\/\n\n.lx-rotation {\n\n  position:absolute;\n\n  right:30px;\n  top:35px;\n\n  width:135px;\n  height:135px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  border-radius:50%;\n\n  background:\n    rgba(0,0,0,.3);\n\n  backdrop-filter:blur(15px);\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n}\n\n\n.lx-rotation::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:12px;\n\n  border:\n    1px dashed\n    rgba(255,255,255,.15);\n\n  border-radius:50%;\n\n  animation:\n    lxRotate 8s linear infinite;\n\n}\n\n\n.lx-rotation-arrow {\n\n  font-size:35px;\n\n  animation:\n    lxRotate 4s linear infinite;\n\n}\n\n\n@keyframes lxRotate {\n\n  from {\n    transform:rotate(0deg);\n  }\n\n  to {\n    transform:rotate(360deg);\n  }\n\n}\n\n\n\/* =========================================================\n   SECTION HEADINGS\n========================================================= *\/\n\n.lx-throne-heading {\n\n  text-align:center;\n\n  margin:\n    115px auto 50px;\n\n}\n\n\n.lx-throne-heading small {\n\n  display:block;\n\n  color:#777;\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n\n}\n\n\n.lx-throne-heading h2 {\n\n  margin:0;\n\n  font-size:\n    clamp(36px,5vw,62px);\n\n  line-height:.95;\n\n  letter-spacing:-.055em;\n\n}\n\n\n\/* =========================================================\n   FEATURE GRID\n========================================================= *\/\n\n.lx-throne-grid {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:16px;\n\n}\n\n\n.lx-throne-card {\n\n  position:relative;\n\n  min-height:250px;\n\n  padding:30px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius:25px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      rgba(255,255,255,.015)\n    );\n\n  overflow:hidden;\n\n  transition:\n    transform .45s cubic-bezier(.2,.8,.2,1),\n    border-color .4s ease,\n    background .4s ease;\n\n}\n\n\n.lx-throne-card::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:180px;\n  height:180px;\n\n  right:-80px;\n  top:-80px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.06);\n\n  filter:blur(35px);\n\n  transition:.5s ease;\n\n}\n\n\n.lx-throne-card:hover {\n\n  transform:\n    translateY(-9px);\n\n  border-color:\n    rgba(255,255,255,.2);\n\n  background:\n    rgba(255,255,255,.065);\n\n}\n\n\n.lx-throne-card:hover::before {\n\n  transform:scale(1.5);\n\n}\n\n\n.lx-throne-icon {\n\n  width:48px;\n  height:48px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:14px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  background:\n    rgba(255,255,255,.04);\n\n  font-size:21px;\n\n  margin-bottom:40px;\n\n  transition:.4s ease;\n\n}\n\n\n.lx-throne-card:hover .lx-throne-icon {\n\n  transform:\n    scale(1.12)\n    rotate(-6deg);\n\n}\n\n\n.lx-throne-card h3 {\n\n  margin:\n    0 0 10px;\n\n  font-size:20px;\n\n  letter-spacing:-.025em;\n\n}\n\n\n.lx-throne-card p {\n\n  margin:0;\n\n  color:#858585;\n\n  font-size:14px;\n\n  line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   COMFORT PANEL\n========================================================= *\/\n\n.lx-comfort {\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:16px;\n\n  margin-top:16px;\n\n}\n\n\n.lx-comfort-panel {\n\n  position:relative;\n\n  min-height:400px;\n\n  padding:42px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius:28px;\n\n  overflow:hidden;\n\n  background:\n    rgba(255,255,255,.025);\n\n}\n\n\n.lx-comfort-panel h3 {\n\n  margin:0;\n\n  font-size:\n    clamp(32px,4vw,52px);\n\n  line-height:.98;\n\n  letter-spacing:-.05em;\n\n}\n\n\n.lx-comfort-panel p {\n\n  max-width:500px;\n\n  margin:\n    22px 0 35px;\n\n  color:#858585;\n\n  line-height:1.7;\n\n}\n\n\n\/* COMFORT BARS *\/\n\n.lx-comfort-meter {\n\n  display:grid;\n\n  gap:18px;\n\n}\n\n\n.lx-meter {\n\n  display:grid;\n\n  grid-template-columns:\n    105px 1fr;\n\n  align-items:center;\n\n  gap:15px;\n\n  font-size:11px;\n\n  color:#777;\n\n}\n\n\n.lx-meter-bar {\n\n  height:4px;\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.08);\n\n  overflow:hidden;\n\n}\n\n\n.lx-meter-bar span {\n\n  display:block;\n\n  height:100%;\n\n  background:white;\n\n  box-shadow:\n    0 0 12px\n    rgba(255,255,255,.6);\n\n  animation:\n    lxMeter 2s ease forwards;\n\n}\n\n\n.lx-meter:nth-child(1)\n.lx-meter-bar span {\n  width:90%;\n}\n\n.lx-meter:nth-child(2)\n.lx-meter-bar span {\n  width:82%;\n}\n\n.lx-meter:nth-child(3)\n.lx-meter-bar span {\n  width:95%;\n}\n\n\n@keyframes lxMeter {\n\n  from {\n    width:0;\n  }\n\n}\n\n\n\/* =========================================================\n   COLOUR SELECTOR\n========================================================= *\/\n\n.lx-colours {\n\n  display:flex;\n\n  gap:12px;\n\n  margin-top:35px;\n\n}\n\n\n.lx-colour {\n\n  display:flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:\n    10px 15px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  color:#aaa;\n\n  font-size:11px;\n\n}\n\n\n.lx-colour-dot {\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n}\n\n\n.lx-red {\n  background:#ff304f;\n  box-shadow:\n    0 0 12px\n    rgba(255,48,79,.6);\n}\n\n\n.lx-blue {\n  background:#1976ff;\n  box-shadow:\n    0 0 12px\n    rgba(25,118,255,.6);\n}\n\n\n\/* =========================================================\n   SPECIFICATIONS\n========================================================= *\/\n\n.lx-spec-grid {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:16px;\n\n}\n\n\n.lx-spec {\n\n  padding:27px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius:22px;\n\n  background:\n    rgba(255,255,255,.025);\n\n  transition:.35s ease;\n\n}\n\n\n.lx-spec:hover {\n\n  transform:\n    translateY(-6px);\n\n  background:\n    rgba(255,255,255,.05);\n\n}\n\n\n.lx-spec-label {\n\n  display:block;\n\n  color:#777;\n\n  font-size:9px;\n\n  text-transform:uppercase;\n\n  letter-spacing:.18em;\n\n  margin-bottom:12px;\n\n}\n\n\n.lx-spec-value {\n\n  font-size:30px;\n\n  font-weight:900;\n\n  letter-spacing:-.05em;\n\n}\n\n\n.lx-spec-value span {\n\n  color:#777;\n\n  font-size:11px;\n\n  letter-spacing:0;\n\n}\n\n\n\/* =========================================================\n   BATTLE STATION\n========================================================= *\/\n\n.lx-battle {\n\n  position:relative;\n\n  margin-top:16px;\n\n  padding:60px 45px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius:30px;\n\n  overflow:hidden;\n\n  background:\n\n    radial-gradient(\n      circle at 80% 50%,\n      rgba(255,48,79,.08),\n      transparent 35%\n    ),\n\n    rgba(255,255,255,.025);\n\n}\n\n\n.lx-battle h3 {\n\n  margin:0;\n\n  font-size:\n    clamp(34px,5vw,58px);\n\n  line-height:.95;\n\n  letter-spacing:-.055em;\n\n}\n\n\n.lx-battle p {\n\n  max-width:600px;\n\n  color:#858585;\n\n  line-height:1.7;\n\n  margin:\n    20px 0 0;\n\n}\n\n\n.lx-battle-glow {\n\n  position:absolute;\n\n  right:10%;\n\n  top:50%;\n\n  width:180px;\n  height:180px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(255,48,79,.3);\n\n  transform:\n    translateY(-50%);\n\n  box-shadow:\n    0 0 80px\n    rgba(255,48,79,.12);\n\n  animation:\n    lxBattlePulse 3s infinite;\n\n}\n\n\n@keyframes lxBattlePulse {\n\n  0%,100% {\n    transform:\n      translateY(-50%)\n      scale(.85);\n\n    opacity:.4;\n  }\n\n  50% {\n    transform:\n      translateY(-50%)\n      scale(1.15);\n\n    opacity:1;\n  }\n\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.lx-throne-cta {\n\n  position:relative;\n\n  margin-top:110px;\n\n  padding:\n    95px 25px;\n\n  text-align:center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  border-radius:34px;\n\n  overflow:hidden;\n\n  background:\n\n    radial-gradient(\n      circle at center,\n      rgba(255,48,79,.08),\n      transparent 55%\n    ),\n\n    rgba(255,255,255,.025);\n\n}\n\n\n.lx-throne-cta::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n\n  width:160px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,48,79,.15),\n      transparent\n    );\n\n  transform:\n    translateX(-300px)\n    skewX(-15deg);\n\n  animation:\n    lxCtaSweep 5s infinite;\n\n}\n\n\n@keyframes lxCtaSweep {\n\n  0%,45% {\n    transform:\n      translateX(-300px)\n      skewX(-15deg);\n  }\n\n  70%,100% {\n    transform:\n      translateX(1300px)\n      skewX(-15deg);\n  }\n\n}\n\n\n.lx-throne-cta h2 {\n\n  position:relative;\n\n  margin:0;\n\n  font-size:\n    clamp(42px,6vw,76px);\n\n  line-height:.9;\n\n  letter-spacing:-.065em;\n\n}\n\n\n.lx-throne-cta p {\n\n  position:relative;\n\n  max-width:650px;\n\n  margin:\n    25px auto 32px;\n\n  color:#858585;\n\n  line-height:1.7;\n\n}\n\n\n.lx-throne-button {\n\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  padding:\n    17px 30px;\n\n  border-radius:100px;\n\n  background:#fff;\n\n  color:#000;\n\n  text-decoration:none;\n\n  font-size:13px;\n\n  font-weight:900;\n\n  letter-spacing:.04em;\n\n  transition:.35s ease;\n\n}\n\n\n.lx-throne-button:hover {\n\n  transform:\n    translateY(-5px)\n    scale(1.03);\n\n  box-shadow:\n    0 20px 60px\n    rgba(255,255,255,.16);\n\n}\n\n\n.lx-throne-arrow {\n\n  transition:.3s ease;\n\n}\n\n\n.lx-throne-button:hover\n.lx-throne-arrow {\n\n  transform:\n    translateX(6px);\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:950px) {\n\n  .lx-throne-grid {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n  .lx-spec-grid {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n  .lx-comfort {\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n@media(max-width:650px) {\n\n  .lx-throne {\n    padding:\n      75px 15px;\n  }\n\n  .lx-throne-grid {\n    grid-template-columns:1fr;\n  }\n\n  .lx-spec-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .lx-chair-stage {\n    height:460px;\n  }\n\n  .lx-chair {\n    transform:\n      translate(-50%,-50%)\n      scale(.75);\n  }\n\n  .lx-recline {\n    left:15px;\n    top:15px;\n    transform:scale(.8);\n    transform-origin:top left;\n  }\n\n  .lx-rotation {\n    right:15px;\n    top:15px;\n    transform:scale(.75);\n    transform-origin:top right;\n  }\n\n  .lx-footrest {\n    right:15px;\n    bottom:15px;\n    transform:scale(.8);\n    transform-origin:bottom right;\n  }\n\n  .lx-comfort-panel {\n    padding:30px;\n  }\n\n  .lx-battle {\n    padding:40px 28px;\n  }\n\n  .lx-battle-glow {\n    display:none;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"lx-throne\"\u003e\n\n\u003cdiv class=\"lx-throne-container\"\u003e\n\n\n\u003c!-- ======================================================\n     HERO\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-throne-hero\"\u003e\n\n  \u003cdiv class=\"lx-throne-badge\"\u003e\n\n    \u003cspan class=\"lx-status-dot\"\u003e\u003c\/span\u003e\n\n    LoadoutX™ ThroneX\n\n  \u003c\/div\u003e\n\n\n  \u003ch1 class=\"lx-throne-title\"\u003e\n\n    Sit like a\u003cbr\u003e\n    legend.\n\n  \u003c\/h1\u003e\n\n\n  \u003cp class=\"lx-throne-subtitle\"\u003e\n\n    Racing-inspired design meets serious comfort.\n    Built to support long gaming sessions, focused workdays\n    and everything in between.\n\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- ======================================================\n     CHAIR COMMAND CENTRE\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-chair-stage\"\u003e\n\n  \u003cdiv class=\"lx-carbon\"\u003e\u003c\/div\u003e\n\n\n  \u003c!-- RECLINE HUD --\u003e\n\n  \u003cdiv class=\"lx-chair-hud lx-recline\"\u003e\n\n    \u003cspan class=\"lx-hud-label\"\u003e\n      Recline\n    \u003c\/span\u003e\n\n    \u003cdiv class=\"lx-hud-value\"\u003e\n      125\u003cspan\u003e°\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lx-hud-bar\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ROTATION HUD --\u003e\n\n  \u003cdiv class=\"lx-rotation\"\u003e\n\n    \u003cdiv class=\"lx-rotation-arrow\"\u003e\n      ↻\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FOOTREST HUD --\u003e\n\n  \u003cdiv class=\"lx-chair-hud lx-footrest\"\u003e\n\n    \u003cspan class=\"lx-hud-label\"\u003e\n      Footrest\n    \u003c\/span\u003e\n\n    \u003cdiv class=\"lx-hud-value\"\u003e\n      36\u003cspan\u003ecm\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lx-hud-bar\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ABSTRACT CHAIR --\u003e\n\n  \u003cdiv class=\"lx-chair\"\u003e\n\n    \u003cdiv class=\"lx-chair-back\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-headrest\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-lumbar\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-seat\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-arm left\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lx-arm right\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-column\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-base\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lx-wheel\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lx-wheel\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lx-wheel\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lx-wheel\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- ======================================================\n     FEATURES\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-throne-heading\"\u003e\n\n  \u003csmall\u003e\n    Engineered for long sessions\n  \u003c\/small\u003e\n\n  \u003ch2\u003e\n    Comfort meets\u003cbr\u003e\n    performance.\n  \u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"lx-throne-grid\"\u003e\n\n\n  \u003cdiv class=\"lx-throne-card\"\u003e\n\n    \u003cdiv class=\"lx-throne-icon\"\u003e\n      🦴\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      Head-to-back support\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Cushioned headrest and removable lumbar support\n      help create a more comfortable position during\n      extended sessions.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-throne-card\"\u003e\n\n    \u003cdiv class=\"lx-throne-icon\"\u003e\n      🛋️\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      125° recline\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Lean back with one-key manual adjustment.\n      Sit upright for gaming or recline when it's time\n      to relax.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-throne-card\"\u003e\n\n    \u003cdiv class=\"lx-throne-icon\"\u003e\n      🦵\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      36 cm footrest\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Pull out the hidden footrest when you want to\n      kick back, then tuck it away when you're ready\n      to lock back in.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-throne-card\"\u003e\n\n    \u003cdiv class=\"lx-throne-icon\"\u003e\n      ✨\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      Premium bionic leather\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      A sleek, soft-touch finish designed to give\n      your gaming station a premium appearance.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-throne-card\"\u003e\n\n    \u003cdiv class=\"lx-throne-icon\"\u003e\n      🔄\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      360° movement\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Swivel freely and glide around your setup with\n      smooth-rolling casters and adjustable height.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-throne-card\"\u003e\n\n    \u003cdiv class=\"lx-throne-icon\"\u003e\n      💪\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      Padded armrests\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Keep your arms supported while gaming, working,\n      watching movies or simply relaxing.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- ======================================================\n     COMFORT\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-comfort\"\u003e\n\n\n  \u003cdiv class=\"lx-comfort-panel\"\u003e\n\n    \u003ch3\u003e\n      Designed around\u003cbr\u003e\n      your body.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      From the headrest to the lumbar pillow and padded\n      armrests, every part of ThroneX is designed around\n      creating a more comfortable gaming position.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"lx-comfort-meter\"\u003e\n\n      \u003cdiv class=\"lx-meter\"\u003e\n\n        \u003cspan\u003eHead support\u003c\/span\u003e\n\n        \u003cdiv class=\"lx-meter-bar\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-meter\"\u003e\n\n        \u003cspan\u003eLumbar support\u003c\/span\u003e\n\n        \u003cdiv class=\"lx-meter-bar\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-meter\"\u003e\n\n        \u003cspan\u003eArm support\u003c\/span\u003e\n\n        \u003cdiv class=\"lx-meter-bar\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-comfort-panel\"\u003e\n\n    \u003ch3\u003e\n      Choose your\u003cbr\u003e\n      battle colour.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Bring your gaming station to life with bold racing\n      accents designed to stand out against a premium\n      dark setup.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"lx-colours\"\u003e\n\n      \u003cdiv class=\"lx-colour\"\u003e\n\n        \u003cspan class=\"lx-colour-dot lx-red\"\u003e\u003c\/span\u003e\n\n        Red\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lx-colour\"\u003e\n\n        \u003cspan class=\"lx-colour-dot lx-blue\"\u003e\u003c\/span\u003e\n\n        Blue\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- ======================================================\n     SPECIFICATIONS\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-throne-heading\"\u003e\n\n  \u003csmall\u003e\n    ThroneX specifications\n  \u003c\/small\u003e\n\n  \u003ch2\u003e\n    Built for the\u003cbr\u003e\n    battle station.\n  \u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"lx-spec-grid\"\u003e\n\n\n  \u003cdiv class=\"lx-spec\"\u003e\n\n    \u003cspan class=\"lx-spec-label\"\u003e\n      Recline\n    \u003c\/span\u003e\n\n    \u003cdiv class=\"lx-spec-value\"\u003e\n      125\u003cspan\u003e°\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-spec\"\u003e\n\n    \u003cspan class=\"lx-spec-label\"\u003e\n      Footrest\n    \u003c\/span\u003e\n\n    \u003cdiv class=\"lx-spec-value\"\u003e\n      36\u003cspan\u003ecm\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-spec\"\u003e\n\n    \u003cspan class=\"lx-spec-label\"\u003e\n      Rotation\n    \u003c\/span\u003e\n\n    \u003cdiv class=\"lx-spec-value\"\u003e\n      360\u003cspan\u003e°\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lx-spec\"\u003e\n\n    \u003cspan class=\"lx-spec-label\"\u003e\n      Finish\n    \u003c\/span\u003e\n\n    \u003cdiv class=\"lx-spec-value\"\u003e\n      PRO\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- ======================================================\n     BATTLE STATION\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-battle\"\u003e\n\n  \u003ch3\u003e\n    Build the\u003cbr\u003e\n    ultimate station.\n  \u003c\/h3\u003e\n\n  \u003cp\u003e\n    Pair the LoadoutX™ ThroneX with the ElevateDesk\n    and create a complete gaming and productivity setup\n    designed around the way you play and work.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"lx-battle-glow\"\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- ======================================================\n     FINAL CTA\n====================================================== --\u003e\n\n\u003cdiv class=\"lx-throne-cta\"\u003e\n\n  \u003ch2\u003e\n    Sit like a legend.\u003cbr\u003e\n    Play like a champion.\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Racing-inspired style. Serious comfort.\n    Built for your next session.\n  \u003c\/p\u003e\n\n\n  \u003ca href=\"#AddToCart\" class=\"lx-throne-button\"\u003e\n\n    Claim Your Throne\n\n    \u003cspan class=\"lx-throne-arrow\"\u003e\n      →\n    \u003c\/span\u003e\n\n  \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n```\n","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50560182452363,"sku":null,"price":5499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/thronex-gaming-setup.png?v=1790561073","url":"https:\/\/loadoutx.co.za\/products\/thronex-ergonomic-gaming-chair-with-footrest","provider":"LoadoutX","version":"1.0","type":"link"}