{"product_id":"ttracing-maxx-pro-air-threads-fabric-gaming-chair","title":"เก้าอี้เกมมิ่ง TTRacing Maxx Pro Air Threads Fabric Gaming Chair","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;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, #6d6d6d 10%, #ffffff 50%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.mxp-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#e53935;display:block;margin-bottom:10px;}\n.mxp-h2{font-weight: 400; font-size:clamp(30px,4vw,40px);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;\n}\n\/* ── Hero sticky pin ── *\/\n.mxp-hero-pin{position:relative;}\n.mxp-hero-sticky{position:sticky;top:40px;height:100vh;overflow:hidden;}\n.mxp-hero-sticky .description-block-full,\n.mxp-hero-sticky .description-block-full-one{height:100%;padding:0 !important;}\n.mxp-hero-sticky .description-block-full{height:100% !important;}\n.mxp-hero-sticky video{width:100% !important;height:100%;object-fit:cover;object-position:center;}\n.mxp-hero-overlay{\n  position:absolute;inset:0;pointer-events:none;z-index:2;\n  background:#000000f5;\n  opacity:0;\n}\n  .mxp-hero-fade-space{height:100vh;}\n\n\/* ── S1 Hero ── *\/\n.mxp-s1{background:transparent;padding-top: 100px;padding-bottom:50px;text-align:center;position: relative; z-index:1;}\n.mxp-s1-h{font-weight:400;font-size:clamp(30px,6vw,40px);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{padding-top:100px; background:#000;}\n.mxp-s2-grid{display:grid;grid-template-columns:2fr 3fr;gap:10px;align-items:center;}\n.mxp-s2-video{height: 100%;border-radius: 50px; overflow: hidden;}\n.mxp-s2-video video{height: 100%; object-fit: cover; object-position: center bottom;}\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: 415px;\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-size:15px;display:block;margin-bottom:2px;}\n.mxp-feat-desc{font-size:13px;color:#666;display: block;line-height: 1.1;}\n\n\/* ── S3 Moves With You ── *\/\n.mxp-s3{padding-top:100px;padding-bottom:100px;background: linear-gradient(to bottom, #2a0000, #000000);text-align:center;}\n.mxp-s3-title{font-weight:400; font-size:clamp(32px,4.5vw,40px);margin-bottom:14px;width: max-content; margin: 0 auto;line-height: 1.1;}\n.mxp-s3-sub{font-size:15px;color:#999;margin-bottom:52px !important;}\n.mxp-s3-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left; max-width: 980px; margin: 0 auto;}\n.mxp-s3-grid:hover .mxp-s3-card-img {opacity: 0.5;}\n.mxp-s3-grid:hover .mxp-s3-grid-container:hover .mxp-s3-card-img {opacity: 1;}\n.mxp-s3-grid-container{position: relative; transition: opacity 0.3s ease;}\n.mxp-s3-grid-container:hover .mxp-s3-card-img img {transform: scale(1.06);}\n.mxp-s3-card-img{overflow:hidden;transition: opacity 0.3s ease;border-radius: 14px;}\n.mxp-s3-card-img img{transition: transform 0.4s ease;}\n.mxp-s3-card-text{position: absolute; width: 100%; bottom: 0; left: 0;padding: 20px 30px;}\n.mxp-s3-card-title{font-size:28px;margin-bottom:8px !important;}\n.mxp-s3-card-desc{font-size:12px !important;color:#d6d6d6;line-height:1.6;text-align:left !important; font-weight: 400 !important;}\n\n\/* ── S4 Video Features ── *\/\n.mxp-s4{padding-top:100px;padding-bottom: 100px; background:#050505;}\n.mxp-s4-row{display:grid;grid-template-columns:35% 50%;align-items:flex-start;justify-content: space-between;padding-bottom: 100px;}\n.mxp-s4-row+.mxp-s4-row{margin-top:100px;grid-template-columns:50% 40%;padding-bottom: 0;}\n.mxp-s4-text{padding:20px 0;align-self: center;}\n.mxp-s4-video{\n  position:relative;border-radius:16px;overflow:hidden;background:#111;\n  display:flex;align-items:center;justify-content:center;max-width: 100%;\n}\n.mxp-s4-video .mxp-ph{position:absolute;inset:0;border-radius:16px;background:rgba(0,0,0,0.5);}\n.mxp-s4-vbtn{\n  position:relative;z-index:2;display:flex;align-items:center;gap:14px;\n  font-size:18px;letter-spacing:4px;color:#fff;\n}\n.mxp-s4-vbtn svg{width:48px;height:48px;fill:#fff;}\n\n\/* ── S5 Lumbar ── *\/\n.mxp-s5{padding-top:100px;padding-bottom:100px;background:#000;}\n.mxp-s5-grid{display:grid;grid-template-columns:35% 50%;align-items:flex-start;justify-content: space-between;}\n.mxp-s5-text{align-self: center;}\n.mxp-s5-text .mxp-p span{display: block;}\n\/* ── S6 Colours ── *\/\n.mxp-s6{padding-top:100px; padding-bottom:72px;background:#000;text-align:center;}\n.mxp-s6 .mxp-pw{position: relative;}\n.mxp-s6-title{\n  font-weight:400;\n  font-size:clamp(30px,5.5vw,40px);line-height:1;margin-bottom:16px;width: max-content; margin: 0 auto;\n}\n.mxp-s6-sub{font-size:15px;color:#d6d6d6;margin-bottom:52px !important; font-weight: 400 !important;}\n.mxp-s6-brand{font-size:14px;letter-spacing:5px;color:#ccc;margin-bottom:0;}\n.mxp-s6-pro{\n  font-size:clamp(64px,12vw,130px);line-height:0.88;letter-spacing:-3px;\n}\n\/* S6 — chair stage *\/\n.mxp-s6-chair{\n  position:relative;max-width:700px;margin:28px auto 36px;\n  border-radius:20px;overflow:hidden;\n}\n.mxp-s6-chair-bg{display: block;}\n.mxp-s6-chair-bg img{width:100%;height:100%;object-fit:cover;display:block;}\n.mxp-s6-chair-bg .mxp-ph{position:absolute;inset:0;border-radius:0;height:100%;}\n.mxp-s6-slides-wrap{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;}\n.maxx-pro-slide{\n  position:absolute;bottom:-5%;left:50%;transform:translateX(-50%);\n  width: 100%;object-fit:contain;\n  user-select:none;pointer-events:none;\n}\n.mxp-swatches{display:flex;justify-content:center;gap:14px;margin-bottom:44px;}\n.mxp-swatch{\n  width:30px;height:30px;border-radius:50%;cursor:pointer;\n  border:2px solid transparent;outline:2px solid transparent;outline-offset:3px;\n  transition:outline-color .2s;\n}\n.mxp-swatch.active,.mxp-swatch:hover{outline-color:#fff;}\n.mxp-s6-footer{position: absolute; bottom: 0; display:flex;align-items:center;justify-content:space-between; left: 0; right: 0;padding: 0 32px;}\n.mxp-s6-tagline{font-size:14px;color:#fff;line-height:1.5;text-align:left;}\n.mxp-s6-btns{display:flex;gap:12px;}\n.mxp-btn-outline{\n  padding: 0.3rem 0.8rem;border:1.5px solid #ed1f23 !important;background:#ed1f23;color:#fff !important;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;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\/* ── S7 Specs ── *\/\n.mxp-s7{padding-top:80px;background:#050505;}\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:#3d0000;\n  border-color:#8b1010;\n}\n.mxp-spec.hl{background:#6e0000;}\n.mxp-spec-title{\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\/* ── S8 CTA ── *\/\n.mxp-s8{padding-bottom: 100px;padding-top: 100px;background: linear-gradient(to top, #2a0000, #000000);}\n.mxp-s8-cta{text-align:center;padding-top:2.5rem;}\n.mxp-s8-cta-title{\n  line-height: 1.3;\n  font-size:clamp(26px,4vw,38px);width: max-content; margin: 0 auto !important;\n}\n.mxp-s8-cta-subtitle{line-height: 1.3;font-size: clamp(11px, 3vw, 16px);width: max-content; margin: 0 auto !important;margin-bottom: 20px !important;margin-top: 10px !important;}\n.mxp-btn-shop{\n  padding: 0.3rem 0.8rem;background:#ed1f24;color:#fff !important;font-size:14px;\n  border: 1px solid transparent;border-radius:999px;cursor:pointer;\n  transition:background .2s, border-color .2s; text-decoration:none;display:inline-block;\n}\n.mxp-btn-shop:hover{transition-delay: 0.25s;background: transparent !important; border-color: rgba(255,255,255,0.53);}\n.mxp-btn-outline,\n.mxp-btn-red,\n.mxp-btn-shop {\n  position: relative;\n  overflow: hidden;\n}\n.rte a.mxp-btn-outline::after,\n.mxp-btn-red::after,\n.mxp-btn-shop::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.mxp-btn-shop:hover::after {\n  animation: .75s cubic-bezier(.01, .56, 1, 1) shine;\n}\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: 1367px){\n  .mxp-s2-content{padding-bottom: 50px;padding-top: 50px;}\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-spec-title{font-size: clamp(26px, 2.5vw, 30px);}\n}\n@media (max-width: 1281px){\n  .mxp-spec-title{font-size: clamp(20px, 2vw, 37px);}\n}\n@media (max-width:1025px){\n  .mxp-h2{font-size:30px;}\n  .mxp-s8-cta-title{font-size: clamp(26px, 4vw, 30px);}\n}\n@media(max-width:900px){\n  .mxp-spec-title{font-size: clamp(26px, 2.5vw, 35px);}\n  .mxp-hero-fade-space{display: none;}\n  .mxp-s2-grid,.mxp-s3-grid,.mxp-s4-row,.mxp-s4-row+.mxp-s4-row,.mxp-s5-grid{grid-template-columns:1fr;}\n  .mxp-s2-content{padding-top:0;}\n  .mxp-s4-row{gap: 20px;padding-bottom: 64px;}\n  .mxp-s4-row+.mxp-s4-row{margin-top:64px;}\n  .mxp-s4-text{order: 1;}\n  .mxp-s5-grid{gap: 20px;}\n  .mxp-s5-text{order: 1;padding: 20px 0;}\n  .mxp-specs-grid{grid-template-columns:repeat(2,1fr);}\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-s6-footer{position: relative;padding: 0;}\n  .mxp-s6-tagline{text-align:center;}\n  .mxp-s1,.mxp-s2,.mxp-s3,.mxp-s4,.mxp-s5,.mxp-s6{padding-top:64px;padding-bottom:64px;}\n  .mxp-hero-sticky{position:relative;height:auto; top: 0;}\n  .mxp-hero-overlay{display:none;}\n}\n@media(max-width:480px){\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  .mxp-s1{padding-top:15px;}\n  .mxp-s1 .mxp-pw, .mxp-s3-header{width: 98%; margin: 0 auto;}\n  .mxp-s2{padding-bottom: 0;}\n  .mxp-s3-card-text{padding: 20px;}\n  .mxp-s3-title{font-size: 30px;}\n  .mxp-s4-row, .mxp-s4{padding-bottom: 0;}\n  .mxp-s5-text .mxp-p span{display: inline;}\n  .mxp-s6-chair{margin: 28px auto 12px;}\n  .mxp-s6-footer{flex-direction: column;gap: 20px;}\n  .mxp-pw{padding:0;}\n  .mxp-s8-cta-subtitle{margin-bottom: 20px !important;}\n  .mxp-s8-cta-title{font-size: 22px;}\n}\n@media (max-width: 400px){\n  .mxp-s1-h, .mxp-h2, .mxp-s3-title, .mxp-s3-card-title, .mxp-s6-title{font-size: 26px;}\n}\n@media (max-width: 391px){\n  .mxp-s8-cta-title{font-size: 20px;}\n}\n@media (max-width: 361px){\n  .mxp-s3-card-text{padding: 15px;}\n  .mxp-s3-card-desc{font-size: 11px;}\n  .mxp-s3-card-title{font-size: 24px;}\n\n  .mxp-s4, .mxp-s6{padding-top: 32px;}\n  .mxp-s2, .mxp-s7{padding-top: 52px;}\n}\n\u003c\/style\u003e\n\n  \u003cdiv class=\"mxp-hero-pin\"\u003e\n    \u003cdiv class=\"mxp-hero-sticky\"\u003e\n      \u003cdiv class=\"description-block-full\"\u003e\n        \u003cdiv class=\"description-block-full-one\" style=\"padding: 0;\"\u003e\n          \u003cvideo autoplay=\"autoplay\" playsinline=\"\" muted=\"\" class=\"video-desktop\"\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/347fb982ae7f47c4a46f0815fb478d02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n          \u003cvideo autoplay=\"autoplay\" playsinline=\"\" muted=\"\" class=\"video-mobile\"\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/33e97f2d15524f979594b3129fe02e65.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-hero-overlay\" id=\"mxpHeroOverlay\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-hero-fade-space\"\u003e\u003c\/div\u003e\n        \n\u003c!-- S1: Hero --\u003e\n\u003csection class=\"mxp-s1 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003ch2 class=\"mxp-s1-h mxp-shine\"\u003eหลากหลายโหมด\u003cbr\u003eตอบโจทย์ในหนึ่งเดียว\u003c\/h2\u003e\n    \u003cp class=\"mxp-s1-sub\"\u003eสร้างสรรค์มาเพื่อเกมเมอร์ มืออาชีพ และครีเอเตอร์ ตอบโจทย์ความต้องการที่แตกต่าง ครบจบในเก้าอี้ตัวเดียว\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-pdp-img-mobile.jpg?v=1779243345\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-s1-img.png?v=1779086646\" 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    \u003c\/div\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\"\u003eระบบซัพพอร์ตช่วงคอ ปรับระดับได้ตามต้องการ\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eหมอนรองศีรษะระบบแม่เหล็ก\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eนั่งทำงานหรือเล่นเกมได้อย่างมั่นใจด้วยหมอนรองที่ปรับได้ง่ายดายทั่วพนักพิง\u003cbr\u003eเพื่อการซัพพอร์ตที่อยู่เคียงข้างคุณเสมอ\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\"\u003eหมอนรองคอระบบแม่เหล็ก\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eยึดติดแน่น ไม่เลื่อนหลุดแม้ในจังหวะการใช้งานที่ดุเดือด\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\"\u003eระยะปรับแนวตั้ง 20 ซม.\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eเลื่อนขึ้นหรือลงเพื่อให้เข้ากับระดับสรีระต้นคอของคุณได้อย่างพอดี\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\"\u003eแกนกลางแบบเมมโมรี่โฟม\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eปรับตัวตามรูปทรงของลำคอ\u003cbr\u003eเพื่อมอบความสบายที่ออกแบบมาเพื่อคุณโดยเฉพาะ\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        \u003cvideo autoplay playsinline muted loop style=\"width:100%;display:block;\n  mask-image: linear-gradient(to right, transparent, black 40%, black 60%, transparent),linear-gradient(to bottom, transparent, black 10%), radial-gradient(ellipse 60% 90% at 46% 100%, black 100%, transparent 116%);\n  -webkit-mask-image: linear-gradient(to right, transparent, black 40%, black 60%, transparent),linear-gradient(to bottom, transparent, black 10%), radial-gradient(ellipse 60% 90% at 46% 100%, black 100%, transparent 116%);\n  mask-composite: intersect;\n  -webkit-mask-composite: source-in;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c7675573ce9243ad844e2d53cb4e5b1c.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S3: Moves With You --\u003e\n\u003csection class=\"mxp-s3 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s3-header image-animate-top\"\u003e\n      \u003ch2 class=\"mxp-s3-title mxp-shine\"\u003eเคลื่อนไหวไปพร้อมกับคุณ\u003c\/h2\u003e\n      \u003cp class=\"mxp-s3-sub\"\u003eที่วางแขนปรับระดับได้ 5D มอบการซัพพอร์ตที่แขนของคุณต้องการในทุกจังหวะ\u003cbr\u003eไม่ว่าคุณจะกำลังทำกิจกรรมอะไรอยู่ก็ตาม\u003c\/p\u003e\n  \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s3-grid\"\u003e\n      \u003cdiv class=\"mxp-s3-grid-container image-animate-top\"\u003e\n        \u003cdiv class=\"mxp-s3-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-mobile-mode.png?v=1779087068\" alt=\"Maxx Pro Mobile Node\" style=\"width:100%;display:block;\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mxp-s3-card-text\"\u003e\n          \u003ch3 class=\"mxp-s3-card-title\"\u003eโหมดมือถือ\u003c\/h3\u003e\n          \u003cp class=\"mxp-s3-card-desc\"\u003eบอกลาความรู้สึกขัดใจเมื่อต้องวางศอกในมุมแปลก ๆ ด้วยที่วางแขนบุโฟมนุ่ม\u003cbr\u003eปรับหมุนได้ 360° ช่วยให้คุณควบคุมทุกแมตช์ได้อย่างลื่นไหลและมั่นคง\u003c\/p\u003e\n        \u003c\/div\u003e\n              \u003c\/div\u003e\n      \u003cdiv class=\"mxp-s3-grid-container image-animate-top\"\u003e\n        \u003cdiv class=\"mxp-s3-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-desk-mode.png?v=1779087068\" alt=\"Maxx Pro Desktop Node\" style=\"width:100%;display:block;\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mxp-s3-card-text\"\u003e\n          \u003ch3 class=\"mxp-s3-card-title\"\u003eโหมดโต๊ะทำงาน\u003c\/h3\u003e\n          \u003cp class=\"mxp-s3-card-desc\"\u003eปรับระดับให้พอดีกับความสูงของโต๊ะ\u003cbr\u003eเพื่อการควบคุมและจัดการงานตรงหน้าได้อย่างง่ายดาย\u003c\/p\u003e\n        \u003c\/div\u003e\n              \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S4: Video Features --\u003e\n\u003csection class=\"mxp-s4 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n\n    \u003c!-- Row 1: Legrest — text left, video right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eระบบรองรับช่วงขา\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eที่พักขาแบบพับเก็บได้\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eเอนหลัง ยืดเส้นยืดสายและผ่อนคลายความเหนื่อยล้าหลังจากวันทำงานที่ยาวนาน\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cvideo class=\"mxp-s4-video\" autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1c9fc04e6b264e12bdfdc87b6e96e717.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Row 2: 5D Armrest — video left, text right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cvideo class=\"mxp-s4-video\" autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5004922b9a43482eaf8cc5e415f06db6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eระบบซัพพอร์ตช่วงแขน\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eที่วางแขนปรับระดับได้ 5D\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eรองรับการปรับตำแหน่งได้หลากหลายทิศทาง\u003cbr\u003eเพื่อให้ช่วงแขนของคุณอยู่ในองศาที่เหมาะสม\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S5: Lumbar --\u003e\n\u003csection class=\"mxp-s5 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s5-grid\"\u003e\n      \u003cdiv class=\"mxp-s5-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eระบบซัพพอร์ตช่วงเอว\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eหมอนรองเอวที่โค้งรับสรีระ\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eการผสมผสานระหว่างโฟมแบบนุ่มพิเศษและหลักสรีรศาสตร์ \u003cspan\u003eเพื่อมอบการซัพพอร์ตที่ยอดเยี่ยมแม้ในยามที่ต้องรับศึกหนัก กับงานที่ตึงเครียดที่สุด\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-lumbar-support-new.png?v=1779086399\" alt=\"Lumbar Support\" style=\"width:100%;display:block;border-radius:14px;\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S6: Choose Colour --\u003e\n\u003csection class=\"mxp-s6 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"image-animate-top\"\u003e\n    \u003ch2 class=\"mxp-s6-title mxp-shine\"\u003eนั่งอย่างมีสไตล์\u003cbr\u003eเลือกสีของคุณเอง\u003c\/h2\u003e\n    \u003cp class=\"mxp-s6-sub\"\u003eตั้งแต่โทนเข้มสุดดุดัน ไปจนถึงโทนสว่างสุดหรูหรา เลือกเก้าอี้ที่สะท้อนสไตล์ที่เป็นคุณและตอบโจทย์การทำงานได้อย่างลงตัว\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s6-chair image-animate-top\"\u003e\n\n  \u003c!-- Background scene image --\u003e\n  \u003cdiv class=\"mxp-s6-chair-bg\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Colour_Variation_BG.png?v=1779089469\" alt=\"Maxx Pro Color Variation Background\" style=\"width:100%;display:block;\"\u003e\n    \u003c!-- swap div above for: \u003cimg src=\"YOUR_BG_IMAGE\" alt=\"\"\u003e --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Chair colour slides — first visible, rest hidden --\u003e\n  \u003cdiv class=\"mxp-s6-slides-wrap\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-obisidian.png?v=1779089470\" alt=\"Stealth Black\" style=\"opacity:1;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-crimson.png?v=1779089470\" alt=\"Carbon\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-ivory.png?v=1779089470\" alt=\"Deep Red\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-dusk.png?v=1779089474\" alt=\"Maroon\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-dawn.png?v=1779089470\" alt=\"Rose\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blossom.png?v=1779089470\" alt=\"Sunset Pink\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-canyon.png?v=1779089470\" alt=\"White\" style=\"opacity:0;\"\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n    \u003cdiv class=\"mxp-s6-footer image-animate-top\"\u003e\n      \u003cdiv class=\"mxp-s6-tagline\"\u003eความสบายระดับพรีเมียม\u003cbr\u003eสรรค์สร้างมาเพื่อคุณโดยเฉพาะ\u003c\/div\u003e\n      \u003cdiv class=\"mxp-s6-btns\"\u003e\n        \u003ca class=\"mxp-btn-outline\" href=\"\/pages\/maxx-pro-gaming-chair\"\u003eรายละเอียดเพิ่มเติม\u003c\/a\u003e\n        \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n        \u003cinput type=\"hidden\" name=\"id\" value=\"48710983024857\"\u003e\n        \u003cbutton type=\"submit\" data-product-id=\"48710983024857\" class=\"mxp-btn-red\"\u003e\n          สั่งซื้อ\n        \u003c\/button\u003e\n      \u003c\/form\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\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\"\u003eปรับเอนได้สูงสุด 135°\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eระบบควบคุมการเอียงหลายระดับ เพื่อความสบายที่แม่นยำในทุกกิจกรรม\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eระบบไฮดรอลิก คลาส 4 ที่รับรองจาก SGS \u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eปรับความสูงได้อย่างนุ่มนวลแม่นยำ รองรับการใช้งานต่อเนื่องยาวนานนับปี\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eฐานที่นั่งแบบปลายเปิด\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eหมดกังวลเรื่องการโดนบีบช่วงต้นขา มอบพื้นที่อิสระให้คุณขยับตัวได้มากกว่า\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eล้อโครเมียม\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eเคลื่อนที่ได้นุ่มนวล 360 องศา ด้วยล้อขนาด 65 มม. ที่เสถียร มั่นคง ทนทาน\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!-- S8: CTA --\u003e\n\u003csection class=\"mxp-s8 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s8-cta image-animate-top\"\u003e\n      \u003ch2 class=\"mxp-s8-cta-title mxp-shine\"\u003eทำงาน เล่นเกม และสร้างสรรค์ผลงาน\u003c\/h2\u003e\n      \u003ch3 class=\"mxp-s8-cta-subtitle mxp-shine\"\u003eพร้อมสัมผัสความสบายระดับพรีเมียมไปกับ MAXX PRO\u003c\/h3\u003e\n      \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n        \u003cinput type=\"hidden\" name=\"id\" value=\"48710983024857\"\u003e\n        \u003cbutton type=\"submit\" data-product-id=\"48710983024857\" class=\"mxp-btn-shop\"\u003e\n          ชอปเลย\n        \u003c\/button\u003e\n      \u003c\/form\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\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 = '#3d0000', 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.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  \n  document.querySelectorAll('.mxp-pdp form[action=\"\/cart\/add\"]').forEach(function(form) {\n    form.addEventListener('submit', function(e) {\n      e.preventDefault();\n      fetch('\/cart\/add.js', {\n        method: 'POST',\n        body: new FormData(form)\n      }).then(function() {\n        document.dispatchEvent(new CustomEvent('cart:refresh'));\n      });\n    });\n  });\n\u003c\/script\u003e\n","brand":"TTRacing Thailand","offers":[{"title":"Dusk 5D Armrest","offer_id":48710983024857,"sku":"TTRMAXXPAT-001","price":13899.0,"currency_code":"THB","in_stock":true},{"title":"Dawn 5D Armrest","offer_id":48710982992089,"sku":"TTRMAXXPAT-002","price":13899.0,"currency_code":"THB","in_stock":true},{"title":"Blossom 5D Armrest","offer_id":48710983057625,"sku":"TTRMAXXPAT-003","price":13899.0,"currency_code":"THB","in_stock":true},{"title":"Canyon 5D Armrest","offer_id":48710983090393,"sku":"TTRMAXXPAT-004","price":13899.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/maxxpro-dusk-360-2_7aa5c830-aa69-4264-b1a6-0b0ae80c8169.png?v=1778743026","url":"https:\/\/ttracing.co.th\/products\/ttracing-maxx-pro-air-threads-fabric-gaming-chair","provider":"TTRacing Thailand","version":"1.0","type":"link"}