{"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;font-family:'gotham-book','Gotham';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-family:'gotham-book','Gotham';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-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-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-family:'gotham-medium','Gotham';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-family:'gotham-book','Gotham';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-family:'gotham-medium','Gotham',sans-serif;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__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;font-family:'gotham-book','Gotham';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-family:'gotham-medium','Gotham' !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;font-family:'gotham-book','Gotham' !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 92%);}\n.mach-s4__row.hover-right .mach-s4__img--dusk{clip-path:inset(0 0 0 8%);}\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:92%;}\n.mach-s4__row.hover-right .mach-s4__divider{left:8%;}\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-family:'gotham-medium','Gotham';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-family:'gotham-medium','Gotham';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-family:'gotham-medium','Gotham';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-family:'gotham-medium','Gotham';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-family:'gotham-medium','Gotham';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:24.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;}\n@media(max-width:460px){.mach-s7__overlay{left:21.7%;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-family:'gotham-medium','Gotham';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-family:'gotham-medium','Gotham';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-family:'gotham-medium','Gotham';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{font-family:'gotham-medium','Gotham';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:1.5px 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-family:'gotham-medium','Gotham';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:8%;width:24%;height:auto;}\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;right:20px;}\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-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@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\"\u003eIntelligent Comfort.\u003cbr class=\"mach-br-mobile\"\u003e Adapts To You.\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eThe MACH syncs to every movement you make with precise head, arm, recline, and lumbar adjustments. Whether you are in focus or recovering, this responsive support system delivers perfect and effortless comfort to every part of your body.\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 Modes. 4 Motions.\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eYour chair, your routine.\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\"\u003eDeep thinking \u0026amp; detailed work\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\"\u003eCasual projects \u0026amp; relaxation\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\"\u003eStreaming \u0026amp; gaming\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\"\u003eRest \u0026amp; relief\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\"\u003eChoose Your Edge\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eBuilt for movement, styled for you.\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\"\u003eA soft, luminous finish\u003cbr\u003e for calm, casual work\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\"\u003eA deep, bold finish for those\u003cbr\u003e looking to excel\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\"\u003eA Fit That Works Both Ways\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eAdjustable support for larger and smaller body frames alike.\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\"\u003eNeck Pillow Adjustment\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eSet your ideal height.\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\"\u003eOut for a broader frame,\u003cbr\u003ein for a narrower one.\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\"\u003eLarger Frame\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\"\u003eSmaller Frame\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\/2021\/9723\/files\/mach-s5-bg-ENG-mobile-new.jpg?v=1789533577\"\u003e\n      \u003cimg class=\"mach-s6__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s5-bg-ENG-new.jpg?v=1789440533\" 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 not included\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\"\u003ePowered by a power bank\u003c\/span\u003e\n        \u003cspan class=\"mach-s6__box-desc\"\u003eNo outlets. No cable clutters\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\"\u003eElectric lumbar support puts\u003cbr class=\"d-none d-md-block\"\u003eprecise adjustment at your fingertips\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\/2021\/9723\/files\/mach-s6-mainpic-ENG.jpg?v=1789444543\" 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\"\u003eEnjoy five minutes \u003cbr\u003eof gentle massage.\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\"\u003ePress once for the electric lumbar support to automatically rise and fall along your back. Perfect for quick pain relief while you remain seated in the lap of comfort. A little movement with none of the tradeoffs.\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\"\u003eAdaptive Head Support\u003c\/span\u003e\n          \u003ch2 class=\"mach-s8__title\"\u003eKeep Your Head\u003cbr\u003eIn The Game\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\"\u003eMagnetic Neck Pillow\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eEasy to adjust, Easy to secure.\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\"\u003e25cm vertical adjustment\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003ePerfectly fits a wider range of body heights.\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\"\u003ePIVOTHEAD™ 15° tilt\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eTilts naturally to fit your posture.\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\/2021\/9723\/files\/mach-Neck-PillowENG.png?v=1789448114\" 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\"\u003eMove Freely, Work Sweat-Free\u003c\/h2\u003e\n    \u003cp class=\"mach-s9__subtitle\"\u003e\u003cstrong style=\"color:#c2e6fe;\"\u003eFlex Threads Fabric\u003c\/strong\u003e ─ Engineered to feel weightless, promote airflow, and move effortlessly with you.\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\"\u003eSupport That Moves With You\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eMACH's 4D adjustable armrests adapts to your posture and activity, keeping your arms and shoulders supported throughout every work, play and creative session.\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\"\u003eStraight alignment for \u003cbr class=\"d-none d-md-block\"\u003efocused work and \u003cbr class=\"d-none d-md-block\"\u003eall-day comfort.\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\"\u003eCloser alignment for \u003cbr class=\"d-none d-md-block\"\u003esteadier and more \u003cbr class=\"d-none d-md-block\"\u003erelaxed play.\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\"\u003eThe Mach combines precise head, arm, recline, \u003cbr class=\"d-none d-md-block\"\u003eand lumbar adjustments to provide comfort that \u003cbr class=\"d-none d-md-block\"\u003eresponds to you though every posture change and activity.\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=\"47893163507889\"\u003e\n            \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBuy\u003c\/button\u003e\n          \u003c\/form\u003e\n          \u003ca href=\"\/pages\/active-tech\" class=\"mxp-btn-outline\"\u003eMore Info\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\"\u003e165°\u003cbr\u003eRecline\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eComfort that floats when you're mobile gaming or relaxing\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eClass 4 SGS\u003cbr\u003eHydraulic\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eStable and durable, even at the maximum chair height\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eOpen-Ended\u003cbr\u003eSeat Base\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eMore space to shift your posture\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003ePU Casters\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eCrafted for smooth, floor-safe movement\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 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\u003c\/script\u003e\n","brand":"TTRacing Singapore","offers":[{"title":"Dusk","offer_id":47893163507889,"sku":"TTRMACH-001","price":669.0,"currency_code":"SGD","in_stock":true},{"title":"Dawn","offer_id":47893163540657,"sku":"TTRMACH-002","price":669.0,"currency_code":"SGD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0615\/8100\/0881\/files\/mach-dusk-360-2.png?v=1788851722","url":"https:\/\/ttracing.sg\/products\/ttracing-mach-active-tech-chair","provider":"TTRacing Singapore","version":"1.0","type":"link"}