{"product_id":"ttracing-maxx-pro-gaming-chair-spider-man-edition","title":"TTRacing Maxx Pro Gaming Chair - Spider-Man Edition","description":"\u003cdiv class=\"mxp-pdp\"\u003e\n\u003cstyle\u003e\n.rte a:not(.btn):not(.mxp-btn-outline):after, .rte-setting a:not(.btn):not(.mxp-btn-outline):after{all: unset;}\n.mxp-pdp,.mxp-pdp *{box-sizing:border-box;}\n.mxp-pdp{background:#000;color:#fff;font-family:'gotham-book','Gotham';overflow:clip;}\n.mxp-pw{margin:0 auto;padding: 0 20px;}\n.rte:has(.mxp-pdp){overflow:visible !important;}\n\n.mxp-shine{\n  background: linear-gradient(to bottom, #fbce8f 0%, #bb8b57 33%, #fbce8f 66%, #bb8b57 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.mxp-label{font-family:'gotham-medium','Gotham';font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#e53935;display:block;margin-bottom:10px;}\n.mxp-h2{font-family:'maxxpro-spiderman';font-weight: 400; font-size:4rem;letter-spacing:4px;line-height:1;width:max-content;margin-bottom:18px !important;margin-top: 0 !important;padding-bottom: 2.2px;}\n.mxp-p{font-size:15px !important;color:#d6d6d6;line-height:1.65;text-align:left !important;font-weight: 400 !important;}\n\n.mxp-ph{\n  background:#141414;display:flex;align-items:center;\n  justify-content:center;color:#333;font-size:13px;\n  text-align:center;line-height:1.7;font-family:'gotham-book';\n}\n\n\/* ── Hero Video ── *\/\n.mxp-video-hero{width:100%;line-height:0;margin:0 !important;}\n.mxp-video-hero video{width:100%;}\n.mxp-video-hero-desktop{display:block;}\n.mxp-video-hero-mobile{display:none;}\n@media(max-width:749px){\n  .mxp-video-hero-desktop{display:none;}\n  .mxp-video-hero-mobile{display:block;}\n}\n\n\/* ── Spiderman Main Section ── *\/\n.spiderman-main-section{\n  position: relative;\n  height: 962px;\n  background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/spiderman-top-bg-pc.png?v=1784687888') center \/ cover no-repeat;\n  margin: 0 !important;\n}\n.shadow-overlay{\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,1) 0%,\n      rgba(0,0,0,1) 9%,\n      rgba(0,0,0,0.35) 30%,\n      rgba(0,0,0,0.15) 50%,\n      rgba(0,0,0,0) 70%\n    );\n  z-index:4;\n}\n.main-chair{\n  position: absolute;\n  left: 50%;\n  bottom: 14%;\n  transform: translateX(-50%);\n  height: 78% !important;\n  width: auto;\n  z-index: 2;\n}\n.spiderman-main-title{\n  position: absolute;\n  width: 32%;\n  left: 50%;\n  bottom:5%;\n  transform: translateX(-50%);\n  z-index: 8;\n}\n@keyframes fadeInTopCentered{\n  from{opacity:0;transform:translateX(-50%) translateY(30px);}\n  to{opacity:1;transform:translateX(-50%) translateY(0);}\n}\n.spiderman-main-section .spiderman-main-title.animate,\n.spiderman-main-section .main-chair.animate{\n  animation: fadeInTopCentered 1s forwards;\n}\n\n\/* ── Text Section ── *\/\n.text-section{\n  background: #101010;\n  padding: 100px 30px;\n  margin: 0 !important;\n}\n.text-section .page-width{\n  display: flex;\n  justify-content: center;\n}\n.text-section p{\n  font-size: 16px;\n  color: #fff;\n  width: 75%;\n  font-weight: 400;\n}\n\n\/* ── S1 Hero ── *\/\n.mxp-s1{background:transparent;padding-top: 100px;padding-bottom:150px;text-align:center;position: relative; z-index:1;}\n.mxp-s1-h{font-family:'maxxpro-spiderman';font-weight:400;letter-spacing: 4px;font-size: 4rem;line-height:1;margin-bottom:20px;width: max-content; margin: 0 auto; }\n.mxp-s1-sub{font-size:15px !important;color:#d6d6d6;margin:0 auto 48px !important;line-height:1.6;font-weight: 400 !important;}\n.mxp-s1-img{border-radius:20px;overflow:hidden;margin:0 auto;}\n\n\/* ── S2 Headrest ── *\/\n.mxp-s2{\n  padding-top:100px;\n  position: relative;\n  overflow: hidden;\n  background:\n    linear-gradient(to right, #000 25%, transparent 65%),\n    url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s2-bg.png?v=1784696713') right center \/ auto 100% no-repeat,\n    #000;\n}\n.mxp-s2::before,\n.mxp-s2::after{\n  content: '';\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 18%;\n  z-index: 1;\n  pointer-events: none;\n}\n.mxp-s2::before{\n  top: 0;\n  background: linear-gradient(to bottom, #000, transparent);\n}\n.mxp-s2::after{\n  bottom: 0;\n  background: linear-gradient(to top, #000, transparent);\n}\n.mxp-s2-grid{display:grid;grid-template-columns:2fr 3fr;gap:10px;align-items:center;}\n.mxp-s2-video{height:100%;display:flex;align-items:flex-end;justify-content:center;}\n.mxp-s2-video img{width:auto;object-fit:contain;display:block;max-height:600px;}\n.mxp-s2-content{padding-top: 50px; padding-bottom: 70px;z-index: 10;}\n.mxp-features{list-style:none;margin:40px 0 0 0;display:flex;flex-direction:column;}\n.mxp-feature{display:flex;gap:18px;align-items:center;padding:10px 0;\n  position: relative;}\n.mxp-feature:first-child{\n  padding-top:0;\n}\n.mxp-feature:last-child{\n  padding-bottom:0;\n}\n.mxp-feature + .mxp-feature::before{\n  content:'';\n  position:absolute;\n  top:0;\n  left:10px;\n  right:0;\n  height:0.5px;\n  background:rgba(255,255,255,0.5);\n  max-width: 375px;\n}\n.mxp-feat-icon{\n  width:60px;height:60px;flex-shrink:0;\n  display:flex;align-items:center;justify-content:center;\n}\n.mxp-feat-icon svg{width:22px;height:22px;stroke:#ccc;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}\n.mxp-feat-title{font-family:'gotham-medium','Gotham';font-size:15px;display:block;margin-bottom:2px;}\n.mxp-feat-desc{font-size:13px;color:#666;display: block;line-height: 1.1;}\n\n\/* ── S4 Video Features ── *\/\n.mxp-s4{padding-top:150px;padding-bottom: 150px; background:#050505;}\n.mxp-s4-row{display:grid;align-items:flex-start;justify-content: space-between;padding-bottom: 100px;}\n@media(min-width:901px){\n  .mxp-s4-row:nth-child(odd){grid-template-columns:50% 40%;}\n  .mxp-s4-row:nth-child(even){grid-template-columns:35% 50%;}\n}\n.mxp-s4-row+.mxp-s4-row{margin-top:100px;}\n.mxp-s4-row:last-child{padding-bottom:0;}\n.mxp-s4-text{padding:20px 0;align-self: center;}\n.mxp-s4-video{max-width:100%;border-radius:25px;}\n.mxp-s4-video img{width:100%;display:block;}\n.mxp-btn-outline{\n  padding: 0.3rem 0.8rem;border:1.5px solid #ed1f23 !important;background:#ed1f23;color:#fff !important;\n  font-family:'gotham-book','Gotham';font-size:14px;\n  border-radius:999px;cursor:pointer;transition:background .2s,color .2s, border-color .2s;;transition-delay: 0.25s;\n  text-decoration:none;display:inline-block;font-weight: 400;height: max-content;\n}\n.mxp-btn-outline:hover{background: transparent !important; border-color: rgba(255,255,255,0.53) !important; color: #fff !important;}\n.mxp-btn-red{\n  padding: 0.3rem 0.8rem;background:transparent;color:#ed1f23 !important;\n  font-family:'gotham-book','Gotham';font-size:14px;\n  border:1.5px solid #ed1f23 !important;border-radius:999px;cursor:pointer;\n  transition: border-color .2s, color .2s;text-decoration:none;display:inline-block;font-weight: 400;height: max-content;\n}\n.mxp-btn-red:hover{border-color: #fff !important; color: #fff !important;}\n\n\/* ── Showcase Section ── *\/\n.showcase-section{\n  position: relative;\n  margin: 0 !important;\n  height: 70vh;\n  overflow: hidden;\n}\n.showcase-section .page-width{\n  position: relative;\n  z-index:6;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  max-width: 1200px;\n  padding-top: 20px;\n  height: 100%;\n  gap: 20px;\n}\n.showcase-section .page-width img{\n  height: 100%;\n  object-fit: contain;\n}\n\n\/* ── Specs BG ── *\/\n.mxp-specs-bg{\n  background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-bottom-BG.png?v=1784702384') top center \/ 100% auto no-repeat;\n}\n\n\/* ── S7 Specs ── *\/\n.mxp-s7{padding-top:5px;padding-bottom:80px;}\n.mxp-specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding: 0 1px;}\n.mxp-spec{\n  background:#141414;\n  border-radius:32px;\n  padding:32px 24px;\n  border:1px solid rgba(255,255,255,0.4);\n  transition:opacity 0.3s ease, filter 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n  cursor:pointer;\n  aspect-ratio: 5\/4;\n}\n  \/* When any card is hovered, dim all cards *\/\n.mxp-specs-grid:hover .mxp-spec{\n  opacity:0.7;\n  filter:brightness(0.5);\n}\n\n\/* Un-dim + turn red only the hovered one *\/\n.mxp-specs-grid .mxp-spec:hover{\n  opacity:1;\n  filter:brightness(1);\n  background:#230002;\n  border-color:#8b1010;\n}\n.mxp-spec.hl{background:#6e0000;}\n.mxp-spec-title{\n  font-family:'gotham-medium','Gotham';\n  font-size: clamp(26px, 2.5vw, 35px);\n  line-height:1;margin-bottom:16px;\n}\n.mxp-spec-desc{\n  font-size:14px;color:#fff;line-height:1.2;\n}\n\n.mxp-btn-outline,\n.mxp-btn-red {\n  position: relative;\n  overflow: hidden;\n}\n.rte a.mxp-btn-outline::after,\n.mxp-btn-red::after{\n  background-image: linear-gradient(90deg, transparent, hsl(0 0% 100% \/ .25), transparent);\n  content: \"\";\n  height: 100%;\n  left: 150%;\n  position: absolute;\n  top: 0;\n  transform: skewX(-20deg);\n  width: 200%;\n}\n.rte a.mxp-btn-outline::after {\n  border-bottom: none;\n  bottom: auto;\n  transition: none;\n}\n.rte a.mxp-btn-outline:hover::after,\n.mxp-btn-red:hover::after {\n  animation: .75s cubic-bezier(.01, .56, 1, 1) shine;\n}\n.mobile-br{display:none;}\n.video-desktop {display: block;}\n.video-mobile {display: none;}\n.image-animate-top {opacity: 0;}\n.image-animate-top.animate {animation: fadeInTop 1s forwards;}\n  @keyframes fadeInTop {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @media (max-width: 767px) {\n    .video-desktop {\n      display: none;\n    }\n    .video-mobile {\n      display: block;\n    }\n  }\n\/* ── Responsive ── *\/\n@media (max-width: 1567px){\n  .spiderman-main-section{height: 100vh;}\n}\n@media (max-width: 1567px){\n  .showcase-section{height: 85vh;}\n}\n@media (max-width: 1367px){\n  .mxp-s2-content{padding-bottom: 50px;padding-top: 50px;}\n  .text-section p{width: 60%;}\n}\n@media (max-width: 1281px){\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-spec-title{font-size: clamp(20px, 2vw, 37px);}\n}\n@media (max-width: 1025px){\n  .spiderman-main-section{height: 650px;}\n  .text-section p{width: 80%;}\n}\n@media (max-width: 1025px){\n  .showcase-section{height: 575px;}\n  .mxp-specs-bg{background-size:cover;background-position:top center;}\n}\n@media(max-width:900px){\n  .mxp-spec-title{font-size: clamp(26px, 2.5vw, 35px);}\n  .mxp-s2-grid,.mxp-s4-row{grid-template-columns:1fr;}\n  .mxp-s2-content{padding-top:0;}\n  .mxp-s2{\n    background:\n      linear-gradient(to bottom, #000 50%, transparent 65%),\n      url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s2-bg.png?v=1784696713') center bottom \/ 130% auto no-repeat,\n      #000;\n  }\n  .mxp-s2::before{display:none;}\n  .mxp-s4-row{gap: 20px;padding-bottom: 64px;}\n  .mxp-s4-row+.mxp-s4-row{margin-top:64px;}\n  .mxp-s4-row:last-child{padding-bottom:64px;}\n  .mxp-s4-text{order: 1;}\n  .mxp-specs-grid{grid-template-columns:repeat(2,1fr);}\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-s1,.mxp-s2,.mxp-s4{padding-top:64px;padding-bottom:64px;}\n}\n@media (max-width: 821px){\n  .showcase-section{height: 450px;}\n}\n@media (max-width: 768px){\n  .spiderman-main-section{height: 520px;}\n  .text-section{padding: 80px 30px;}\n}\n@media(max-width:480px){\n  .mxp-h2,.mxp-s1-h{font-size:3.3rem;}\n  .mxp-specs-bg{padding-top:44px;}\n  .mxp-s4{padding-top:128px;}\n  .mxp-s1{padding-top:64px;}\n  .mxp-s7{padding-top:15px;}\n  .mxp-specs-grid:hover .mxp-spec:not(.mxp-spec-in){opacity:0;}\n  .mxp-specs-grid:hover .mxp-spec.mxp-spec-in{opacity:1;}\n  .mxp-specs-grid .mxp-spec:hover{background:#141414;border-color:rgba(255,255,255,0.4);}\n  .mxp-spec{\n    transform:translateX(-60px);\n    opacity:0;\n    transition:transform 0.7s ease-out,opacity 0.7s ease-out;\n  }\n  .mxp-spec.mxp-spec-in{\n    transform:translateX(0);\n    opacity:1;\n  }\n  .mxp-specs-grid{grid-template-columns:1fr;}\n  .mobile-br{display:block;}\n  .mxp-s1 .mxp-pw{width: 98%; margin: 0 auto;}\n  .mxp-s2{\n    padding-bottom: 0;\n    background:\n      linear-gradient(to bottom, #000 58%, transparent 65%),\n      url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s2-bg.png?v=1784696713') center bottom \/ 115% auto no-repeat,\n      #000;\n  }\n  .mxp-s4-row, .mxp-s4{padding-bottom: 0;}\n  .mxp-pw{padding:0;}\n  .showcase-section{height: 280px;}\n  .showcase-section .page-width{gap: 0;}\n  .spiderman-main-section{height: 360px;}\n  .spiderman-main-title{width: 50%;}\n  .text-section{padding: 50px 15px;}\n  .text-section p{width: 100%;font-size: 14px;}\n}\n@media (max-width: 400px){\n  .mxp-s2{background: linear-gradient(to bottom, #000 60%, transparent 65%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s2-bg.png?v=1784696713') center bottom \/ 115% auto no-repeat, #000;}\n}\n@media (max-width: 376px){\n  .showcase-section{height: 240px;}\n  .mxp-s2{background: linear-gradient(to bottom, #000 60%, transparent 65%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s2-bg.png?v=1784696713') center bottom \/ 115% auto no-repeat, #000;}\n}\n@media (max-width: 361px){\n  .mxp-s4{padding-top: 100px;}\n  .mxp-s2, .mxp-s7{padding-top: 52px;}\n  .mxp-s7{padding-bottom:52px;}\n}\n\u003c\/style\u003e\n\n\u003c!-- Spiderman Main Section --\u003e\n\u003cdiv class=\"spiderman-main-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Maxx_Pro_Spiderman_TOP_PROPIC.png?v=1784691611\" alt=\"Maxx Pro Gaming Chair - Spider-Man Edition\" class=\"image-animate-top main-chair\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Maxx_Pro_Spiderman_TOP_TITLE.png?v=1784691727\" alt=\"Product Title\" class=\"image-animate-top spiderman-main-title\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Text Section --\u003e\n\u003cdiv class=\"text-section\"\u003e\n  \u003cdiv class=\"page-width\"\u003e\n    \u003cp\u003eReverse-engineered from the suit itself, the TTRacing Maxx Pro Gaming Chair – Spider-Man Edition combines trusted ergonomic comfort with a design inspired by Spider-Man. Iconic web detailing, blue accent lines and metallic gold accents reflect Spider-Man's high-tech, creating a chair as agile as the hero himself with comfort that lasts all day.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Hero Video --\u003e\n\u003cdiv class=\"mxp-video-hero\"\u003e\n  \u003cvideo class=\"mxp-video-hero-desktop\" controls muted loop playsinline preload=\"auto\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxxpro-spiderman-pc-video-poster.png?v=1784862304\"\u003e\n    \u003csource data-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/66c22968324d4764a11eba51c0fcf085.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n  \u003cvideo class=\"mxp-video-hero-mobile\" controls muted loop playsinline preload=\"auto\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxxpro-spiderman-mobile-video-poster.png?v=1784862307\"\u003e\n    \u003csource data-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cf3f6a1097104d9986b6ccdbbc7676d8.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n  var isMobile = window.innerWidth \u003c= 749;\n  var v = document.querySelector(isMobile ? '.mxp-video-hero-mobile' : '.mxp-video-hero-desktop');\n  v.querySelectorAll('source').forEach(function(s){ s.src = s.dataset.src; });\n  v.load();\n  var p = v.play();\n  if(p) p.catch(function(){});\n})();\n\u003c\/script\u003e\n\n    \u003c!-- S1: Hero --\u003e\n\u003csection class=\"mxp-s1 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw image-animate-top\"\u003e\n    \u003ch2 class=\"mxp-s1-h\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eDifferent modes.\u003c\/span\u003e\u003cbr class=\"mobile-br\"\u003e\u003cspan class=\"mxp-shine\"\u003e One experience.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"mxp-s1-sub\"\u003eBuilt for gamers, professionals and creators. Different needs, all in a single armoured chair.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mxp-s1-img mxp-pw image-animate-top\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s1-img-mobile.png?v=1784703246\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-s1-img-new.png?v=1784706958\" alt=\"Maxx Pro Scene\" style=\"width:100%;display:block;border-radius:25px;\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S2: Headrest --\u003e\n\u003csection class=\"mxp-s2 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s2-grid\"\u003e\n      \u003cdiv class=\"mxp-s2-content\"\u003e\n        \u003cdiv class=\"image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eAdjustable Neck Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eMagnetic movable\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eheadrest\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eSupport that sticks with you, just like the suit:\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"mxp-features image-animate-top\"\u003e\n          \u003cli class=\"mxp-feature\"\u003e\n            \u003cdiv class=\"mxp-feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-magnetic.png?v=1778832727\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mxp-feat-title\"\u003eMagnetic neck pillow\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eStays attached, even during intense sessions\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mxp-feature\"\u003e\n            \u003cdiv class=\"mxp-feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-seat.png?v=1778832728\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mxp-feat-title\"\u003e20cm vertical range\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eMove it up or down to fit your neck\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mxp-feature\"\u003e\n            \u003cdiv class=\"mxp-feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-form.png?v=1778832730\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mxp-feat-title\"\u003eMemory foam core\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eAdapts to your neck\u003cbr\u003efor even more personalised comfort\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-s2-video\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-magnetic-pillow.png?v=1784696708\" alt=\"Magnetic Pillow\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S4: Features --\u003e\n\u003csection class=\"mxp-s4 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n\n    \u003c!-- Row 1: image left, text right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-USP-1.png?v=1784697607\" alt=\"Retractable Legrest\" class=\"mxp-s4-video\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eLeg Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eRetractable\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003elegrest\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eSave your feet. Slide it out, stretch \u003cbr\u003eyour legs, and unwind after a long session.\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/caution-02.png?v=1784884466\" style=\"width: 90%;\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Row 2: text left, image right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eArm Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003e5D adjustable\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003earmrest\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eMulti-directional positioning keeps your arms \u003cbr class=\"d-none d-md-block\"\u003eweb-slinging fast in Mobile mode or Desk mode.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-USP-2.png?v=1784697607\" alt=\"5D Armrest\" class=\"mxp-s4-video\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Row 3: image left, text right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-USP-3.png?v=1784697607\" alt=\"Lumbar Pillow\" class=\"mxp-s4-video\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eCore Lumbar Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eCurved ergonomic\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003elumbar pillow\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eSemi-soft velour foam and an ergonomic\u003cbr\u003e shape keep your back locked in.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"mxp-specs-bg\"\u003e\n\n\u003c!-- Showcase Section --\u003e\n\u003cdiv class=\"showcase-section\"\u003e\n  \u003cdiv class=\"page-width\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-front.png?v=1784703682\" alt=\"Backview of Maxx Pro Spider-Man Chair\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-back.png?v=1784703679\" alt=\"Frontview of Maxx Pro Spider-Man Chair\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S7: Specs --\u003e\n  \u003cdiv class=\"mxp-s7-pin\"\u003e\n\u003csection class=\"mxp-s7 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-specs-grid image-animate-top\"\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003e135°\u003cbr\u003eFull Recline\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eMulti-tilt control for precise comfort in any activity\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eClass 4 SGS\u003cbr\u003eHydraulic\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eBuilt to last with smooth, reliable height adjustment\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eOpen-Ended\u003cbr\u003eSeat Base\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eNo thigh squeeze, natural wide seating comfort\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eChrome\u003cbr\u003eCasters\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eSmooth 360° movement, 65mm for extra stability\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\u003cscript\u003e\n  if(window.innerWidth \u003c= 900){\n    document.querySelector('.mxp-s1 .mxp-pw').classList.add('image-animate-top');}\n  if(window.innerWidth \u003c= 480){\n    document.querySelector('.mxp-specs-grid').classList.remove('image-animate-top');\n    function mxpInitSpecs(){\n      gsap.registerPlugin(ScrollTrigger);\n      var specs = document.querySelectorAll('.mxp-spec');\n      gsap.set(specs, {x: -60, opacity: 0});\n      var tl = gsap.timeline({paused: true});\n      var hlBg = '#230002', hlBorder = '#8b1010';\n      var normBg = '#141414', normBorder = 'rgba(255,255,255,0.4)';\n      specs.forEach(function(spec, i) {\n        if (i \u003e 0) {\n          tl.to(Array.from(specs).slice(0, i), {\n            opacity: 0.7, filter: 'brightness(0.5)', backgroundColor: normBg, borderColor: normBorder, duration: 0.2\n          });\n        }\n        tl.to(spec, {\n          x: 0, opacity: 1, filter: 'brightness(1)', backgroundColor: hlBg, borderColor: hlBorder,\n          duration: 0.4, ease: 'power2.out'\n        }, i \u003e 0 ? '\u003c' : undefined);\n      });\n      var mxpSnapTimer;\n      ScrollTrigger.create({\n        trigger: '.mxp-specs-grid',\n        start: 'top 85%',\n        end: '+=800',\n        scrub: true,\n        animation: tl,\n        onUpdate: function(self) {\n          clearTimeout(mxpSnapTimer);\n          mxpSnapTimer = setTimeout(function() {\n            var nearest = Math.round(self.progress * specs.length) \/ specs.length;\n            gsap.to(tl, {totalProgress: nearest, duration: 0.35, ease: 'power1.inOut', overwrite: true});\n          }, 150);\n        }\n      });\n    }\n    var s1 = document.createElement('script');\n    s1.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js';\n    s1.onload = function(){\n      var s2 = document.createElement('script');\n      s2.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js';\n      s2.onload = mxpInitSpecs;\n      document.head.appendChild(s2);\n    };\n    document.head.appendChild(s1);\n  }\n\u003c\/script\u003e\n","brand":"TTRacing","offers":[{"title":"Spider-Man 5D Armrest","offer_id":43107037741118,"sku":"TTRMAXXPMRVLSPDM-001","price":1899.0,"currency_code":"MYR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-spiderman-360-2.png?v=1784613603","url":"https:\/\/ttracing.my\/products\/ttracing-maxx-pro-gaming-chair-spider-man-edition","provider":"TTRacing","version":"1.0","type":"link"}