{"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;\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;margin-bottom:5px;\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 .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;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 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-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:9%;bottom:15%;}\n.mach-s5__label--smaller{right:9%;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;text-align:center;}\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: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-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: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-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__series\"\u003eSERI\u003c\/span\u003e\n      \u003cspan class=\"mach-s1__name\"\u003eDUSK\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s1__product image-animate-top\"\u003e\n      \u003cspan class=\"mach-s1__series\"\u003eSERI\u003c\/span\u003e\n      \u003cspan class=\"mach-s1__name\"\u003eDAWN\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\"\u003eKenyamanan Cerdas. \u003cbr class=\"mach-br-mobile\"\u003eMenyesuaikan Denganmu.\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eMACH mengikuti setiap gerakanmu dengan pengaturan presisi pada sandaran kepala, sandaran tangan, rebah, dan penyangga pinggang. Baik saat fokus maupun beristirahat, sistem dukungan responsif ini menghadirkan kenyamanan optimal secara mudah di seluruh tubuh.\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 Mode. 4 Posisi.\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eKursimu, rutinitasmu.\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\"\u003eMode Focus\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"1\"\u003eMode Chill\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"2\"\u003eMode Immerse\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"3\"\u003eMode Recharge\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\"\u003eFokus mendalam \u0026amp; pekerjaan detail\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\"\u003ePekerjaan santai \u0026amp; relaksasi\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\"\u003eIstirahat \u0026amp; relaksasi\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\"\u003ePilih Gayamu\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eDirancang untuk bergerak, hadir dengan gaya pilihanmu.\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\"\u003eSeri Dawn\u003c\/span\u003e\n      \u003cdiv class=\"mach-s4__side-divider\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"mach-s4__ldesc\"\u003eTampilan lembut dan cerah untuk\u003cbr\u003e suasana kerja yang tenang dan santai\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\"\u003eSeri Dusk\u003c\/span\u003e\n      \u003cdiv class=\"mach-s4__side-divider\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"mach-s4__ldesc\"\u003eTampilan gelap dan tegas untuk\u003cbr\u003e kamu yang ingin tampil maksimal\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\"\u003ePas untuk Berbagai Bentuk Tubuh\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eDukungan yang dapat disesuaikan untuk tubuh besar maupun kecil.\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\"\u003ePengaturan Bantal Leher\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eAtur ke ketinggian idealmu.\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\"\u003eSandaran Tangan \u003cbr\u003eyang Dapat Disesuaikan\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eGeser ke luar untuk tubuh\u003cbr\u003elebih lebar, atau ke dalam\u003cbr\u003euntuk tubuh lebih ramping.\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\"\u003eTubuh Lebih Besar\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\"\u003eTubuh Lebih Kecil\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\/0735\/5698\/4053\/files\/mach-s5-bg-ID-mobile-new.jpg?v=1789546983\"\u003e\n      \u003cimg class=\"mach-s6__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-s5-bg-ID-new.jpg?v=1789546983\" 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 tidak termasuk\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\"\u003eMenggunakan power bank\u003c\/span\u003e\n        \u003cspan class=\"mach-s6__box-desc\"\u003eTanpa stopkontak. Tanpa kabel berantakan\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\"\u003ePenyangga pinggang elektrik menghadirkan pengaturan presisi langsung dalam kendalimu\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\/0735\/5698\/4053\/files\/mach-s6-mainpic-ID.jpg?v=1789546989\" 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\"\u003eNikmati lima menit \u003cbr\u003epijatan lembut.\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\"\u003eMode Peregangan Punggung Otomatis\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eCukup tekan sekali dan penyangga pinggang elektrik akan otomatis bergerak naik turun mengikuti punggungmu. Ideal untuk membantu meredakan rasa pegal dengan cepat, tanpa perlu beranjak dari kursi.\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\"\u003eDukungan Kepala Adaptif\u003c\/span\u003e\n          \u003ch2 class=\"mach-s8__title\"\u003eTetap Fokus \u003cbr\u003edalam Permainan\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\"\u003eBantal Leher Magnetik\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eMudah disesuaikan, tetap terpasang dengan aman.\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\"\u003ePenyesuaian vertikal 25 cm\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eCocok untuk rentang tinggi badan yang lebih luas.\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™ Kemiringan 15°\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eMiring secara alami mengikuti posturmu.\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\/0735\/5698\/4053\/files\/mach-Neck-PillowINDO.png?v=1789547119\" 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\"\u003eBergerak Bebas, Tetap Sejuk Saat Bekerja\u003c\/h2\u003e\n    \u003cp class=\"mach-s9__subtitle\"\u003e\u003cstrong style=\"color:#c2e6fe;\"\u003eKain Flex Threads\u003c\/strong\u003e ─ Dirancang agar terasa ringan, menjaga sirkulasi udara, dan mengikuti setiap gerakanmu dengan nyaman.\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\"\u003eDukungan yang Mengikuti Gerakmu\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eSandaran tangan 4D MACH dapat disesuaikan dengan postur dan aktivitasmu, menjaga lengan serta bahu tetap tertopang saat bekerja, gaming, maupun berkreasi.\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\"\u003eMode Meja\u003c\/strong\u003e\n            \u003cspan class=\"mach-s10__box-desc\"\u003ePosisi sejajar untuk bekerja \u003cbr class=\"d-none d-md-block\"\u003edengan fokus dan nyaman \u003cbr class=\"d-none d-md-block\"\u003esepanjang hari.\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\"\u003eMode Mobile\u003c\/strong\u003e\n            \u003cspan class=\"mach-s10__box-desc\"\u003ePosisi lebih dekat untuk \u003cbr class=\"d-none d-md-block\"\u003ebermain dengan lebih \u003cbr class=\"d-none d-md-block\"\u003estabil dan santai..\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\"\u003eMACH memadukan pengaturan presisi pada \u003cbr class=\"d-none d-md-block\"\u003esandaran kepala, sandaran tangan, rebahan, dan \u003cbr class=\"d-none d-md-block\"\u003epenyangga pinggang untuk kenyamanan yang menyesuaikan.\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=\"48817672913141\"\u003e\n            \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBeli\u003c\/button\u003e\n          \u003c\/form\u003e\n          \u003ca href=\"\/pages\/active-tech\" class=\"mxp-btn-outline\"\u003eInfo Selengkapnya\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\"\u003eRebah\u003cbr\u003e165°\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eKenyamanan yang terasa ringan saat mobile gaming maupun bersantai\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eHidrolik SGS\u003cbr\u003eClass 4\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eStabil dan tahan lama, bahkan pada ketinggian kursi maksimum.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eDudukan Terbuka\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eLebih banyak ruang untuk bebas mengubah posisi duduk\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eRoda PU\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eDirancang untuk bergerak mulus dan aman bagi lantai\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","offers":[{"title":"Dusk","offer_id":48817672913141,"sku":"TTRMACH-001","price":7910000.0,"currency_code":"IDR","in_stock":true},{"title":"Dawn","offer_id":48817672945909,"sku":"TTRMACH-002","price":7910000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-dusk-360-2.png?v=1788853824","url":"https:\/\/ttracing.co.id\/products\/ttracing-mach-active-tech-chair","provider":"TTRacing Indonesia","version":"1.0","type":"link"}