{"title":"MAXX PRO SPIDER-MAN\/BLACK PANTHER","description":null,"products":[{"product_id":"ttracing-maxx-pro-gaming-chair-black-panther-edition","title":"TTRacing Maxx Pro Gaming Chair - Black Panther 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(133deg, #d5d5d5, #fff, #d5d5d5);\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:#821bf9;display:block;margin-bottom:10px;}\n.mxp-h2{font-family:'maxxpro-blackpanther';font-weight: 400; font-size:2.5rem;line-height:1.3;width:max-content;margin-bottom:18px !important;margin-top: 0 !important;padding-bottom: 2.2px;}\n.mxp-h2-num{font-size:3.4rem;}\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\/blackpanther-TOP.png?v=1784777360') 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:'gotham-medium','Gotham';font-weight:400;font-size:clamp(30px,6vw,45px);line-height:1;margin-bottom:20px;width: max-content; margin: 0 auto; }\n.mxp-s1-h .mxp-shine{background: linear-gradient(133deg, #6d6d6d 10%, #ffffff 50%, #888888 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}\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    url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blackpanther-s2-bg.png?v=1784711033') right center \/ auto 135% 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: 395px;\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-blackpanther-bottom-BG.png?v=1784711032') 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, 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.5;\n}\n\n\/* Un-dim + turn red only the hovered one *\/\n.mxp-specs-grid .mxp-spec:hover{\n  opacity:1;\n  background:#1f133c;\n  border-color:#43267b;\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-blackpanther-s2-bg.png?v=1784711033') right bottom \/ 145% 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{font-size:1.7rem;}\n  .mxp-h2-num{font-size:2.2rem;}\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-blackpanther-s2-bg.png?v=1784711033') right bottom \/ 160% 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: 415px){\n  .mxp-h2{font-size:1.5rem;}\n  .mxp-h2-num{font-size:2rem;}\n}\n@media (max-width: 376px){\n  .showcase-section{height: 240px;}\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  .mxp-s2{\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-blackpanther-s2-bg.png?v=1784711033') right bottom \/ 160% auto no-repeat,\n      #000;\n  }\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-blackpanther-top-propic-new.png?v=1784711704\" alt=\"Maxx Pro Gaming Chair - Black Panther Edition\" class=\"image-animate-top main-chair\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blackpanther-top-title-new.png?v=1784711033\" 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\u003eDirancang layaknya teknologi Wakanda, Kursi Gaming TTRacing Maxx Pro – Edisi Black Panther memadukan kenyamanan ergonomis tepercaya dengan tekstur yang terinspirasi dari vibranium, emblem kalung berduri, dan aksen perak metalik. Kursi ini menghadirkan aura T’Challa melalui desain yang mencolok dan dukungan sepanjang hari.\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-blackpanther-pc-video-poster.png?v=1784862304\"\u003e\n    \u003csource data-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e4526cc2710440adb5703a7ec9725026.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-blackpanther-mobile-video-poster.png?v=1784862306\"\u003e\n    \u003csource data-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96b7f0c8362a4316b81af13a4b8f0b4d.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\"\u003eMode Berbeda.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003e Satu Pengalaman.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"mxp-s1-sub\"\u003eDirancang untuk gamer, profesional, dan kreator — kebutuhan berbeda, semuanya dikendalikan dari satu takhta.\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-blackpanther-s1-img-mb.png?v=1784711937\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blackpanther-s1-img.png?v=1784711033\" 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\"\u003eDukungan Leher Yang Dapat Disesuaikan\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eSandaran kepala magnetik\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eyang dapat dipindahkan\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eDukungan yang selalu siap, layaknya teknologi suit yang beradaptasi dengan Anda:\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\"\u003eBantal leher magnetik\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eTetap terpasang, bahkan selama sesi yang intens\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\"\u003eJangkauan vertikal 20 cm\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eGeser ke atas atau ke \u003cbr\u003ebawah agar pas dengan posisi leher\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\"\u003eInti busa memori\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eMenyesuaikan dengan bentuk leher\u003cbr\u003euntuk kenyamanan yang lebih personal\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-blackpanther-magnetic-pillow.png?v=1784711033\" 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-blackpanther-USP-1.png?v=1784711033\" alt=\"Retractable Legrest\" class=\"mxp-s4-video\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eDukungan Kaki\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eSandaran kaki\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003etarik keluar\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eBerkuasa sepanjang hari, beristirahat kapan pun Anda mau. Bersandar, luruskan kaki, dan rileks setelah seharian memimpin.\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/caution-website_INDO.png?v=1784886490\" 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\"\u003eDukungan Lengan\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eSandaran Lengan \u003cspan class=\"mxp-h2-num\" style=\"font-family:'gotham-medium','Gotham';\"\u003e5\u003c\/span\u003eD \u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eyang dapat Disesuaikan\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003ePengaturan multi-arah menjaga lengan tetap siap menghadapi tantangan dan menopang setiap aktivitas, baik dalam mode Mobile maupun mode Meja.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blackpanther-USP-2-new.png?v=1784869301\" 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-blackpanther-USP-3.png?v=1784711034\" alt=\"Lumbar Pillow\" class=\"mxp-s4-video\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eDukungan Pinggang Inti\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eBantal pinggang\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eergonomis melengkung\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eBusa semi-lembut beludru dengan bentuk ergonomis membantu meredakan tekanan pada tulang belakang saat menghadapi tugas yang paling menuntut.\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-blackpanther-front-new.png?v=1784711033\" alt=\"Backview of Maxx Pro Spider-Man Chair\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blackpanther-back-new.png?v=1784711032\" 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\"\u003eRebahan\u003cbr\u003ePenuh 135°\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eKontrol multi-kemiringan untuk kenyamanan presisi dalam setiap aktivitas\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eHidrolik SGS\u003cbr\u003eKelas 4\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eDirancang untuk tahan lama dengan pengaturan tinggi yang halus dan andal\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eDudukan Terbuka\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eTanpa tekanan pada paha, memberikan kenyamanan duduk yang lebih natural dan lega\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eRoda Krom\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003ePergerakan 360° yang mulus, berukuran 65 mm untuk stabilitas ekstra\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 = '#1f133c', hlBorder = '#43267b';\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.5, backgroundColor: normBg, borderColor: normBorder, duration: 0.2\n          });\n        }\n        tl.to(spec, {\n          x: 0, opacity: 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":"Black Panther 5D Armrest","offer_id":48455071432949,"sku":"TTRMAXXPMRVLBLKPTHR-001","price":8100000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/maxx-pro-bp-360-2.png?v=1784627635"},{"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: 10;\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;}\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  .showcase-section{height: 575px;}\n  .mxp-specs-bg{background-size:cover;background-position:top center;}\n}\n@media (max-width: 1025px) and (min-width: 900px){\n  .mxp-h2{font-size: 2.8rem}\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:2.8rem;}\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: 415px){\n  .mxp-h2{font-size: 2.2rem;}\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 62%, transparent 68%), 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\u003eDirekayasa ulang dari kostum-nya, Kursi Gaming TTRacing Maxx Pro – Edisi Spider-Man memadukan kenyamanan ergonomis tepercaya dengan desain yang terinspirasi dari Spider-Man. Detail jaring yang ikonis, garis aksen biru, dan aksen emas metalik mencerminkan teknologi canggih Spider-Man, menghadirkan kursi yang selincah sang pahlawan dengan kenyamanan sepanjang hari.\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\"\u003eMode Berbeda.\u003c\/span\u003e\u003cbr class=\"mobile-br\"\u003e\u003cspan class=\"mxp-shine\"\u003e Satu Pengalaman.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"mxp-s1-sub\"\u003eDirancang untuk gamer, profesional, dan kreator. Kebutuhan berbeda, semuanya dalam satu kursi berlapis baju zirah.\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\"\u003eDukungan Leher Yang Dapat Disesuaikan\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eSandaran kepala magnetik\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eyang dapat dipindahkan\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eDukungan yang selalu melekat bersama\u003cbr\u003eAnda, layaknya kostumnya-nya:\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\"\u003eBantal leher magnetik\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eTetap terpasang, bahkan selama sesi yang intens\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\"\u003eJangkauan vertikal 20 cm\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eGeser ke atas atau ke \u003cbr\u003ebawah agar pas dengan posisi leher\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\"\u003eInti busa memori\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eMenyesuaikan dengan bentuk leher\u003cbr\u003euntuk kenyamanan yang lebih personal\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\"\u003eDukungan Kaki\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eSandaran kaki\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003etarik keluar\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eIstirahatkan kaki Anda. Tarik keluar, \u003cbr\u003eluruskan kaki, lalu bersantai setelah sesi yang panjang.\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/caution-website_INDO.png?v=1784886490\" 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\"\u003eDukungan Lengan\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eSandaran Lengan 5D\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eyang dapat Disesuaikan\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003ePengaturan multi-arah menjaga lengan tetap gesit layaknya saat berayun dengan jaring, baik dalam mode Mobile maupun mode Meja.\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\"\u003eDukungan Pinggang Inti\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2\"\u003e\n\u003cspan class=\"mxp-shine\"\u003eBantal lumbar\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"mxp-shine\"\u003eergonomis melengkung\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eBusa semi-lembut beludru dan bentuk ergonomis menjaga punggung tetap tertopang dengan stabil.\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\"\u003eRebahan\u003cbr\u003ePenuh 135°\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eKontrol multi-kemiringan untuk kenyamanan presisi dalam setiap aktivitas\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eHidrolik SGS\u003cbr\u003eKelas 4\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eDirancang untuk tahan lama dengan pengaturan tinggi yang halus dan andal\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eDudukan Terbuka\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eTanpa tekanan pada paha, memberikan kenyamanan duduk yang lebih natural dan lega\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eRoda Krom\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003ePergerakan 360° yang mulus, berukuran 65 mm untuk stabilitas ekstra\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":48457147613429,"sku":"TTRMAXXPMRVLSPDM-001","price":8100000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/maxx-pro-spiderman-variant-img.png?v=1785126321"}],"url":"https:\/\/ttracing.co.id\/collections\/maxx-pro-spider-man.oembed","provider":"TTRacing Indonesia","version":"1.0","type":"link"}