{"title":"Active Tech","description":null,"products":[{"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 .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: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: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__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, \u003cbr class=\"d-none d-md-block\"\u003erecline, and lumbar adjustments. Whether you are in focus or \u003cbr class=\"d-none d-md-block\"\u003erecovering, this responsive support system delivers perfect \u003cbr class=\"d-none d-md-block\"\u003eand 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=\"49201063526617\"\u003e\n            \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBuy\u003c\/button\u003e\n          \u003c\/form\u003e\n          \u003ca href=\"\/en\/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 40%',\n        end: 'bottom 45%',\n        scrub: true,\n        animation: tl,\n        onUpdate: function(self) {\n          clearTimeout(mxpSnapTimer);\n          mxpSnapTimer = setTimeout(function() {\n            var nearest = Math.round(self.progress * specs.length) \/ specs.length;\n            gsap.to(tl, {totalProgress: nearest, duration: 0.35, ease: 'power1.inOut', overwrite: true});\n          }, 150);\n        }\n      });\n    }\n    var s1 = document.createElement('script');\n    s1.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js';\n    s1.onload = function(){\n      var s2 = document.createElement('script');\n      s2.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js';\n      s2.onload = mxpInitSpecs;\n      document.head.appendChild(s2);\n    };\n    document.head.appendChild(s1);\n  }\n\n\u003c\/script\u003e\n","brand":"TTRacing Thailand","offers":[{"title":"Dusk","offer_id":49201063526617,"sku":"TTRMACH-001","price":15199.0,"currency_code":"THB","in_stock":true},{"title":"Dawn","offer_id":49201063559385,"sku":"TTRMACH-002","price":15199.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/mach-dusk-360-2.png?v=1788853610"},{"product_id":"ttracing-tilvo-active-tech-desk-onyx","title":"TTRacing TILVO Active Tech Desk - Onyx","description":"\u003cstyle\u003e\n  .rte a:not(.btn):not(.mxp-btn-outline):after,\n  .rte-setting a:not(.btn):not(.mxp-btn-outline):after { all: unset; }\n\n  \/* ── Buttons ── *\/\n  .mxp-btn-shop:hover{background:transparent !important;border-color:rgba(255,255,255,0.53) !important;color:#fff !important;}\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{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\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  \/* ── Scroll Animations ── *\/\n  .image-animate-top { opacity: 0; }\n  .image-animate-top.animate { animation: fadeInTop 1s forwards; }\n  @keyframes fadeInTop {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ── Section 1: Hero ── *\/\n  .mach-s1 {\n    width: 100%;\n    aspect-ratio: 1920 \/ 1100;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect1-mainpic-1.jpg?v=1789100056');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .mach-s1__inner {\n    height: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n    padding-top: 4%;\n  }\n\n  .mach-s1__logo {\n    width: clamp(120px, 18%, 260px);\n    height: auto;\n  }\n\n  \/* ── Section 2: Adaptive Movement ── *\/\n  .mach-s2 {\n    width: 100%;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-bg.jpg?v=1789100719');\n    background-size: cover;\n    background-position: top 20% center;\n    text-align: center;\n  }\n\n  .mach-s2__content {\n    padding-top: 100px;\n  }\n\n  .mach-s2__title {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(30px, 6vw, 45px);\n    line-height: 1;\n    margin: 0 auto 16px;\n    width: max-content;\n    max-width: 100%;\n    letter-spacing: -1px;\n  }\n\n  .mach-s2__title--gradient {\n    background: linear-gradient(178deg, #6d6d6d 5%, #ffffff 20%, #ffffff 70%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s2__subtitle {\n    font-size: 15px !important;\n    color: #98969b;\n    margin: 0 auto 48px !important;\n    line-height: 1.6;\n    font-weight: 400 !important;\n    max-width: 560px;\n  }\n\n  .mach-s2__main-img {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* ── Section 3: Precision In Every Position ── *\/\n  .mach-s3 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s3__img {\n    width: 100%;\n    height: auto;\n    display: block;\n    margin-top: 48px;\n  }\n\n  \/* ── Section 4: The Right Height ── *\/\n  .mach-s4 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s4__img {\n    width: 100%;\n    max-width: 860px;\n    height: auto;\n    display: block;\n    margin: 48px auto 0;\n  }\n\n  \/* ── Section 5: Refined Surface ── *\/\n  .mach-s5 {\n    width: 100%;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect5-bg.jpg?v=1789102080');\n    background-size: cover;\n    background-position: center;\n    text-align: center;\n  }\n\n  .mach-s5__content {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n\n  .mach-s5__main-img {\n    width: 100%;\n    max-width: 1200px;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .mach-s5__text {\n    padding: 0 24px;\n  }\n\n  \/* ── Section 6: Everything to support the workflow ── *\/\n  .mach-s6 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s6 .mach-s2__subtitle {\n    margin-bottom: 0 !important;\n  }\n\n  .tm-hexasync__media {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    --eye-x: 39%;\n    --eye-y: 30%;\n  }\n\n  .tm-hexasync__media::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 32%);\n    pointer-events: none;\n  }\n\n  .tm-hexasync__bg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .tm-hexasync__point {\n    position: absolute;\n    left: var(--x);\n    top: var(--y);\n    z-index: 2;\n    transform: translate(-50%, -50%);\n    background: none;\n    border: none;\n    padding: 12px;\n    margin: -12px;\n    cursor: pointer;\n  }\n\n  .tm-hexasync__point[data-point='eyes'] {\n    left: var(--eye-x);\n    top: var(--eye-y);\n  }\n\n  .tm-hexasync__point:hover,\n  .tm-hexasync__point:focus-visible {\n    z-index: 10;\n  }\n\n  .tm-hexasync__point:focus-visible {\n    outline: 2px solid #87e7f8;\n    outline-offset: 4px;\n    border-radius: 50%;\n  }\n\n  .tm-hexasync__dot {\n    position: relative;\n    display: block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(135, 231, 248, 0.9);\n    box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85);\n    animation: tm-hex-pulse 1.8s ease-out infinite;\n  }\n\n  .tm-hexasync__dot::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border: 1px solid rgba(135, 231, 248, 0.5);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  @keyframes tm-hex-pulse {\n    0% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 0 rgba(135, 231, 248, 0.5); }\n    70% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 14px rgba(135, 231, 248, 0); }\n    100% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 0 rgba(135, 231, 248, 0); }\n  }\n\n  .tm-hexasync__point:hover .tm-hexasync__dot,\n  .tm-hexasync__point:focus-visible .tm-hexasync__dot {\n    animation-play-state: paused;\n    background: rgba(135, 231, 248, 0.85);\n    box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 4px rgba(135, 231, 248, 0.35);\n  }\n\n  .tm-hexasync__tooltip {\n    position: absolute;\n    left: 50%;\n    bottom: calc(100% + 14px);\n    transform: translate(-50%, 6px);\n    min-width: 150px;\n    max-width: 210px;\n    background: rgba(10, 14, 22, 0.92);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 0.6rem 0.85rem;\n    text-align: left;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .tm-hexasync__point:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point:focus-visible .tm-hexasync__tooltip {\n    opacity: 1;\n    visibility: visible;\n    transform: translate(-50%, 0);\n  }\n\n  .tm-hexasync__tooltip-title {\n    display: block;\n    font-size: 0.8rem;\n    font-family: 'gotham-medium';\n    color: #fff;\n    margin: 0 0 0.2rem;\n  }\n\n  .tm-hexasync__tooltip-desc {\n    display: block;\n    font-size: 0.78rem;\n    font-family: 'gotham-book';\n    color: #c7c7c7;\n    line-height: 1.3;\n  }\n\n  .tm-hexasync__point--below .tm-hexasync__tooltip {\n    bottom: auto;\n    top: calc(100% + 14px);\n    transform: translate(-50%, -6px);\n  }\n\n  .tm-hexasync__point--below:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--below:focus-visible .tm-hexasync__tooltip {\n    transform: translate(-50%, 0);\n  }\n\n  .tm-hexasync__point--left .tm-hexasync__tooltip {\n    left: auto;\n    right: calc(100% + 14px);\n    bottom: auto;\n    top: 50%;\n    transform: translate(6px, -50%);\n  }\n\n  .tm-hexasync__point--left:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--left:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, -50%);\n  }\n\n  .tm-hexasync__point--right .tm-hexasync__tooltip {\n    left: calc(100% + 14px);\n    right: auto;\n    bottom: auto;\n    top: 50%;\n    transform: translate(-6px, -50%);\n  }\n\n  .tm-hexasync__point--right:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--right:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, -50%);\n  }\n\n  .tm-hexasync__point--bottom-right .tm-hexasync__tooltip {\n    left: calc(90%);\n    bottom: auto;\n    top: calc(100% + 8px);\n    transform: translate(0, -6px);\n  }\n\n  .tm-hexasync__point--bottom-right:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--bottom-right:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, 0);\n  }\n\n  .tm-hexasync__eye-line {\n    position: absolute;\n    left: var(--eye-x);\n    top: var(--eye-y);\n    transform: translateY(-50%);\n    width: 0;\n    height: 1px;\n    background-image: repeating-linear-gradient(\n      to right,\n      rgba(135, 231, 248, 0.85) 0,\n      rgba(135, 231, 248, 0.85) 4px,\n      transparent 4px,\n      transparent 8px\n    );\n    overflow: hidden;\n    opacity: 0;\n    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 100%);\n    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 100%);\n    transition: width 0.7s ease, opacity 0.4s ease;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .tm-hexasync__point[data-point='eyes']:hover ~ .tm-hexasync__eye-line,\n  .tm-hexasync__point[data-point='eyes']:focus-visible ~ .tm-hexasync__eye-line {\n    width: min(23%, 50%);\n    opacity: 1;\n    transition: width 0.7s ease, opacity 0.3s ease;\n  }\n\n  @media (max-width: 768px) {\n    .tm-hexasync__dot { width: 6px; height: 6px; }\n    .tm-hexasync__tooltip { min-width: 100px; max-width: 130px; padding: 0.4rem 0.55rem; }\n    .tm-hexasync__tooltip-title { font-size: 0.8rem; }\n    .tm-hexasync__tooltip-desc { font-size: 0.7rem; line-height: 1.2; }\n    .tm-hexasync__point[data-point='head'] { --x: 17% !important; --y: 38% !important; }\n    .tm-hexasync__point[data-point='lumbar'] { --x: 40% !important; --y: 55% !important; }\n    .tm-hexasync__point[data-point='arms'] { --x: 46% !important; --y: 51% !important; }\n    .tm-hexasync__point[data-point='hands'] { --x: 55% !important; --y: 48% !important; }\n    .tm-hexasync__point[data-point='calves'] { --x: 45% !important; --y: 59% !important; }\n    .tm-hexasync__media { --eye-x: 25%; --eye-y: 31%; }\n    .tm-hexasync__point[data-point='eyes']:hover ~ .tm-hexasync__eye-line,\n    .tm-hexasync__point[data-point='eyes']:focus-visible ~ .tm-hexasync__eye-line {\n      width: min(50%, 60%);\n    }\n  }\n\n  \/* ── Section 7: USP Grid ── *\/\n  .mach-s7 {\n    width: 100%;\n    background: #000;\n  }\n\n  @media (min-width: 641px) {\n    .mach-s7 {\n      padding-bottom: 200px;\n    }\n  }\n\n  .mach-s7__grid {\n    display: grid;\n    grid-template-columns: 675fr 611fr;\n    gap: 8px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .mach-s7__col {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .mach-s7__img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;\n  }\n\n  @media (max-width: 640px) {\n    .mach-s7 {\n      padding-bottom: 80px;\n    }\n\n    .mach-s7__grid {\n      grid-template-columns: 1fr;\n      height: auto;\n    }\n\n    .mach-s7__img {\n      flex: none !important;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  \/* ── Section 8: Control That Senses Everything ── *\/\n  .mach-s8 {\n    width: 100%;\n    position: relative;\n    min-height: clamp(500px, 55vw, 700px);\n    display: flex;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-bg.jpg?v=1789102779');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .mach-s8__inner {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  .mach-s8__left {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 50%;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n  }\n\n  .mach-s8__pic {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: bottom;\n    display: block;\n  }\n\n  @media (min-width: 1537px) {\n    .mach-s8__pic {\n      width: 80%;\n    }\n  }\n\n  .mach-s8__right {\n    width: 50%;\n    padding: 48px 48px 48px 40px;\n    position: relative;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-end;\n  }\n\n  .mach-s8__content {\n    width: 90%;\n  }\n\n  .mach-s8__right::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to left, rgba(0, 0, 0, 0.88) 30%, transparent 100%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .mach-s8__right \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .mach-s8__title {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(26px, 3.5vw, 42px);\n    line-height: 1.1;\n    margin-bottom: 32px;\n    letter-spacing: -1px;\n    background: linear-gradient(178deg, #6d6d6d 5%, #ffffff 20%, #ffffff 70%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__list {\n    list-style: none;\n    margin-left: 0px;\n  }\n\n  .mach-s8__item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px 0;\n  }\n\n  .mach-s8__item + .mach-s8__item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 0.5px;\n    max-width: 360px;\n    background: rgba(255, 255, 255, 0.3);\n  }\n\n  .mach-s8__num {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(38px, 4vw, 45px);\n    line-height: 1;\n    flex-shrink: 0;\n    width: 60px;\n    padding-left: 10px;\n    background: linear-gradient(to bottom, #1d262b 0%, #90e4f1 15%, #90e4f1 50%, #1d262b 84%, #000000 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__item-body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .mach-s8__item-title {\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.3;\n    background: linear-gradient(to bottom, #6d6d6d 0%, #ffffff 5%, #ffffff 95%, #6d6d6d 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__item-sub {\n    font-size: 13px;\n    color: #98969b;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 768px) {\n    .mach-s8__inner {\n      flex-direction: column;\n      justify-content: flex-start;\n      min-height: 0;\n    }\n\n    .mach-s8__left {\n      position: static;\n      width: 100%;\n      height: auto;\n      order: 2;\n    }\n\n    .mach-s8__pic {\n      height: auto;\n      object-fit: initial;\n    }\n\n    .mach-s8__inner {\n      padding: 0;\n    }\n\n    .mach-s8__right {\n      width: 100%;\n      order: 1;\n      padding: 32px 17px;\n    }\n\n    .mach-s8__content {\n      width: 100%;\n    }\n\n    .mach-s8__num {\n      width: 50px;\n    }\n\n    .mach-s8__right::before {\n      background: linear-gradient(to bottom, rgba(0, 5, 20, 0.88) 0%, transparent 100%);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .mach-s2 {\n      background: #000;\n      position: relative;\n    }\n    .mach-s2::before {\n      content: '';\n      position: absolute;\n      top: 32%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-bg.jpg?v=1789100719');\n      background-size: cover;\n      background-position: top center;\n      z-index: 0;\n    }\n    .mach-s2 \u003e * {\n      position: relative;\n      z-index: 1;\n    }\n    .mach-s2__content {\n      padding-top: 60px;\n    }\n    .mach-s9__content {\n      margin-top: 0;\n    }\n    .mach-s9__content .mach-s2__subtitle {\n      margin: 0 auto 24px !important;\n    }\n    .mach-s2__subtitle {\n      font-size: 13px !important;\n    }\n    .mach-s5__text { padding-top: 20px; }\n  }\n\n  \/* ── Section 9: Closing CTA ── *\/\n  .mach-s9 {\n    width: 100%;\n    background: #000;\n    padding-top: 100px;\n    padding-bottom: 100px;\n    text-align: center;\n  }\n\n  .mach-s9__bg {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .mach-s9__content {\n    width: 100%;\n    padding: 0 24px;\n    position: relative;\n    z-index: 1;\n    margin-top: -8%;\n  }\n  @media (max-width: 768px) {\n    .mach-s9__content { margin-top: 0; }\n  }\n\n  .mach-s9__content .mach-s2__title {\n    font-size: clamp(22px, 4vw, 35px);\n    margin-bottom: 10px;\n  }\n\n  .mach-s9__content .mach-s2__subtitle {\n    margin: 0 auto 42px !important;\n  }\n\n  .mach-s9__cta {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .mach-s9__cta form {\n    margin: 0;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"mach-pdp\"\u003e\n\n  \u003c!-- Section 1: Hero --\u003e\n  \u003cdiv class=\"mach-s1\"\u003e\n    \u003cdiv class=\"page-width mach-s1__inner\"\u003e\n      \u003cimg class=\"mach-s1__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect1-mainpic-logo.png?v=1789100056\" alt=\"TILVO logo\" width=\"260\" height=\"100\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 2: Adaptive Movement --\u003e\n  \u003cdiv class=\"mach-s2\"\u003e\n    \u003cdiv class=\"mach-s2__content page-width\"\u003e\n      \u003cdiv class=\"image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eAdaptive Movement. Easy Workflow.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eTILVO is designed to adapt to the way you work with precise height, tilt, and forward adjustments. Every part of the TILVO is crafted to create a responsive standing desk that delivers a seamless and flexible workspace.\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\/tilvo-pdp-sect2-pic-1.png?v=1789100720\" alt=\"TILVO desk with chair\" width=\"900\" height=\"600\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 3: Precision In Every Position --\u003e\n  \u003cdiv class=\"mach-s3\"\u003e\n    \u003cdiv class=\"page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003ePrecision In Every Position\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eA workspace is not a one-size-fits-all.\u003cbr\u003eThat's why we designed one that moves with you.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s3__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect3-combine.jpg?v=1789101309\" alt=\"TILVO desk precision positioning\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 4: The Right Height --\u003e\n  \u003cdiv class=\"mach-s4\"\u003e\n    \u003cdiv class=\"page-width\"\u003e\n      \u003cdiv class=\"image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eThe right height. Everytime.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eSeamless 75-122 cm height adjustment allows you to transition between sitting and standing. Your desk will always feel right, no matter your posture.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s4__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect4-pic1.png?v=1789101692\" alt=\"TILVO height adjustment range\" width=\"860\" height=\"560\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 5: Refined Surface --\u003e\n  \u003cdiv class=\"mach-s5\"\u003e\n    \u003cdiv class=\"mach-s5__content page-width\"\u003e\n      \u003cimg class=\"mach-s5__main-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect5-pic1.png?v=1789102080\" alt=\"TILVO desk top-down view\" width=\"760\" height=\"720\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mach-s5__text image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eRefined surface\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eA premium dual-surface brings together smooth metallic elegance and a soft PU front section. Even when fully tilted, the dual surface keeps all of your equipment in one place and your workplace organized.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 6: Everything to support the workflow --\u003e\n  \u003cdiv class=\"mach-s6\"\u003e\n    \u003cdiv class=\"page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eEverything to\u003cbr\u003esupport the workflow\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eComes with a suite of integrated accessories to keep your \u003cbr class=\"d-none d-md-block\"\u003edesk performing well for you at every angle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tm-hexasync__media\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/lp-active-tech-Hexasync-mb.png?v=1789453668\"\u003e\n        \u003cimg class=\"tm-hexasync__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/lp-active-tech-Hexasync.png?v=1789359955\" alt=\"Hexasync — six points of contact\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--right\" data-point=\"head\" style=\"--x: 35%; --y: 36%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e01 - Head\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eNatural head placement\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--bottom-right\" data-point=\"eyes\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e02 - Eyes\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eProper eye level\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--below\" data-point=\"lumbar\" style=\"--x: 46%; --y: 53%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e03 - Lumbar\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eLower-back support\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point\" data-point=\"arms\" style=\"--x: 50%; --y: 51%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e04 - Arms\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eSupported elbows\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point\" data-point=\"hands\" style=\"--x: 55%; --y: 48%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e05 - Hands\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eNatural reach\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--below\" data-point=\"calves\" style=\"--x: 49%; --y: 58%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e06 - Calves\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eBalanced support\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cspan class=\"tm-hexasync__eye-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 7: USP Grid --\u003e\n  \u003cdiv class=\"mach-s7\"\u003e\n    \u003cdiv class=\"mach-s7__grid page-width image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-1.jpg?v=1789102346\" alt=\"Magnetic Cable Clips\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-2.jpg?v=1789102345\" alt=\"Magnetic Cable Organizers\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-3.jpg?v=1789102345\" alt=\"Lockable TILVO Casters and Underside Cable Tray\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-4-new.jpg?v=1789114786\" alt=\"Magnetic wrist rest\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 8: Control That Senses Everything --\u003e\n  \u003cdiv class=\"mach-s8\"\u003e\n    \u003cdiv class=\"page-width mach-s8__inner\"\u003e\n    \u003cdiv class=\"mach-s8__left\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-pic2mobile-new.png?v=1789537225\"\u003e\n        \u003cimg class=\"mach-s8__pic image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-pic2.png?v=1789109238\" alt=\"TILVO control panel close-up\" width=\"720\" height=\"600\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s8__right image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s8__content\"\u003e\n      \u003ch2 class=\"mach-s8__title\"\u003eControl That\u003cbr\u003eSenses Everything\u003c\/h2\u003e\n      \u003cul class=\"mach-s8__list\"\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e1.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eAnti-Collision\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eDetects. Stops. Protects.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e2.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eSmart Child Lock\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eLocks the controls from little hands.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e3.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eMemory Presets\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eRemembers your perfect height.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 9: Closing CTA --\u003e\n  \u003cdiv class=\"mach-s9\"\u003e\n    \u003cimg class=\"mach-s9__bg image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect9-pic1-mobile.jpg?v=1789375283\" alt=\"TILVO Active Tech Desk lifestyle\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s9__content page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eTILVO brings responsive \u003cbr\u003emovement to your workspace.\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eEquipped with smooth height, tilt, and forward adjustments, every part of the TILVO moves to meet your ever-changing posture and routine.\u003c\/p\u003e\n      \u003cdiv class=\"mach-s9__cta\"\u003e\n        \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n          \u003cinput type=\"hidden\" name=\"id\" value=\"49201113465049\"\u003e\n          \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBuy\u003c\/button\u003e\n        \u003c\/form\u003e\n        \u003ca href=\"\/en\/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\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/* ── Hexasync eye-line: pin its start to the Eyes dot's real rendered center ── *\/\n  (function () {\n    var media = document.querySelector('.tm-hexasync__media');\n    var eyeDot = media \u0026\u0026 media.querySelector('[data-point=\"eyes\"] .tm-hexasync__dot');\n    var eyeLine = media \u0026\u0026 media.querySelector('.tm-hexasync__eye-line');\n    var bgImg = media \u0026\u0026 media.querySelector('.tm-hexasync__bg');\n    if (!media || !eyeDot || !eyeLine) return;\n\n    function syncEyeLine() {\n      var mediaRect = media.getBoundingClientRect();\n      var dotRect = eyeDot.getBoundingClientRect();\n      var x = dotRect.left + dotRect.width \/ 2 - mediaRect.left;\n      var y = dotRect.top + dotRect.height \/ 2 - mediaRect.top;\n      eyeLine.style.left = x + 'px';\n      eyeLine.style.top = y + 'px';\n    }\n\n    syncEyeLine();\n    window.addEventListener('load', syncEyeLine);\n    window.addEventListener('resize', syncEyeLine);\n    if (document.fonts \u0026\u0026 document.fonts.ready) {\n      document.fonts.ready.then(syncEyeLine);\n    }\n\n    if (bgImg) {\n      if (bgImg.complete) {\n        syncEyeLine();\n      } else {\n        bgImg.addEventListener('load', syncEyeLine);\n      }\n    }\n\n    if ('IntersectionObserver' in window) {\n      var eyeLineObserver = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            setTimeout(syncEyeLine, 50);\n            setTimeout(syncEyeLine, 300);\n          }\n        });\n      });\n      eyeLineObserver.observe(media);\n    }\n\n    if ('ResizeObserver' in window) {\n      var eyeLineResizeObserver = new ResizeObserver(function () {\n        syncEyeLine();\n      });\n      eyeLineResizeObserver.observe(media);\n    }\n  })();\n\u003c\/script\u003e\n","brand":"TTRacing Thailand","offers":[{"title":"M (140 x 78 cm)","offer_id":49201113465049,"sku":"TTRTLVOACTDSK-001-OX","price":15899.0,"currency_code":"THB","in_stock":true},{"title":"L (160 x 78 cm)","offer_id":49201113497817,"sku":"TTRTLVOACTDSK-002-OX","price":16899.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/tilvo-onyx-M-2.png?v=1789461584"},{"product_id":"ttracing-tilvo-active-tech-desk-howlite","title":"TTRacing TILVO Active Tech Desk - Howlite","description":"\u003cstyle\u003e\n  .rte a:not(.btn):not(.mxp-btn-outline):after,\n  .rte-setting a:not(.btn):not(.mxp-btn-outline):after { all: unset; }\n\n  \/* ── Buttons ── *\/\n  .mxp-btn-shop:hover{background:transparent !important;border-color:rgba(255,255,255,0.53) !important;color:#fff !important;}\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{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\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  \/* ── Scroll Animations ── *\/\n  .image-animate-top { opacity: 0; }\n  .image-animate-top.animate { animation: fadeInTop 1s forwards; }\n  @keyframes fadeInTop {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ── Section 1: Hero ── *\/\n  .mach-s1 {\n    width: 100%;\n    aspect-ratio: 1920 \/ 1100;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect1-mainpic-1.jpg?v=1789100056');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .mach-s1__inner {\n    height: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n    padding-top: 4%;\n  }\n\n  .mach-s1__logo {\n    width: clamp(120px, 18%, 260px);\n    height: auto;\n  }\n\n  \/* ── Section 2: Adaptive Movement ── *\/\n  .mach-s2 {\n    width: 100%;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-bg.jpg?v=1789100719');\n    background-size: cover;\n    background-position: top 20% center;\n    text-align: center;\n  }\n\n  .mach-s2__content {\n    padding-top: 100px;\n  }\n\n  .mach-s2__title {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(30px, 6vw, 45px);\n    line-height: 1;\n    margin: 0 auto 16px;\n    width: max-content;\n    max-width: 100%;\n    letter-spacing: -1px;\n  }\n\n  .mach-s2__title--gradient {\n    background: linear-gradient(178deg, #6d6d6d 5%, #ffffff 20%, #ffffff 70%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s2__subtitle {\n    font-size: 15px !important;\n    color: #98969b;\n    margin: 0 auto 48px !important;\n    line-height: 1.6;\n    font-weight: 400 !important;\n    max-width: 560px;\n  }\n\n  .mach-s2__main-img {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* ── Section 3: Precision In Every Position ── *\/\n  .mach-s3 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s3__img {\n    width: 100%;\n    height: auto;\n    display: block;\n    margin-top: 48px;\n  }\n\n  \/* ── Section 4: The Right Height ── *\/\n  .mach-s4 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s4__img {\n    width: 100%;\n    max-width: 860px;\n    height: auto;\n    display: block;\n    margin: 48px auto 0;\n  }\n\n  \/* ── Section 5: Refined Surface ── *\/\n  .mach-s5 {\n    width: 100%;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect5-bg.jpg?v=1789102080');\n    background-size: cover;\n    background-position: center;\n    text-align: center;\n  }\n\n  .mach-s5__content {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n\n  .mach-s5__main-img {\n    width: 100%;\n    max-width: 1200px;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .mach-s5__text {\n    padding: 0 24px;\n  }\n\n  \/* ── Section 6: Everything to support the workflow ── *\/\n  .mach-s6 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s6 .mach-s2__subtitle {\n    margin-bottom: 0 !important;\n  }\n\n  .tm-hexasync__media {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    --eye-x: 39%;\n    --eye-y: 30%;\n  }\n\n  .tm-hexasync__media::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 32%);\n    pointer-events: none;\n  }\n\n  .tm-hexasync__bg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .tm-hexasync__point {\n    position: absolute;\n    left: var(--x);\n    top: var(--y);\n    z-index: 2;\n    transform: translate(-50%, -50%);\n    background: none;\n    border: none;\n    padding: 12px;\n    margin: -12px;\n    cursor: pointer;\n  }\n\n  .tm-hexasync__point[data-point='eyes'] {\n    left: var(--eye-x);\n    top: var(--eye-y);\n  }\n\n  .tm-hexasync__point:hover,\n  .tm-hexasync__point:focus-visible {\n    z-index: 10;\n  }\n\n  .tm-hexasync__point:focus-visible {\n    outline: 2px solid #87e7f8;\n    outline-offset: 4px;\n    border-radius: 50%;\n  }\n\n  .tm-hexasync__dot {\n    position: relative;\n    display: block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(135, 231, 248, 0.9);\n    box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85);\n    animation: tm-hex-pulse 1.8s ease-out infinite;\n  }\n\n  .tm-hexasync__dot::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border: 1px solid rgba(135, 231, 248, 0.5);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  @keyframes tm-hex-pulse {\n    0% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 0 rgba(135, 231, 248, 0.5); }\n    70% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 14px rgba(135, 231, 248, 0); }\n    100% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 0 rgba(135, 231, 248, 0); }\n  }\n\n  .tm-hexasync__point:hover .tm-hexasync__dot,\n  .tm-hexasync__point:focus-visible .tm-hexasync__dot {\n    animation-play-state: paused;\n    background: rgba(135, 231, 248, 0.85);\n    box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 4px rgba(135, 231, 248, 0.35);\n  }\n\n  .tm-hexasync__tooltip {\n    position: absolute;\n    left: 50%;\n    bottom: calc(100% + 14px);\n    transform: translate(-50%, 6px);\n    min-width: 150px;\n    max-width: 210px;\n    background: rgba(10, 14, 22, 0.92);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 0.6rem 0.85rem;\n    text-align: left;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .tm-hexasync__point:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point:focus-visible .tm-hexasync__tooltip {\n    opacity: 1;\n    visibility: visible;\n    transform: translate(-50%, 0);\n  }\n\n  .tm-hexasync__tooltip-title {\n    display: block;\n    font-size: 0.8rem;\n    font-family: 'gotham-medium';\n    color: #fff;\n    margin: 0 0 0.2rem;\n  }\n\n  .tm-hexasync__tooltip-desc {\n    display: block;\n    font-size: 0.78rem;\n    font-family: 'gotham-book';\n    color: #c7c7c7;\n    line-height: 1.3;\n  }\n\n  .tm-hexasync__point--below .tm-hexasync__tooltip {\n    bottom: auto;\n    top: calc(100% + 14px);\n    transform: translate(-50%, -6px);\n  }\n\n  .tm-hexasync__point--below:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--below:focus-visible .tm-hexasync__tooltip {\n    transform: translate(-50%, 0);\n  }\n\n  .tm-hexasync__point--left .tm-hexasync__tooltip {\n    left: auto;\n    right: calc(100% + 14px);\n    bottom: auto;\n    top: 50%;\n    transform: translate(6px, -50%);\n  }\n\n  .tm-hexasync__point--left:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--left:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, -50%);\n  }\n\n  .tm-hexasync__point--right .tm-hexasync__tooltip {\n    left: calc(100% + 14px);\n    right: auto;\n    bottom: auto;\n    top: 50%;\n    transform: translate(-6px, -50%);\n  }\n\n  .tm-hexasync__point--right:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--right:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, -50%);\n  }\n\n  .tm-hexasync__point--bottom-right .tm-hexasync__tooltip {\n    left: calc(90%);\n    bottom: auto;\n    top: calc(100% + 8px);\n    transform: translate(0, -6px);\n  }\n\n  .tm-hexasync__point--bottom-right:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--bottom-right:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, 0);\n  }\n\n  .tm-hexasync__eye-line {\n    position: absolute;\n    left: var(--eye-x);\n    top: var(--eye-y);\n    transform: translateY(-50%);\n    width: 0;\n    height: 1px;\n    background-image: repeating-linear-gradient(\n      to right,\n      rgba(135, 231, 248, 0.85) 0,\n      rgba(135, 231, 248, 0.85) 4px,\n      transparent 4px,\n      transparent 8px\n    );\n    overflow: hidden;\n    opacity: 0;\n    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 100%);\n    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 100%);\n    transition: width 0.7s ease, opacity 0.4s ease;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .tm-hexasync__point[data-point='eyes']:hover ~ .tm-hexasync__eye-line,\n  .tm-hexasync__point[data-point='eyes']:focus-visible ~ .tm-hexasync__eye-line {\n    width: min(23%, 50%);\n    opacity: 1;\n    transition: width 0.7s ease, opacity 0.3s ease;\n  }\n\n  @media (max-width: 768px) {\n    .tm-hexasync__dot { width: 6px; height: 6px; }\n    .tm-hexasync__tooltip { min-width: 100px; max-width: 130px; padding: 0.4rem 0.55rem; }\n    .tm-hexasync__tooltip-title { font-size: 0.8rem; }\n    .tm-hexasync__tooltip-desc { font-size: 0.7rem; line-height: 1.2; }\n    .tm-hexasync__point[data-point='head'] { --x: 17% !important; --y: 38% !important; }\n    .tm-hexasync__point[data-point='lumbar'] { --x: 40% !important; --y: 55% !important; }\n    .tm-hexasync__point[data-point='arms'] { --x: 46% !important; --y: 51% !important; }\n    .tm-hexasync__point[data-point='hands'] { --x: 55% !important; --y: 48% !important; }\n    .tm-hexasync__point[data-point='calves'] { --x: 45% !important; --y: 59% !important; }\n    .tm-hexasync__media { --eye-x: 25%; --eye-y: 31%; }\n    .tm-hexasync__point[data-point='eyes']:hover ~ .tm-hexasync__eye-line,\n    .tm-hexasync__point[data-point='eyes']:focus-visible ~ .tm-hexasync__eye-line {\n      width: min(50%, 60%);\n    }\n  }\n\n  \/* ── Section 7: USP Grid ── *\/\n  .mach-s7 {\n    width: 100%;\n    background: #000;\n  }\n\n  @media (min-width: 641px) {\n    .mach-s7 {\n      padding-bottom: 200px;\n    }\n  }\n\n  .mach-s7__grid {\n    display: grid;\n    grid-template-columns: 675fr 611fr;\n    gap: 8px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .mach-s7__col {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .mach-s7__img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;\n  }\n\n  @media (max-width: 640px) {\n    .mach-s7 {\n      padding-bottom: 80px;\n    }\n\n    .mach-s7__grid {\n      grid-template-columns: 1fr;\n      height: auto;\n    }\n\n    .mach-s7__img {\n      flex: none !important;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  \/* ── Section 8: Control That Senses Everything ── *\/\n  .mach-s8 {\n    width: 100%;\n    position: relative;\n    min-height: clamp(500px, 55vw, 700px);\n    display: flex;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-bg.jpg?v=1789102779');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .mach-s8__inner {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  .mach-s8__left {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 50%;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n  }\n\n  .mach-s8__pic {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: bottom;\n    display: block;\n  }\n\n  @media (min-width: 1537px) {\n    .mach-s8__pic {\n      width: 80%;\n    }\n  }\n\n  .mach-s8__right {\n    width: 50%;\n    padding: 48px 48px 48px 40px;\n    position: relative;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-end;\n  }\n\n  .mach-s8__content {\n    width: 90%;\n  }\n\n  .mach-s8__right::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to left, rgba(0, 0, 0, 0.88) 30%, transparent 100%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .mach-s8__right \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .mach-s8__title {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(26px, 3.5vw, 42px);\n    line-height: 1.1;\n    margin-bottom: 32px;\n    letter-spacing: -1px;\n    background: linear-gradient(178deg, #6d6d6d 5%, #ffffff 20%, #ffffff 70%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__list {\n    list-style: none;\n    margin-left: 0px;\n  }\n\n  .mach-s8__item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px 0;\n  }\n\n  .mach-s8__item + .mach-s8__item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 0.5px;\n    max-width: 360px;\n    background: rgba(255, 255, 255, 0.3);\n  }\n\n  .mach-s8__num {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(38px, 4vw, 45px);\n    line-height: 1;\n    flex-shrink: 0;\n    width: 60px;\n    padding-left: 10px;\n    background: linear-gradient(to bottom, #1d262b 0%, #90e4f1 15%, #90e4f1 50%, #1d262b 84%, #000000 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__item-body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .mach-s8__item-title {\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.3;\n    background: linear-gradient(to bottom, #6d6d6d 0%, #ffffff 5%, #ffffff 95%, #6d6d6d 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__item-sub {\n    font-size: 13px;\n    color: #98969b;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 768px) {\n    .mach-s8__inner {\n      flex-direction: column;\n      justify-content: flex-start;\n      min-height: 0;\n    }\n\n    .mach-s8__left {\n      position: static;\n      width: 100%;\n      height: auto;\n      order: 2;\n    }\n\n    .mach-s8__pic {\n      height: auto;\n      object-fit: initial;\n    }\n\n    .mach-s8__inner {\n      padding: 0;\n    }\n\n    .mach-s8__right {\n      width: 100%;\n      order: 1;\n      padding: 32px 17px;\n    }\n\n    .mach-s8__content {\n      width: 100%;\n    }\n\n    .mach-s8__num {\n      width: 50px;\n    }\n\n    .mach-s8__right::before {\n      background: linear-gradient(to bottom, rgba(0, 5, 20, 0.88) 0%, transparent 100%);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .mach-s2 {\n      background: #000;\n      position: relative;\n    }\n    .mach-s2::before {\n      content: '';\n      position: absolute;\n      top: 32%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-bg.jpg?v=1789100719');\n      background-size: cover;\n      background-position: top center;\n      z-index: 0;\n    }\n    .mach-s2 \u003e * {\n      position: relative;\n      z-index: 1;\n    }\n    .mach-s2__content {\n      padding-top: 60px;\n    }\n    .mach-s9__content {\n      margin-top: 0;\n    }\n    .mach-s9__content .mach-s2__subtitle {\n      margin: 0 auto 24px !important;\n    }\n    .mach-s2__subtitle {\n      font-size: 13px !important;\n    }\n    .mach-s5__text { padding-top: 20px; }\n  }\n\n  \/* ── Section 9: Closing CTA ── *\/\n  .mach-s9 {\n    width: 100%;\n    background: #000;\n    padding-top: 100px;\n    padding-bottom: 100px;\n    text-align: center;\n  }\n\n  .mach-s9__bg {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .mach-s9__content {\n    width: 100%;\n    padding: 0 24px;\n    position: relative;\n    z-index: 1;\n    margin-top: -8%;\n  }\n  @media (max-width: 768px) {\n    .mach-s9__content { margin-top: 0; }\n  }\n\n  .mach-s9__content .mach-s2__title {\n    font-size: clamp(22px, 4vw, 35px);\n    margin-bottom: 10px;\n  }\n\n  .mach-s9__content .mach-s2__subtitle {\n    margin: 0 auto 42px !important;\n  }\n\n  .mach-s9__cta {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .mach-s9__cta form {\n    margin: 0;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"mach-pdp\"\u003e\n\n  \u003c!-- Section 1: Hero --\u003e\n  \u003cdiv class=\"mach-s1\"\u003e\n    \u003cdiv class=\"page-width mach-s1__inner\"\u003e\n      \u003cimg class=\"mach-s1__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect1-mainpic-logo.png?v=1789100056\" alt=\"TILVO logo\" width=\"260\" height=\"100\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 2: Adaptive Movement --\u003e\n  \u003cdiv class=\"mach-s2\"\u003e\n    \u003cdiv class=\"mach-s2__content page-width\"\u003e\n      \u003cdiv class=\"image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eAdaptive Movement. Easy Workflow.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eTILVO is designed to adapt to the way you work with precise height, tilt, and forward adjustments. Every part of the TILVO is crafted to create a responsive standing desk that delivers a seamless and flexible workspace.\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\/tilvo-pdp-sect2-pic-1.png?v=1789100720\" alt=\"TILVO desk with chair\" width=\"900\" height=\"600\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 3: Precision In Every Position --\u003e\n  \u003cdiv class=\"mach-s3\"\u003e\n    \u003cdiv class=\"page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003ePrecision In Every Position\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eA workspace is not a one-size-fits-all.\u003cbr\u003eThat's why we designed one that moves with you.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s3__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect3-combine.jpg?v=1789101309\" alt=\"TILVO desk precision positioning\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 4: The Right Height --\u003e\n  \u003cdiv class=\"mach-s4\"\u003e\n    \u003cdiv class=\"page-width\"\u003e\n      \u003cdiv class=\"image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eThe right height. Everytime.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eSeamless 75-122 cm height adjustment allows you to transition between sitting and standing. Your desk will always feel right, no matter your posture.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s4__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect4-pic1.png?v=1789101692\" alt=\"TILVO height adjustment range\" width=\"860\" height=\"560\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 5: Refined Surface --\u003e\n  \u003cdiv class=\"mach-s5\"\u003e\n    \u003cdiv class=\"mach-s5__content page-width\"\u003e\n      \u003cimg class=\"mach-s5__main-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect5-pic1.png?v=1789102080\" alt=\"TILVO desk top-down view\" width=\"760\" height=\"720\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mach-s5__text image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eRefined surface\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eA premium dual-surface brings together smooth metallic elegance and a soft PU front section. Even when fully tilted, the dual surface keeps all of your equipment in one place and your workplace organized.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 6: Everything to support the workflow --\u003e\n  \u003cdiv class=\"mach-s6\"\u003e\n    \u003cdiv class=\"page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eEverything to\u003cbr\u003esupport the workflow\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eComes with a suite of integrated accessories to keep your \u003cbr class=\"d-none d-md-block\"\u003edesk performing well for you at every angle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tm-hexasync__media\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/lp-active-tech-Hexasync-mb.png?v=1789453668\"\u003e\n        \u003cimg class=\"tm-hexasync__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/lp-active-tech-Hexasync.png?v=1789359955\" alt=\"Hexasync — six points of contact\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--right\" data-point=\"head\" style=\"--x: 35%; --y: 36%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e01 - Head\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eNatural head placement\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--bottom-right\" data-point=\"eyes\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e02 - Eyes\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eProper eye level\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--below\" data-point=\"lumbar\" style=\"--x: 46%; --y: 53%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e03 - Lumbar\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eLower-back support\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point\" data-point=\"arms\" style=\"--x: 50%; --y: 51%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e04 - Arms\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eSupported elbows\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point\" data-point=\"hands\" style=\"--x: 55%; --y: 48%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e05 - Hands\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eNatural reach\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--below\" data-point=\"calves\" style=\"--x: 49%; --y: 58%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e06 - Calves\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eBalanced support\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cspan class=\"tm-hexasync__eye-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 7: USP Grid --\u003e\n  \u003cdiv class=\"mach-s7\"\u003e\n    \u003cdiv class=\"mach-s7__grid page-width image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-1.jpg?v=1789102346\" alt=\"Magnetic Cable Clips\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-2.jpg?v=1789102345\" alt=\"Magnetic Cable Organizers\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-3.jpg?v=1789102345\" alt=\"Lockable TILVO Casters and Underside Cable Tray\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-4-new.jpg?v=1789114786\" alt=\"Magnetic wrist rest\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 8: Control That Senses Everything --\u003e\n  \u003cdiv class=\"mach-s8\"\u003e\n    \u003cdiv class=\"page-width mach-s8__inner\"\u003e\n    \u003cdiv class=\"mach-s8__left\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-pic2mobile-new.png?v=1789537225\"\u003e\n        \u003cimg class=\"mach-s8__pic image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-pic2.png?v=1789109238\" alt=\"TILVO control panel close-up\" width=\"720\" height=\"600\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s8__right image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s8__content\"\u003e\n      \u003ch2 class=\"mach-s8__title\"\u003eControl That\u003cbr\u003eSenses Everything\u003c\/h2\u003e\n      \u003cul class=\"mach-s8__list\"\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e1.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eAnti-Collision\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eDetects. Stops. Protects.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e2.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eSmart Child Lock\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eLocks the controls from little hands.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e3.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eMemory Presets\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eRemembers your perfect height.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 9: Closing CTA --\u003e\n  \u003cdiv class=\"mach-s9\"\u003e\n    \u003cimg class=\"mach-s9__bg image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect9-pic1-mobile.jpg?v=1789375283\" alt=\"TILVO Active Tech Desk lifestyle\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s9__content page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eTILVO brings responsive \u003cbr\u003emovement to your workspace.\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eEquipped with smooth height, tilt, and forward adjustments, every part of the TILVO moves to meet your ever-changing posture and routine.\u003c\/p\u003e\n      \u003cdiv class=\"mach-s9__cta\"\u003e\n        \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n          \u003cinput type=\"hidden\" name=\"id\" value=\"49201192698073\"\u003e\n          \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBuy\u003c\/button\u003e\n        \u003c\/form\u003e\n        \u003ca href=\"\/en\/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\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/* ── Hexasync eye-line: pin its start to the Eyes dot's real rendered center ── *\/\n  (function () {\n    var media = document.querySelector('.tm-hexasync__media');\n    var eyeDot = media \u0026\u0026 media.querySelector('[data-point=\"eyes\"] .tm-hexasync__dot');\n    var eyeLine = media \u0026\u0026 media.querySelector('.tm-hexasync__eye-line');\n    var bgImg = media \u0026\u0026 media.querySelector('.tm-hexasync__bg');\n    if (!media || !eyeDot || !eyeLine) return;\n\n    function syncEyeLine() {\n      var mediaRect = media.getBoundingClientRect();\n      var dotRect = eyeDot.getBoundingClientRect();\n      var x = dotRect.left + dotRect.width \/ 2 - mediaRect.left;\n      var y = dotRect.top + dotRect.height \/ 2 - mediaRect.top;\n      eyeLine.style.left = x + 'px';\n      eyeLine.style.top = y + 'px';\n    }\n\n    syncEyeLine();\n    window.addEventListener('load', syncEyeLine);\n    window.addEventListener('resize', syncEyeLine);\n    if (document.fonts \u0026\u0026 document.fonts.ready) {\n      document.fonts.ready.then(syncEyeLine);\n    }\n\n    if (bgImg) {\n      if (bgImg.complete) {\n        syncEyeLine();\n      } else {\n        bgImg.addEventListener('load', syncEyeLine);\n      }\n    }\n\n    if ('IntersectionObserver' in window) {\n      var eyeLineObserver = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            setTimeout(syncEyeLine, 50);\n            setTimeout(syncEyeLine, 300);\n          }\n        });\n      });\n      eyeLineObserver.observe(media);\n    }\n\n    if ('ResizeObserver' in window) {\n      var eyeLineResizeObserver = new ResizeObserver(function () {\n        syncEyeLine();\n      });\n      eyeLineResizeObserver.observe(media);\n    }\n  })();\n\u003c\/script\u003e\n","brand":"TTRacing Thailand","offers":[{"title":"M (140 x 78 cm)","offer_id":49201192698073,"sku":"TTRTLVOACTDSK-001-HW","price":15899.0,"currency_code":"THB","in_stock":true},{"title":"L (160 x 78 cm)","offer_id":49201192730841,"sku":"TTRTLVOACTDSK-002-HW","price":16899.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/0015\/8937\/files\/tilvo-howlite-M-2.png?v=1789461604"}],"url":"https:\/\/ttracing.co.th\/en\/collections\/active-tech.oembed","provider":"TTRacing Thailand","version":"1.0","type":"link"}