{"product_id":"ttracing-mach-active-tech-chair","title":"TTRacing MACH Active Tech Chair","description":"\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@media(max-width:768px){.mxp-pw{padding:0;}}\n.rte:has(.mxp-pdp){overflow:visible !important;}\n\n\/* ── Buttons ── *\/\n.mxp-btn-shop{\n  padding: 0.3rem 0.8rem;background:#ed1f24;color:#fff !important;\n  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{background:#88c8f6;border:1px solid #88c8f6;color:#000 !important;font-weight:600;transition:background .2s,color .2s,border-color .2s;}\n.mxp-btn-shop:hover{background:transparent !important;border-color:rgba(255,255,255,0.53) !important;color:#fff !important;}\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: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.mxp-btn-outline{\n  padding: 0.3rem 0.8rem;border:1.5px solid #ed1f23 !important;background:#ed1f23;color:#fff !important;\n  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-outline{background:transparent;border-color:#88c8f6 !important;color:#88c8f6 !important;font-weight:600;}\n.mxp-btn-outline:hover{border-color:#88c8f6 !important;color:#88c8f6 !important;}\n.rte a.mxp-btn-outline::after {\n  border-bottom: none;\n  bottom: auto;\n  transition: none;\n}\n\n.image-animate-top {opacity: 0;}\n.image-animate-top.animate {animation: fadeInTop 1.2s forwards;}\n@keyframes fadeInTop {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ── S1: Hero ── *\/\n.mach-s1{\n  width:100%;aspect-ratio:1920\/1080;\n  background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Header-Banner.jpg?v=1789360698');\n  background-size:cover;background-position:center;\n  position:relative;overflow:hidden;\n}\n.mach-s1__logo{\n  position:absolute;top:32%;left:9%;\n  width:26%;height:auto;\n}\n.mach-s1__titles{position:absolute;inset:0;pointer-events:none;}\n.mach-s1__product{\n  position:absolute;top:34%;pointer-events:auto;\n  line-height:1;\n}\n.mach-s1__product:first-child{right:49%;}\n.mach-s1__product:last-child{right:7.5%;}\n.mach-s1__name{\n  font-weight:400;\n  font-size:clamp(12px,2vw,26px);\n  display:block;line-height:1;color:#fff;\n  letter-spacing:2px;margin-bottom:5px;\n}\n.mach-s1__series{\n  font-weight:400;\n  font-size:clamp(8px,1vw,13px);\n  display:block;letter-spacing:3px;text-transform:uppercase;color:#b7eaf8;\n}\n\n@media(max-width:768px){\n  .mach-s1{\n    background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-header-banner-mobile.jpg?v=1789458001');\n    aspect-ratio:1\/1;\n  }\n  .mach-s1__logo{position:static;display:block;margin:0 auto;padding-top:5%;width:30%;}\n  .mach-s1__product{top:34%;}\n  .mach-s1__product:first-child{right:auto;left:6%;}\n  .mach-s1__product:last-child{right:6%;}\n}\n\n\/* ── S2: Intelligent Comfort ── *\/\n.mach-s2{width:100%;background:#000;text-align:center;}\n.mach-s2__content{padding-top:100px;position:relative;z-index:2;}\n.mach-s2__title{\n  font-weight:400;\n  font-size:clamp(30px,6vw,45px);line-height:1;\n  margin:0 auto 16px;width:max-content;max-width:100%;letter-spacing:-1px;\n}\n.mach-s2__title--gradient{\n  background:linear-gradient(178deg,#6d6d6d 5%,#ffffff 35%,#ffffff 55%,#888888 100%);\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n}\n.mach-s2__subtitle{\n  font-size:15px !important;color:#98969b;\n  margin:0 auto 48px !important;line-height:1.6;\n  font-weight:400 !important;max-width:560px;\n}\n.mach-s2 .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s2__main-img{width:100%;height:auto;display:block;}\n@media (min-width: 769px){\n  .mach-s2__main-img{margin:-10% auto 0;}\n}\n.mach-br-mobile{display:none;}\n@media (max-width: 768px){\n  .mach-br-mobile{display:block;}\n  .mach-s2__content{padding-top:60px;}\n  .mach-s2__subtitle{font-size:13px !important;}\n  .mach-s2 .mach-s2__subtitle{margin-bottom:0 !important;}\n}\n\n\/* ── S3: 4 Modes. 4 Motions. ── *\/\n.mach-s3{padding-top:6rem;padding-bottom:6rem;background:#000;text-align:center;}\n.mach-s3__header{margin-bottom:2rem;}\n.mxp-s5-img-wrap{position:relative;max-width:1100px;margin:0 auto 2rem;overflow:hidden;aspect-ratio:16\/9;}\n.mxp-s5-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.45s ease;}\n.mxp-s5-img.is-active{opacity:1;}\n.mxp-s5-tabs{display:inline-flex;justify-content:center;gap:0.25rem;margin-bottom:1rem;background:rgba(60,60,60,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;padding:5px;position:relative;}\n.mxp-s5-tab{padding:0.4rem 1.2rem;border-radius:30px;border:none;cursor:pointer;font-size:0.82rem;font-weight:600;background:transparent;color:#fff;transition:color .25s;position:relative;z-index:1;}\n.mxp-s5-tab.is-active{color:#000;}\n.mxp-s5-pill{position:absolute;top:5px;height:calc(100% - 10px);background:#fff;border-radius:30px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0;}\n.mxp-s5-panel{display:none;}\n.mxp-s5-panel.is-active{display:block;}\n.mxp-s5-panel-title{font-size:1.2rem !important;font-weight:700 !important;color:#fff !important;margin:0 0 4px !important;text-align:center !important;line-height:1.3 !important;}\n.mxp-s5-panel-desc{font-size:0.85rem !important;color:#fff !important;line-height:1.3 !important;margin:0 !important;text-align:center !important;font-weight:400 !important;}\n.mach-s3 .mach-s2__title{margin-bottom:10px;}\n.mach-s3 .mach-s2__subtitle{margin-bottom:25px !important;}\n.mach-s3__header{margin-bottom:0;}\n@media (max-width: 1537px){.mxp-s5-img-wrap{max-width:800px;}}\n@media(max-width:900px){.mach-s3{padding-top:64px;padding-bottom:64px;}}\n@media(max-width:480px){.mxp-s5-img-wrap{max-width:100%;}}\n@media(max-width:400px){.mxp-s5-tab{padding:0.4rem 0.8rem;font-size:0.7rem;}}\n\n\/* ── S4: Choose Your Edge ── *\/\n.mach-s4{position:relative;width:100%;background:url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Chair-BG.jpg?v=1789371777') center\/cover no-repeat;overflow:hidden;}\n.mach-s4__header{text-align:center;padding:80px 20px 0;position:relative;z-index:2;}\n.mach-s4__header .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s4__row{display:flex;align-items:center;padding:70px 0 60px;}\n.mach-s4__side{\n  flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;\n  transition:transform 0.65s cubic-bezier(.4,0,.2,1);cursor:default;\n}\n.mach-s4__side--left{padding-right:60px;align-items:flex-end;text-align:right;}\n.mach-s4__side--right{padding-left:60px;align-items:flex-start;text-align:left;}\n.mach-s4__side-divider{width:100%;height:1px;background:rgba(255,255,255,0.25);margin:14px 0;}\n.mach-s4__stage{position:relative;max-width:450px;width:100%;flex-shrink:0;}\n.mach-s4__img--dawn{width:100%;height:auto;display:block;position:relative;z-index:1;pointer-events:none;user-select:none;}\n.mach-s4__img--dusk{\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;\n  z-index:2;clip-path:inset(0 0 0 50%);\n  transition:clip-path 0.65s cubic-bezier(.4,0,.2,1);\n  pointer-events:none;user-select:none;\n}\n.mach-s4__row.hover-left .mach-s4__img--dusk{clip-path:inset(0 0 0 99%);}\n.mach-s4__row.hover-right .mach-s4__img--dusk{clip-path:inset(0 0 0 1%);}\n.mach-s4__divider{\n  position:absolute;top:-20px;bottom:-20px;left:50%;width:2px;\n  background:rgba(255,255,255,0.35);transform:translateX(-50%);\n  z-index:4;pointer-events:none;\n  transition:left 0.65s cubic-bezier(.4,0,.2,1);\n}\n.mach-s4__row.hover-left .mach-s4__divider{left:99%;}\n.mach-s4__row.hover-right .mach-s4__divider{left:1%;}\n.mach-s4__zone{position:absolute;top:0;bottom:0;width:50%;z-index:5;cursor:pointer;}\n.mach-s4__zone--left{left:0;}\n.mach-s4__zone--right{right:0;}\n.mach-s4__row.hover-left .mach-s4__side--right{transform:translateX(20px);}\n.mach-s4__row.hover-right .mach-s4__side--left{transform:translateX(-20px);}\n.mach-s4__lname{display:block;font-size:clamp(30px,6vw,45px);line-height:1;}\n.mach-s4__ldesc{display:block;font-size:15px;color:rgba(255,255,255,0.65);line-height:1.6;}\n@media(max-width:900px){\n  .mach-s4__row{padding:40px 0 60px;position:relative;justify-content:center;}\n  .mach-s4__stage{max-width:90%;position:relative;z-index:1;}\n  .mach-s4__side{\n    position:absolute;top:50%;z-index:10;\n    opacity:0;pointer-events:none;\n    transition:opacity 0.45s 0s cubic-bezier(.4,0,.2,1),transform 0.45s 0s cubic-bezier(.4,0,.2,1);\n  }\n  .mach-s4__side--left{left:0;right:30%;padding-right:12px;transform:translateY(-50%) translateX(-24px);}\n  .mach-s4__side--right{left:30%;right:0;padding-left:12px;transform:translateY(-50%) translateX(24px);}\n  .mach-s4__row.hover-left .mach-s4__side--left,\n  .mach-s4__row.hover-right .mach-s4__side--right{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto;transition-delay:0.2s;}\n  .mach-s4__row.hover-left .mach-s4__side--right{transform:translateY(-50%) translateX(24px);}\n  .mach-s4__row.hover-right .mach-s4__side--left{transform:translateY(-50%) translateX(-24px);}\n  .mach-s4__side-divider{background:rgba(255,255,255,0.75);}\n  .mach-s4__ldesc{color:rgba(255,255,255,1);text-shadow:0 1px 8px rgba(0,0,0,0.55);}\n  .mach-s4__lname{filter:drop-shadow(0 1px 8px rgba(0,0,0,0.55));}\n}\n@media(max-width:768px){\n  .mach-s4__header{padding:60px 17px 0;}\n}\n\n\/* ── S5: A Fit That Works Both Ways ── *\/\n.mach-s5{width:100%;background:#000;text-align:center;padding:80px 0 0;}\n.mach-s5__header{padding:0 20px 0;}\n.mach-s5__header .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s5__stage{position:relative;max-width:900px;margin:0 auto;}\n.mach-s5__img{width:100%;height:auto;display:block;}\n.mach-s5__labels{position:absolute;inset:0;pointer-events:none;}\n.mach-s5__label{position:absolute;}\n.mach-s5__label-title{display:block;font-size:clamp(9px,1.5vw,17px);color:#fff;line-height:1.2;margin-bottom:3px;}\n.mach-s5__label-desc{display:block;font-size:clamp(8px,1vw,13px);color:#c2e6fe;line-height:1.1;}\n.mach-s5__label--neck{left:50%;top:18%;transform:translateX(-50%);}\n.mach-s5__label--armrest{left:50%;top:45%;transform:translateX(-50%);}\n.mach-s5__frame-label{display:block;font-size:clamp(9px,1vw,15px);color:#c2e6fe;letter-spacing:1px;text-transform:uppercase;}\n.mach-s5__label--larger{left:12%;bottom:15%;}\n.mach-s5__label--smaller{right:12%;bottom:15%;}\n@media(max-width:768px){\n  .mach-s5{padding:60px 0;}\n  .mach-s5__header{padding:0 17px 32px;}\n  .mach-s5__img{padding-left:10px;padding-right:3px;}\n  .mach-s5__label--smaller{right:10%;}\n  .mach-s5__label--armrest{left:51%;}\n}\n\n\/* ── S6: Dynamic Lumbar Support ── *\/\n.mach-s6{position:relative;width:100%;background:#000;}\n.mach-s6__img-wrap{position:relative;}\n.mach-s6__bg{display:block;width:100%;height:auto;}\n.mach-s6__boxes{position:absolute;top:50%;left:9%;width:20%;display:flex;flex-direction:column;gap:20px;transform:translateY(-50%);}\n.mach-s6__box-wrap{display:flex;flex-direction:column;}\n.mach-s6__box{border:1px solid #bebdc0;overflow:hidden;margin-bottom:10px;}\n.mach-s6__box-img{width:100%;height:auto;display:block;}\n.mach-s6__box-text{padding:4px 0;}\n.mach-s6__box-label{display:block;font-size:14px;color:#fff;font-weight:700;line-height:1.3;margin-bottom:2px;}\n.mach-s6__box-desc{display:block;font-size:13px;color:#c2e6fe;line-height:1.3;}\n.mach-s6__box-desc--plain{color:rgba(255,255,255,0.75);}\n.mach-s6__pb{position:absolute;right:15.5%;bottom:29.4%;text-align:right;}\n.mach-s6__pb-title{display:block;font-size:clamp(9px,0.9vw,14px);color:#fff;font-weight:700;}\n.mach-s6__pb-sub{display:block;font-size:clamp(7px,0.7vw,11px);color:#c2e6fe;}\n@media(min-width:1537px){.mach-s6__pb{right:16.5%;bottom:30%;}}\n@media(max-width:768px){\n  .mach-s6__boxes{position:static;width:100%;transform:none;padding:20px 17px;}\n  .mach-s6__pb{right:21.5%;bottom:29.7%;}\n}\n@media(max-width:460px){.mach-s6__pb{right:15.5%;bottom:28%;}.mach-s6__pb-title{font-size:2.2vw;}.mach-s6__pb-sub{font-size:1.7vw;}}\n\n\/* ── S7: Spinal Auto Stretch Mode ── *\/\n.mach-s7{width:100%;background:#000;padding-top:100px;}\n.mach-s7__stage{position:relative;width:100%;}\n.mach-s7__img{width:100%;height:auto;display:block;}\n.mach-s7__overlay{position:absolute;left:22.8%;bottom:11%;}\n.mach-s7__overlay-text{display:block;font-size:clamp(7px,0.9vw,14px);color:rgba(255,255,255,0.75);line-height:1.4;text-align:center;}\n@media(max-width:460px){.mach-s7__overlay{left:18.2%;bottom:7%;}.mach-s7__overlay-text{font-size:1.6vw;}}\n.mach-s7__text{text-align:center;padding:60px 20px;}\n.mach-s7__text .mach-s2__title{margin-bottom:16px;}\n.mach-s7__text .mach-s2__subtitle{margin-bottom:0 !important;}\n@media(max-width:768px){.mach-s7{padding-top:60px;}}\n\n\/* ── S8: Adaptive Head Support ── *\/\n.mach-s8{\n  padding-top:100px;padding-bottom:0;position:relative;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\/mach-s8-Neck-Pillow_BG.png?v=1789448148') right center\/cover no-repeat,\n    #000;\n}\n.mach-s8__grid{display:grid;grid-template-columns:2fr 3fr;gap:10px;align-items:center;}\n.mach-s8__content{padding-top:50px;padding-bottom:70px;z-index:10;}\n.mach-s8__label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#88c8f6;display:block;margin-bottom:10px;}\n.mach-s8__chair{height:100%;display:flex;align-items:flex-end;justify-content:center;}\n.mach-s8__chair img{width:auto;object-fit:contain;display:block;max-height:600px;}\n.mach-s8__features{list-style:none;margin:40px 0 0 0;padding:0;display:flex;flex-direction:column;}\n.mach-s8__feature{display:flex;gap:18px;align-items:center;padding:10px 0;position:relative;}\n.mach-s8__feature:first-child{padding-top:0;}\n.mach-s8__feature:last-child{padding-bottom:0;}\n.mach-s8__feature+.mach-s8__feature::before{content:'';position:absolute;top:0;left:10px;right:0;height:0.5px;background:rgba(255,255,255,0.2);max-width:375px;}\n.mach-s8__feat-icon{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}\n.mach-s8__feat-title{font-size:15px;display:block;margin-bottom:2px;color:#fff;}\n.mach-s8__feat-desc{font-size:13px;color:rgba(255,255,255,0.5);display:block;line-height:1.1;}\n.mach-s8__title{\n  font-weight:400;\n  font-size:clamp(30px,4vw,45px);line-height:1;\n  width:max-content;margin-bottom:18px !important;margin-top:0 !important;padding-bottom:2.2px;\n  background:linear-gradient(133deg,#6d6d6d 10%,#ffffff 50%,#888888 100%);\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n}\n@media(max-width:1367px){\n  .mach-s8__content{padding-bottom:50px;padding-top:50px;}\n}\n@media(max-width:900px){\n  .mach-s8{\n    padding-top:64px;padding-bottom:64px;\n    background:\n      linear-gradient(to bottom,#000 50%,transparent 65%),\n      url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s8-Neck-Pillow_BG.png?v=1789448148') center bottom\/130% auto no-repeat,\n      #000;\n  }\n  .mach-s8__grid{grid-template-columns:1fr;}\n  .mach-s8__content{padding-top:0;}\n}\n@media(max-width:480px){\n  .mach-s8{padding-bottom:0;}\n}\n@media(max-width:361px){\n  .mach-s8{padding-top:52px;}\n}\n\n\/* ── S9: Move Freely, Work Sweat-Free ── *\/\n.mach-s9{width:100%;background:#000;padding-top:100px;}\n.mach-s9__text{text-align:center;padding:0 20px 60px;}\n.mach-s9__subtitle{font-size:15px !important;color:#98969b;margin:0 auto !important;line-height:1.6;font-weight:400 !important;max-width:560px;}\n.mach-s9__subtitle strong{color:#fff;font-weight:400;}\n.mach-s9__video{width:100%;height:auto;display:block;}\n@media(max-width:768px){.mach-s9{padding-top:60px;}.mach-s9__subtitle{font-size:13px !important;}}\n\n\/* ── S10: Support That Moves With You ── *\/\n.mach-s10{width:100%;background:#000;padding-top:100px;}\n.mach-s10__text{text-align:center;padding:0 20px 60px;}\n.mach-s10__text .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s10__stage{position:relative;width:100%;}\n.mach-s10__bg{width:100%;height:auto;display:block;}\n.mach-s10__overlay{position:absolute;inset:0;display:flex;align-items:center;}\n.mach-s10__boxes{display:flex;flex-direction:column;width:50%;}\n.mach-s10__box{display:flex;gap:28px;align-items:center;padding:40px 0;}\n.mach-s10__box-img{border-radius:15px;border:1px solid #c2e6fe;box-shadow:0 4px 24px rgba(0,0,0,0.55);width:45%;height:auto;flex-shrink:0;display:block;object-fit:cover;}\n.mach-s10__box-title{display:block;font-size:clamp(14px,1.2vw,20px);color:#fff;margin-bottom:4px;}\n.mach-s10__box-desc{display:block;font-size:13px;color:rgba(255,255,255,0.7);line-height:1.4;}\n.mach-s10__divider{width:100%;height:0.5px;background:rgba(255,255,255,0.3);}\n.mach-s10__mobile-img{display:none;width:100%;height:auto;}\n@media(max-width:768px){\n  .mach-s10{padding-top:60px;}\n  .mach-s10__text{padding:0 20px 40px;}\n  .mach-s10__overlay{position:static;padding-bottom:20px;}\n  .mach-s10__boxes{width:100%;}\n  .mach-s10__bg{display:none;}\n  .mach-s10__box{gap:20px;padding:20px 0;}\n  .mach-s10__mobile-img{display:block;padding-bottom:60px;}\n}\n\n\/* ── S11 Closing Banner ── *\/\n.mach-s11{width:100%;background:#000;}\n.mach-s11__stage{position:relative;width:100%;}\n.mach-s11__bg{width:100%;height:auto;display:block;}\n.mach-s11__logo{position:absolute;top:10%;left:0;right:0;margin:auto;width:24%;height:auto;display:block;}\n.mach-s11__footer{position:absolute;bottom:0;left:0;right:0;padding-bottom:32px;padding-left:20px;padding-right:20px;}\n.mach-s11__footer .page-width{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}\n.mach-s11__tagline{font-size:14px !important;color:#fff !important;line-height:1.5 !important;text-align:left !important;margin:0 !important;font-weight:400 !important;}\n.mach-s11__btns{display:flex;gap:12px;align-items:center;flex-shrink:0;}\n@media(max-width:900px){\n  .mach-s11__footer{position:relative;padding:0 0 24px;}\n  .mach-s11__footer .page-width{justify-content:center;flex-direction:column;align-items:center;gap:20px;}\n  .mach-s11__tagline{text-align:center !important;}\n  .mach-s11__logo{top:20px;}\n}\n@media(max-width:460px){\n  .mach-s11__logo{top:10px;width:30%;}\n}\n@media(max-width:480px){\n  .mach-s11__footer .page-width{flex-direction:column;gap:20px;align-items:center;}\n}\n\n\/* ── S12 Specs ── *\/\n.mxp-s7{padding-top:80px;padding-bottom:80px;background:#080813;}\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 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  position:relative;\n}\n.mxp-specs-grid:hover .mxp-spec{\n  opacity:0.5;\n}\n.mxp-specs-grid .mxp-spec:hover{\n  opacity:1;\n  background:#000e33;\n  border-color:rgba(255,255,255,0.4);\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@media (max-width: 1281px){\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-spec-title{font-size: clamp(20px, 2vw, 37px);}\n  .mxp-spec-desc{width:85%;}\n}\n@media(max-width:900px){\n  .mxp-spec-title{font-size: clamp(26px, 2.5vw, 35px);}\n  .mxp-specs-grid{grid-template-columns:repeat(2,1fr);}\n  .mxp-spec{aspect-ratio: auto;}\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-s7 .mxp-pw{padding:0;}\n}\n@media (max-width: 361px){\n  .mxp-s7{padding-top: 52px;}\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"mxp-pdp\"\u003e\n\n\u003c!-- S1: Hero --\u003e\n\u003cdiv class=\"mach-s1\"\u003e\n  \u003cimg class=\"mach-s1__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Logo.png?v=1789360697\" alt=\"Mach logo\" width=\"180\" height=\"auto\"\u003e\n  \u003cdiv class=\"mach-s1__titles\"\u003e\n    \u003cdiv class=\"mach-s1__product image-animate-top\"\u003e\n      \u003cspan class=\"mach-s1__name\"\u003eDUSK\u003c\/span\u003e\n      \u003cspan class=\"mach-s1__series\"\u003eSERIES\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s1__product image-animate-top\"\u003e\n      \u003cspan class=\"mach-s1__name\"\u003eDAWN\u003c\/span\u003e\n      \u003cspan class=\"mach-s1__series\"\u003eSERIES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S2: Intelligent Comfort --\u003e\n\u003cdiv class=\"mach-s2\"\u003e\n  \u003cdiv class=\"mach-s2__content page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eความสบายอัจฉริยะ \u003cbr class=\"mach-br-mobile\"\u003eที่รองรับทุกการเคลื่อนไหว\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eMACH สอดรับทุกการเคลื่อนไหว ด้วยการปรับพนักพิงศีรษะ ที่วางแขน การปรับเอน และส่วนรองรับเอวอย่างละเอียด ไม่ว่าจะจดจ่อกับทำงานหรือช่วงเวลาที่กำลังพักผ่อน ระบบรองรับที่ตอบสนองไปกับคุณ พร้อมมอบความสบายที่สมบูรณ์แบบและลงตัวให้กับทุกส่วนของร่างกายโดยที่คุณไม่ต้องปรับเอง\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cimg class=\"mach-s2__main-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-pdp-s2-ENG.jpg?v=1789362797\" alt=\"Intelligent Comfort. Adapts To You.\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- S3: 4 Modes. 4 Motions. --\u003e\n\u003cdiv class=\"mach-s3\"\u003e\n  \u003cdiv class=\"page-width image-animate-top mach-s3__header\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003e4 โหมด 4 การเคลื่อนไหว\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eเก้าอี้ที่ปรับตามทุกไลฟ์สไตล์การใช้งานของคุณ\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"page-width image-animate-top\"\u003e\n    \u003cdiv class=\"mxp-s5-img-wrap\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-90-degree.png?v=1789374462\" class=\"mxp-s5-img is-active\" alt=\"Focus Mode 90°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-115-degree.png?v=1789374388\" class=\"mxp-s5-img\" alt=\"Chill Mode 115°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-140-degree.png?v=1789374565\" class=\"mxp-s5-img\" alt=\"Immerse Mode 140°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-165-degree.png?v=1789374619\" class=\"mxp-s5-img\" alt=\"Recharge Mode 165°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-tabs\"\u003e\n      \u003cdiv class=\"mxp-s5-pill\"\u003e\u003c\/div\u003e\n      \u003cbutton class=\"mxp-s5-tab is-active\" data-idx=\"0\"\u003eFocus Mode\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"1\"\u003eChill Mode\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"2\"\u003eImmerse Mode\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"3\"\u003eRecharge Mode\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel is-active\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e90°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eคิดอย่างลึกซึ้ง \u0026amp; ทำงานอย่างรอบคอบ\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e115°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eลุยโปรเจกต์ \u0026amp; ผ่อนคลาย\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e140°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eสตรีมมิ่ง \u0026amp; เล่นกม\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e165°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eพักผ่อน \u0026amp; คลายความล้า\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S4: Choose Your Edge --\u003e\n\u003cdiv class=\"mach-s4\"\u003e\n  \u003cdiv class=\"mach-s4__header image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eเลือกสไตล์ที่ใช่ในแบบคุณ\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eออกแบบเพื่อทุกการเคลื่อนไหว สไตล์ที่สะท้อนตัวตน\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s4__row image-animate-top\" id=\"machS4Row\"\u003e\n    \u003cdiv class=\"mach-s4__side mach-s4__side--left\" id=\"machS4LeftSide\"\u003e\n      \u003cspan class=\"mach-s4__lname mach-s2__title--gradient\"\u003eDawn Series\u003c\/span\u003e\n      \u003cdiv class=\"mach-s4__side-divider\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"mach-s4__ldesc\"\u003eโทนสีสว่าง สบายตา\u003cbr\u003e สำหรับการทำงานเงียบ ๆ สบาย ๆ\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s4__stage\" id=\"machS4Stage\"\u003e\n      \u003cimg class=\"mach-s4__img--dawn\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach_DAWN.png?v=1789371835\" alt=\"MACH Dawn Series\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n      \u003cimg class=\"mach-s4__img--dusk\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach_Dusk.png?v=1789371789\" alt=\"MACH Dusk Series\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mach-s4__divider\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mach-s4__zone mach-s4__zone--left\" id=\"machS4Left\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mach-s4__zone mach-s4__zone--right\" id=\"machS4Right\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s4__side mach-s4__side--right\" id=\"machS4RightSide\"\u003e\n      \u003cspan class=\"mach-s4__lname mach-s2__title--gradient\"\u003eDusk Series\u003c\/span\u003e\n      \u003cdiv class=\"mach-s4__side-divider\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"mach-s4__ldesc\"\u003eโทนสีเข้ม ลุ่มลึก ดุดัน\u003cbr\u003eสำหรับผู้ที่ต้องการความเท่เหนือใคร\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S5: A Fit That Works Both Ways --\u003e\n\u003cdiv class=\"mach-s5\"\u003e\n  \u003cdiv class=\"mach-s5__header page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eลงตัวกับทุกขนาดรูปร่างของผู้ใช้\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eระบบรองรับที่ปรับเปลี่ยนได้ รองรับทั้งผู้ที่มีรูปร่างเล็กและใหญ่อย่างพอดี\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s5__stage image-animate-top\"\u003e\n    \u003cimg class=\"mach-s5__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/mach-s4-main-pic.jpg?v=1789377202\" alt=\"A Fit That Works Both Ways\" width=\"900\" height=\"600\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s5__labels\"\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--neck\"\u003e\n        \u003cspan class=\"mach-s5__label-title\"\u003eระบบปรับหมอนรองคอ\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eปรับความสูงให้อยู่ในระดับที่สบาย\u003cbr\u003eและพอดีที่สุดสำหรับคุณ\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--armrest\"\u003e\n        \u003cspan class=\"mach-s5__label-title\"\u003eAdjustable Armrest\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eปรับขยายออกด้านนอกสำหรับผู้ที่\u003cbr\u003eมีรูปร่างใหญ่ หรือปรับเข้าด้านใน\u003cbr\u003eสำหรับผู้ที่มีรูปร่างเล็ก\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--larger\"\u003e\n        \u003cspan class=\"mach-s5__frame-label\"\u003eรูปร่างใหญ่\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--smaller\"\u003e\n        \u003cspan class=\"mach-s5__frame-label\"\u003eรูปร่างเล็ก\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S6: Dynamic Lumbar Support --\u003e\n\u003cdiv class=\"mach-s6 image-animate-top\"\u003e\n  \u003cdiv class=\"mach-s6__img-wrap\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/mach-s5-bg-TH-mobile-new.jpg?v=1789543599\"\u003e\n      \u003cimg class=\"mach-s6__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/mach-s5-bg-TH-new.jpg?v=1789543599\" alt=\"Dynamic Lumbar Support\" width=\"1917\" height=\"1281\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n    \u003cdiv class=\"mach-s6__pb\"\u003e\n      \u003cspan class=\"mach-s6__pb-title\"\u003ePower Bank\u003c\/span\u003e\n      \u003cspan class=\"mach-s6__pb-sub\"\u003e**สินค้าไม่รวม Power Bank\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s6__boxes\"\u003e\n    \u003cdiv class=\"mach-s6__box-wrap image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s6__box\"\u003e\n        \u003cimg class=\"mach-s6__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/mach-s5-Box-1.png?v=1789379561\" alt=\"Powered by a power bank\" width=\"260\" height=\"180\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s6__box-text\"\u003e\n        \u003cspan class=\"mach-s6__box-label\"\u003eขับเคลื่อนด้วย Power Bank\u003c\/span\u003e\n        \u003cspan class=\"mach-s6__box-desc\"\u003eไม่ต้องเสียบปลั๊ก หมดปัญหาสายไฟเกะกะรบกวนสายตา\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s6__box-wrap image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s6__box\"\u003e\n        \u003cimg class=\"mach-s6__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/mach-s5-Box-2.png?v=1789379561\" alt=\"Electric lumbar support\" width=\"260\" height=\"180\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s6__box-text\"\u003e\n        \u003cspan class=\"mach-s6__box-desc mach-s6__box-desc--plain\"\u003eระบบรองรับหลังส่วนล่างแบบไฟฟ้า \u003cbr class=\"d-none d-md-block\"\u003eมอบการปรับระดับที่แม่นยำอย่างง่ายดายเพียงปลายสัมผัส\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S7: Spinal Auto Stretch Mode --\u003e\n\u003cdiv class=\"mach-s7\"\u003e\n  \u003cdiv class=\"mach-s7__stage image-animate-top\"\u003e\n    \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/mach-s6-mainpic-TH.jpg?v=1789543985\" alt=\"Spinal Auto Stretch Mode\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s7__overlay\"\u003e\n      \u003cspan class=\"mach-s7__overlay-text\"\u003eสัมผัสการผ่อนคลายด้วยการนวด\u003cbr\u003eอย่างนุ่มนวลเป็นเวลาห้านาที\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s7__text page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eSpinal Auto Stretch Mode\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eเพียงกดปุ่มครั้งเดียว ระบบรองรับหลังส่วนล่างแบบไฟฟ้า\nจะเลื่อนขึ้นและลงตามแนวหลังของคุณโดยอัตโนมัติ \nตอบโจทย์การบรรเทาความเมื่อยล้าอย่างรวดเร็ว\nให้คุณผ่อนคลายได้ทันทีบนเก้าอี้ตัวนี้\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S8: Adaptive Head Support --\u003e\n\u003csection class=\"mach-s8 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mach-s8__grid\"\u003e\n      \u003cdiv class=\"mach-s8__content\"\u003e\n        \u003cdiv class=\"image-animate-top\"\u003e\n          \u003cspan class=\"mach-s8__label\"\u003eระบบรองรับศีรษะแบบปรับเปลี่ยนตามท่านั่ง\u003c\/span\u003e\n          \u003ch2 class=\"mach-s8__title\"\u003eรองรับอย่างลงตัว \u003cbr\u003eเพื่อสมาธิที่ต่อเนื่อง\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"mach-s8__features image-animate-top\"\u003e\n          \u003cli class=\"mach-s8__feature\"\u003e\n            \u003cdiv class=\"mach-s8__feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-magnetic.png?v=1778832727\" alt=\"\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mach-s8__feat-title\"\u003eหมอนรองคอระบบแม่เหล็ก\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eปรับระดับง่าย ยึดเกาะแน่นหนา ไม่หลุดเลื่อน\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mach-s8__feature\"\u003e\n            \u003cdiv class=\"mach-s8__feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-icon2.png?v=1789446465\" alt=\"\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mach-s8__feat-title\"\u003eปรับระดับแนวตั้งได้กว้างถึง 25 ซม.\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eรองรับความสูงของผู้ใช้งานได้หลากหลาย\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mach-s8__feature\"\u003e\n            \u003cdiv class=\"mach-s8__feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-icon3-resized.png?v=1789447498\" alt=\"\" width=\"60\" height=\"60\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mach-s8__feat-title\"\u003eระบบเอียง PIVOTHEAD™ 15°\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eเอียงรับศีรษะและคอในทุกท่านั่ง\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s8__chair image-animate-top\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/mach-Neck-PillowThai.png?v=1789544172\" alt=\"Magnetic Neck Pillow\" width=\"600\" height=\"800\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S9: Move Freely, Work Sweat-Free --\u003e\n\u003cdiv class=\"mach-s9\"\u003e\n  \u003cdiv class=\"mach-s9__text page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eเคลื่อนไหวได้อย่างอิสระ ทำงานสบายไร้เหงื่อกวนใจ\u003c\/h2\u003e\n    \u003cp class=\"mach-s9__subtitle\"\u003e\u003cstrong style=\"color:#c2e6fe;\"\u003eFlex Threads Fabric\u003c\/strong\u003e ─ ออกแบบมาให้รู้สึกเบาสบาย ระบายอากาศได้ดี และเคลื่อนไหวไปพร้อมกับคุณได้อย่างคล่องตัว\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cvideo class=\"mach-s9__video\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6934cdbfd83e4918bd77fee8a55bd576.mp4\" autoplay muted loop playsinline\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- S10: Support That Moves With You --\u003e\n\u003cdiv class=\"mach-s10\"\u003e\n  \u003cdiv class=\"mach-s10__text page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eระบบรองรับที่เคลื่อนไหวไปพร้อมคุณ\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eที่วางแขนปรับได้แบบ 4D ของ MACH สามารถปรับเปลี่ยนให้สอดรับกับท่าทางและกิจกรรมของคุณ ช่วยรองรับแขนและหัวไหล่ให้ผ่อนคลายตลอดทุกช่วงเวลา ไม่ว่าจะทำงาน เล่นเกม หรือสร้างสรรค์ผลงาน\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s10__stage image-animate-top\"\u003e\n    \u003cimg class=\"mach-s10__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-image.jpg?v=1789448783\" alt=\"Support That Moves With You\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s10__overlay page-width\"\u003e\n      \u003cdiv class=\"mach-s10__boxes image-animate-top\"\u003e\n        \u003cdiv class=\"mach-s10__box\"\u003e\n          \u003cimg class=\"mach-s10__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-BOX-2.png?v=1789448484\" alt=\"Desk Mode\" width=\"300\" height=\"200\" loading=\"lazy\"\u003e\n          \u003cdiv\u003e\n            \u003cstrong class=\"mach-s10__box-title\"\u003eDesk Mode\u003c\/strong\u003e\n            \u003cspan class=\"mach-s10__box-desc\"\u003eSปรับขนานกับโต๊ะ \u003cbr class=\"d-none d-md-block\"\u003eสำหรับการทำงานที่ใช้สมาธิ \u003cbr class=\"d-none d-md-block\"\u003eและรองรับความสบายได้ยาวนานตลอดวัน\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mach-s10__divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"mach-s10__box\"\u003e\n          \u003cimg class=\"mach-s10__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-BOX-1.png?v=1789448485\" alt=\"Mobile Mode\" width=\"300\" height=\"200\" loading=\"lazy\"\u003e\n          \u003cdiv\u003e\n            \u003cstrong class=\"mach-s10__box-title\"\u003eMobile Mode\u003c\/strong\u003e\n            \u003cspan class=\"mach-s10__box-desc\"\u003eปรับเข้าด้านใน \u003cbr class=\"d-none d-md-block\"\u003eเพื่อให้คุณจับมือถือได้ \u003cbr class=\"d-none d-md-block\"\u003eอย่างมั่นคงและผ่อนคลายยิ่งขึ้น\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cimg class=\"mach-s10__mobile-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-image-mobile-new.jpg?v=1789457908\" alt=\"Support That Moves With You\" width=\"768\" height=\"600\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- S11: Closing Banner --\u003e\n\u003cdiv class=\"mach-s11\"\u003e\n  \u003cdiv class=\"mach-s11__stage\"\u003e\n    \u003cimg class=\"mach-s11__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s11-Last-Banner-resized.jpg?v=1789453396\" alt=\"MACH Active Tech Chair\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n    \u003cimg class=\"mach-s11__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Logo2.png?v=1789450460\" alt=\"MACH logo\" width=\"200\" height=\"80\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s11__footer image-animate-top\"\u003e\n      \u003cdiv class=\"page-width\"\u003e\n        \u003cp class=\"mach-s11__tagline\"\u003eเก้าอี้ MACH ผสานการปรับระดับที่แม่นยำ \u003cbr class=\"d-none d-md-block\"\u003eทั้งส่วนศีรษะ ที่วางแขน องศาการเอน และส่วนรองรับหลัง \u003cbr class=\"d-none d-md-block\"\u003eเพื่อมอบความสบายที่ตอบสนองเข้ากับตัวคุณในทุกการเปลี่ยนท่านั่งและทุกกิจกรรม\u003c\/p\u003e\n        \u003cdiv class=\"mach-s11__btns\"\u003e\n          \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n            \u003cinput type=\"hidden\" name=\"id\" value=\"49201063526617\"\u003e\n            \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eสั่งซื้อ\u003c\/button\u003e\n          \u003c\/form\u003e\n          \u003ca href=\"\/pages\/active-tech\" class=\"mxp-btn-outline\"\u003eรายละเอียดเพิ่มเติม\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\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ปรับเอน 165°\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ไฮโดรลิก SGS ระดับ Class 4\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ลูกล้อ PU\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eออกแบบมาให้เคลื่อนที่ได้อย่างนุ่มนวลและปลอดภัยต่อพื้นผิว\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\n\u003c\/div\u003e\n\u003cscript\u003e\n  (function(){\n    var stage = document.getElementById('machS4Stage');\n    if(!stage) return;\n    var row = document.getElementById('machS4Row');\n    var leftZone = document.getElementById('machS4Left');\n    var rightZone = document.getElementById('machS4Right');\n    var leftSide = document.getElementById('machS4LeftSide');\n    var rightSide = document.getElementById('machS4RightSide');\n    function setHover(side){\n      row.classList.remove('hover-left','hover-right');\n      if(side) row.classList.add('hover-'+side);\n    }\n    leftZone.addEventListener('mouseenter', function(){ setHover('left'); });\n    rightZone.addEventListener('mouseenter', function(){ setHover('right'); });\n    leftSide.addEventListener('mouseenter', function(){ setHover('left'); });\n    rightSide.addEventListener('mouseenter', function(){ setHover('right'); });\n    leftSide.addEventListener('mouseleave', function(){ setHover(null); });\n    rightSide.addEventListener('mouseleave', function(){ setHover(null); });\n    row.addEventListener('mouseleave', function(){ setHover(null); });\n    var touchStartY = 0, touchStartX = 0;\n    document.addEventListener('touchstart', function(e){ touchStartY = e.touches[0].clientY; touchStartX = e.touches[0].clientX; }, {passive:true});\n    function isVerticalScroll(e){\n      var dy = Math.abs(e.changedTouches[0].clientY - touchStartY);\n      var dx = Math.abs(e.changedTouches[0].clientX - touchStartX);\n      return dy \u003e dx \u0026\u0026 dy \u003e 10;\n    }\n    leftZone.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('left'); });\n    rightZone.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('right'); });\n    leftSide.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('left'); });\n    rightSide.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('right'); });\n    document.addEventListener('touchend', function(e){ if(!row.contains(e.target)) setHover(null); });\n  })();\n\n  (function(){\n    var s3tabs = document.querySelectorAll('.mach-s3 .mxp-s5-tab');\n    var s3imgs = document.querySelectorAll('.mach-s3 .mxp-s5-img');\n    var s3panels = document.querySelectorAll('.mach-s3 .mxp-s5-panel');\n    var s3pill = document.querySelector('.mach-s3 .mxp-s5-pill');\n    if(!s3pill) return;\n    function moveS3Pill(tab){ s3pill.style.left = tab.offsetLeft+'px'; s3pill.style.width = tab.offsetWidth+'px'; }\n    document.fonts.ready.then(function(){ moveS3Pill(document.querySelector('.mach-s3 .mxp-s5-tab.is-active')); });\n    s3tabs.forEach(function(tab){\n      tab.addEventListener('click', function(){\n        var idx = +this.getAttribute('data-idx');\n        s3tabs.forEach(function(t,i){ t.classList.toggle('is-active',i===idx); });\n        s3imgs.forEach(function(t,i){ t.classList.toggle('is-active',i===idx); });\n        s3panels.forEach(function(t,i){ t.classList.toggle('is-active',i===idx); });\n        moveS3Pill(tab);\n      });\n    });\n  })();\n\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 = '#000e33', hlBorder = 'rgba(255,255,255,0.4)';\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 40%',\n        end: 'bottom 45%',\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\u003c\/script\u003e\n","brand":"TTRacing Thailand","offers":[{"title":"Dusk","offer_id":49201063526617,"sku":"TTRMACH-001","price":15199.0,"currency_code":"THB","in_stock":true},{"title":"Dawn","offer_id":49201063559385,"sku":"TTRMACH-002","price":15199.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/mach-dusk-360-2.png?v=1788853610","url":"https:\/\/ttracing.co.th\/products\/ttracing-mach-active-tech-chair","provider":"TTRacing Thailand","version":"1.0","type":"link"}