{"title":"New Arrival","description":"","products":[{"product_id":"ttracing-tacto-portable-standing-desk-onyx","title":"TTRacing TACTO Portable Standing Desk - Onyx","description":"  \u003cstyle\u003e\n    \/*header*\/\n    .hero-banner {\n      position: relative;\n      width: 100%;\n      min-height: 1075px;\n      background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Header.png?v=1768445490');\n      background-size: cover;\n      background-position: center bottom;\n      background-repeat: no-repeat;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 40px;\n      box-sizing: border-box;\n    }\n\n    \/* Center tagline *\/\n    .hero-center-text {\n      text-align: left;\n      color: #ffffff;\n      font-size: 30px;\n      font-weight: 400;\n      line-height: 1.2;\n      top: 44%;\n      position: absolute;\n      right: 12%;\n      \n    }\n\n    .hero-center-text strong {\n      font-weight: 700;\n      font-size: 32px;\n    }\n\n    \/* Bottom-left branding *\/\n    .hero-brand {\n      position: absolute;\n      left: 40px;\n      bottom: 60px;\n      text-align: right;\n      color: #ffffff;\n    }\n\n    .hero-logo {\n      max-width: 320px;\n      display: block;\n      margin-left: auto;\n    }\n\n    .hero-subtext {\n      display: block;\n      margin-top: 6px;\n      font-size: 29px;\n      letter-spacing: 0.01em;\n      opacity: 0.85;\n      text-align: center;\n    }\n\n    \/* Mobile adjustments *\/\n    @media (max-width: 768px) {\n      .hero-banner {\n        min-height: 70vh;\n        padding: 24px;\n      }\n\n      .hero-logo {\n        max-width: 200px;\n      }\n\n      .hero-subtext {\n        font-size: 18px;\n      }\n    }\n\n    @media (max-width: 468px) {\n      .hero-center-text {\n        font-size: 20px;\n        margin-left: 0px;\n      }\n\n      .hero-banner {\n        justify-content: left;\n      }\n    }\n    \/*first section*\/\n    .colour-section {\n      max-width: 1000px;\n      margin: auto;\n      padding: 80px 24px;\n      text-align: center;\n    }\n\n    .section-title {\n      font-size: 30px;\n      letter-spacing: 0.01em;\n      margin-bottom: 40px;\n      color: #8a4f15;\n    }\n\n    .colour-layout {\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 40px;\n      align-items: center;\n    }\n\n    .image-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 35px;\n    }\n\n    .image-grid img {\n      width: 100%;\n      height: auto;\n      border-radius: 16px;\n      display: block;\n    }\n\n    .colour-selector {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .colour-dot {\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n    .colour-dot:hover {\n      border-color: #b5b5b5;\n    }\n\n    .colour-dot.active {\n      outline: 2px solid #000 !important;\n      outline-offset: 4px;\n    }\n\n    .colour-name {\n      margin: 35px 0;\n      font-size: 30px;\n      letter-spacing: 0.01em;\n      color: #8a4f15;\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .colour-layout {\n        grid-template-columns: 1fr;\n      }\n\n      .colour-selector {\n        flex-direction: row;\n        justify-content: center;\n      }\n\n      .section-title,\n      .colour-name {\n        font-size: 25px;\n      }\n    }\n\n    \/*second section*\/\n    .text-content {\n      text-align: center;\n      padding-bottom: 50px;\n      padding-top: 100px;\n    }\n\n    .usp-section .text-content{\n      padding-top:0;\n    }\n\n    .sub-header {\n      margin-top: 10px;\n      font-size: 30px;\n      color: #8a4f15;\n      letter-spacing: 0.01em;\n      margin-bottom: 0 !important;\n    }\n\n    .description {\n      max-width: 800px;\n      margin: 5px auto 0;\n      color: #8a4f15;\n    }\n\n    .image-wrapper {\n      width: 100%;\n    }\n\n    .image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 0;\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .text-image-section {\n        padding: 56px 16px;\n      }\n\n      .sub-header {\n        font-size: 22px;\n      }\n\n      .image-grid {\n        gap: 20px;\n      }\n    }\n\n    .sec-section,\n    .work-without-limit {\n      padding-bottom: 100px;\n    }\n\n    .sec-section.last-sec{\n        padding-bottom: 80px;\n    }\n\n    \/*usp*\/\n    .usp-section .text-content {\n      padding-bottom: 20px;\n    }\n    .product-slideshow-description{\n      overflow: hidden;\n    }\n    .tacto-product-slideshow-description .slick-next-btn,\n    .tacto-product-slideshow-description .slick-prev-btn {\n      background: #855100 !important;\n    }\n    .tacto-product-slideshow-description .slick-next-btn:hover,\n    .tacto-product-slideshow-description .slick-prev-btn:hover {\n      background: #b8956f !important;\n    }\n    .tacto-product-slideshow-description .slick-prev-btn.slick-arrow,\n    .tacto-product-slideshow-description .slick-next-btn.slick-arrow {\n      width: 40px !important;\n      height: 40px !important;\n      font-size: 20px !important;\n    }\n    @media (min-width: 1000px) {\n      .tacto-product-slideshow-description \u003e .slick-list \u003e .slick-track \u003e .slick-slide {\n        margin: 20px 80px 10px;\n      }\n      .tacto-product-slideshow-description .slick-next-btn {\n        right: 23% !important;\n      }\n      .tacto-product-slideshow-description .slick-prev-btn {\n        left: 23% !important;\n      }\n    }\n\n    .slide-title {\n      font-size: 25px;\n      color: #8a4f15;\n      letter-spacing: 0.01em;\n      margin-bottom: 0px !important;\n    }\n\n    .slide-desc {\n      color: #8b5a1e;\n      opacity: 0.85;\n    }\n\n    @media (max-width: 768px) {\n      .slide-title {\n        font-size: 20px;\n      }\n    }\n\n    \/*work without limit section*\/\n    .work-without-limit{\n      background: linear-gradient(\n        to bottom,\n        #fff 0%,\n        #fff 40%,\n        #fff6ed 100%\n      );\n    }\n\n    .work-without-limit .text-content{\n      padding-top: 0;\n    }\n\n    .desktop-break{\n      display: block;\n    }\n\n    .mobile-break{\n      display: inline;\n    }\n\n    .feature-section {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      grid-auto-rows: auto;\n      column-gap: 35px;\n      max-width: 1000px;\n    }\n\n    .feature-section h3{\n      font-family: 'gotham-medium';\n      color: #8b5a1e;\n      font-size: 20px;\n      margin-top: 25px;\n      margin-bottom: 10px;\n      line-height: 1.1;\n    }\n\n    .feature-section p{\n      font-family: 'gotham-book';\n      color: #8b5a1e;\n      font-size: 15px;\n      text-align: left;\n    }\n\n    \/* Flexible design *\/\n    .long-bg-pc{\n      display: block;\n    }\n\n    .long-bg-mb{\n      display:none !important;\n    }\n\n    .sec-section .inner-image{\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100%;\n      border-radius: 18px;\n      overflow: hidden;\n      max-width: 1000px;\n    }\n\n    .inner-image img{\n      border-radius: 18px;\n    }\n\n    .load-capacity{\n      text-align: center;\n      position: absolute;\n      color: #fff;\n      top: 34%;\n      left: 32%;\n    }\n\n    .load-capacity p{\n      margin: 0;\n      font-size: 17px;\n    }\n\n    .load-capacity h2{\n      margin: 0;\n      font-family: 'gotham-black';\n      font-weight: bold;\n      font-size: 50px;\n    }\n\n    \/*fits every space section*\/\n    .fits-every-space{\n      padding-bottom: 80px;\n      max-width: 1000px;\n    }\n\n    .fits-every-space .content {\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .fits-every-space h2 {\n      font-size: 28px;\n      font-weight: 700;\n      letter-spacing: 0.01em;\n      color: #8b5a1e;\n      margin-bottom: 12px;\n    }\n\n    .fits-every-space p {\n      max-width: 500px;\n      margin: 0 auto 48px;\n      color: #8b5a1e;\n    }\n\n    .fits-every-space .image-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 60px;\n    }\n\n    .image-card {\n      overflow: hidden;\n      border-radius: 18px;\n    }\n\n    .image-card img {\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n      display: block;\n    }\n\n    .image-card.special{\n      margin-top:60px;\n    }\n\n    .image-card h3{\n      font-family: 'gotham-black';\n      color: #8b5a1e;\n      font-size: 20px;\n      margin-top: 35px !important;\n      margin-bottom: 5px;\n      line-height: 1.1;\n    }\n\n    \/* Why Tacto section*\/\n    .lp.grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 40px 32px;\n      margin: 0px;\n    }\n\n    .card {\n      border: 0px;\n      border-radius: 0px;\n    }\n\n    .card h4 {\n      margin: 14px 0px 0px;\n      font-size: 20px;\n      font-weight: 700;\n      color: #8b5a1e;\n      letter-spacing: 0.01em;\n    }\n\n    .card p {\n      margin-top: 4px;\n      color: #8b5a1e;\n    }\n\n    .image-wrap {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n    }\n\n    .image-wrap img {\n      width: 100%;\n      display: block;\n      border-radius: 16px;\n    }\n\n    \/* Grayscale for negative *\/\n    .card.negative img {\n      filter: grayscale(100%);\n    }\n\n    \/* Badge *\/\n    .badge {\n      position: absolute;\n      top: 12px;\n      left: 12px;\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      font-size: 18px;\n      font-weight: bold;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n    }\n\n    .badge.check {\n      background: #2ecc71;\n    }\n\n    .badge.cross {\n      background: #e74c3c;\n    }\n\n    \/* Compact Design *\/\n    .compact-design{\n      background: linear-gradient(to top, #fff 0%, #fff 50%, #fff6ed 100%);\n      padding: 80px 0;\n    }\n\n    .compact-design .page-width{\n      position: relative;\n      max-width: 1000px;\n    }\n\n    .compact-design .sub-header{\n      position: absolute;\n      top:0;\n      right:0;\n      padding-right: 130px;\n    }\n\n    .compact-design p{\n      font-family: 'gotham-book';\n      font-weight: 400;\n      color: #8b5a1e;\n    }\n\n    .compact-content{\n      display:flex;\n      justify-content: space-between;\n      padding: 30px;\n      gap: 50px;\n    }\n\n    .compact-content p{\n      font-family: 'gotham-book';\n      font-weight: 400;\n      color: #8b5a1e;;\n      text-align: left;\n    }\n\n    .compact-content .box2{\n      padding-top: 100px;\n    }\n\n    .compact-content img{\n      border-radius: 18px;\n      margin-bottom: 20px;\n    }\n\n    \/*Tacto last hero section*\/\n    .tacto-hero {\n      position: relative;\n      width: 100%;\n      min-height: 520px;\n      background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_LP_Last.png?v=1768376983'); \/* your image *\/\n      background-size: cover;\n      background-position: left center;\n      background-repeat: no-repeat;\n    }\n\n    \/* Right-side beige overlay *\/\n    .hero-overlay {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: flex-end;\n      background: linear-gradient(to right, rgba(255, 255, 255, 0) 45%, #fff1df 70%);\n    }\n\n    .tacto-hero-mb{\n        display: none;\n    }\n\n    \/* Text container *\/\n    .hero-content {\n      max-width: 40%;\n      padding: 80px 64px;\n      text-align: center;\n      color: #8b5a1e;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .brand {\n      font-size: 48px;\n      font-weight: 800;\n      letter-spacing: 0.01em;\n      margin: 0;\n    }\n\n    .subtitle {\n      font-size: 20px !important;\n      margin: 8px 0 24px;\n      letter-spacing: 0.01em;\n    }\n\n    .description-last-hero {\n      margin-bottom: 32px;\n      font-size: 16px;\n    }\n\n    \/* CTA *\/\n    .cta-btn {\n      display: inline-block;\n      background: #8b5a1e;\n      color: #fff !important;\n      padding: 8px 20px;\n      border-radius: 24px;\n      letter-spacing: 0.01em;\n      font-size: 16px;\n      text-decoration: none;\n      transition: background 0.25s ease;\n      width: fit-content;\n      border-bottom: 0px !important;\n    }\n\n    .cta-btn:hover {\n      background: #8b5a1ea3;\n      color: #fff;\n    }\n    .hero-logo-last {\n      display: block;\n      width: 250px;\n      height: auto;\n      margin: 0 auto;\n    }\n    @media (max-width: 768px) {\n      .tacto-hero {\n        min-height: 480px;\n        background-position: center;\n      }\n\n      .brand {\n        font-size: 36px;\n      }\n\n      .why-tacto h2 {\n        font-size: 25px;\n      }\n\n      .card h4 {\n        font-size: 16px;\n        letter-spacing: 0.01em;\n      }\n\n      .lp.grid {\n        gap: 20px;\n      }\n    }\n\n    .tacto-lp-page .section-title,\n    .tacto-lp-page .colour-name,\n    .tacto-lp-page .slide-title,\n    .tacto-lp-page .why-tacto h2,\n    .card h4,\n    .compact-design .sub-header{\n      font-family: 'gotham-black' !important;\n      font-weight: normal !important;\n      line-height: 1.2;\n    }\n\n    .tacto-lp-page .sec-section,\n    .subtitle,\n    .cta-btn,\n    .sub-header {\n      font-family: 'gotham-medium' !important;\n    }\n\n    .tacto-lp-page p {\n      font-family: 'gotham-book';\n      font-weight: 400;\n    }\n\n    .image-animate-top {\n      opacity: 0;\n    }\n\n    .image-animate-top.animate {\n      animation: fadeInTop 2s forwards;\n    }\n    @keyframes fadeInTop {\n      from {\n        opacity: 0;\n        transform: translateY(50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @media (max-width: 1567px){\n      .hero-banner{\n        min-height: 860px;\n      }\n      .hero-center-text{\n        right: 9%;\n      }\n    }\n\n    @media (max-width: 1367px){\n      .hero-banner{\n        min-height: 770px;\n      }\n      .hero-center-text{\n        right: 8%;\n      }\n    }\n\n    @media (max-width: 1281px){\n      .hero-banner{\n        min-height: 90vh;\n      }\n    }\n\n    @media (max-width: 1025px){\n      .hero-banner{\n        min-height: 575px;\n      }\n      .hero-brand{\n        bottom: 40px;\n      }\n      .hero-center-text{\n        font-size: 25px;\n        right: 5%;\n      }\n      .hero-center-text strong{\n        font-size: 28px;\n      }\n      .load-capacity p{\n        font-size: 18px;\n      }\n      .load-capacity h2{\n        font-size: 50px;\n      }\n      .compact-design .sub-header{\n        font-size: 32px;\n      }\n      .tacto-hero{\n        background-position: left 18% center;\n      }\n      .hero-overlay{\n        background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, #fff1df 68%);\n      }\n      .long-bg-pc{\n        display: none !important;\n      }\n      .long-bg-mb{\n        display:block !important;\n      }\n    }\n    @media (max-width: 821px){\n      .hero-banner{\n        min-height: 460px;\n      }\n      .hero-center-text{\n        top: 43%;\n        font-size: 20px;\n      }\n      .hero-center-text strong{\n        font-size: 22px;\n      }\n      .load-capacity h2{\n        font-size: 40px;\n      }\n      .load-capacity p{\n        font-size: 15px;\n      }\n      .compact-content{\n        padding: 35px 0;\n      }\n      .compact-content .box2{\n        padding-top: 60px;\n      }\n      .compact-design .sub-header{\n        padding-right: 100px;\n      }\n      .compact-design .sub-header{\n        font-size: 28px;\n      }\n      .tacto-hero{\n        min-height: 360px;\n      }\n      .hero-content{\n        padding: 20px 25px 20px 0;\n      }\n      .mobile-break{\n        display: block;\n      }\n    }\n    @media (max-width: 769px){\n      .hero-overlay {\n        justify-content: center;\n        background: rgba(255, 241, 223, 0.95);\n      }\n      .hero-content {\n        padding: 48px 24px;\n        text-align: center;\n        max-width: 100%;\n      }\n      .compact-design .sub-header{\n        padding-right: 17px;\n        font-size:30px;\n      }\n      .hero-banner{\n        min-height: 435px;\n      }\n      .fits-every-space .image-grid{\n        gap: 40px;\n      }\n      .tacto-hero{\n        background-image: none;\n      }\n      .tacto-hero-mb{\n        display: block;\n      }\n    }\n    @media (max-width: 460px){\n      .sec-section, .usp-section, .work-without-limit, .fits-every-space{\n        padding-bottom: 50px;\n      }\n      .hero-brand{\n        right: 15px;\n        bottom: 20px;\n        left: auto;\n      }\n      .hero-banner{\n        background-position: right center;\n      }\n      .hero-center-text{\n        font-size: 16px;\n        right:13%;\n      }\n      .hero-center-text strong{\n        font-size: 18px;\n      }\n      .hero-logo{\n        max-width: 160px;\n      }\n      .hero-subtext{\n        font-size: 14px;\n      }\n      .text-content{\n        padding-top: 50px;\n      }\n      .slide-caption{\n        margin-top: 15px !important;\n      }\n      .feature-section{\n        grid-template-columns: 1fr;;\n      }\n      .feature-section \u003e :nth-child(1) { order: 1; }\n      .feature-section \u003e :nth-child(4) { order: 2; }\n      .feature-section \u003e :nth-child(7) { order: 3; }\n      .feature-section \u003e :nth-child(2) { order: 4; }\n      .feature-section \u003e :nth-child(5) { order: 5; }\n      .feature-section \u003e :nth-child(8) { order: 6; }\n      .feature-section \u003e :nth-child(3) { order: 7; }\n      .feature-section \u003e :nth-child(6) { order: 8; }\n      .feature-section \u003e :nth-child(9) { order: 9; }\n      .sec-section .inner-image{\n        position: unset;\n        transform: translateY(-180px);\n        margin-bottom: -200px;\n      }\n      .inner-image img{\n        height: 312px;\n        object-fit: cover;\n      }\n      .feature-section h3{\n        font-size: 18px;\n        margin-top: 20px;\n        margin-bottom: 5px;\n      }\n      .feature-section p{\n        font-size: 13px;\n        margin-bottom: 25px;\n      }\n      .fits-every-space .image-grid{\n        gap: 20px;\n      }\n      .load-capacity p{\n        font-size: 11px;\n      }\n      .load-capacity h2{\n        font-size: 30px;\n      }\n      .load-capacity{\n        top: 34%;\n        left: 18%;\n      }\n      .image-card h3{\n        font-size: 15px;\n        margin-top: 20px !important;\n      }\n      .fits-every-space p{\n        line-height: 1.1;\n      }\n      .image-card.special{\n        margin-top: 35px;\n      }\n      .compact-design{\n        padding: 50px 0;\n      }\n      .compact-design .page-width{\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n      }\n      .compact-design .sub-header{\n        font-size: 22px;\n        padding-right: 0;\n        position: unset;\n      }\n      .compact-content{\n        gap: 18px;\n        padding: 40px 0 0;\n        flex-direction: column;;\n      }\n      .compact-content .box2{\n        padding-top: 20px;\n      }\n      .sub-header{\n        margin-bottom: 0 !important;\n      }\n      .fits-every-space .image-grid{\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      .fits-every-space .image-grid.last-grid{\n        grid-template-columns: repeat(2,1fr);\n      }\n      .desktop-break{\n        display: inline;\n      }\n    }\n\n    @media (max-width: 396px){\n      .hero-banner{\n        background-position: right 7% center;\n      }\n      .inner-image img{\n        height: 288px;\n      }\n      .hero-logo{\n        max-width: 125px;\n      }\n      .hero-subtext{\n        font-size: 11px;\n      }\n      .hero-center-text{\n        font-size: 14px;\n      }\n      .hero-center-text strong{\n        font-size: 16px;\n      }\n    }\n\n    @media (max-width: 376px){\n      .inner-image img{\n        height: 275px;\n      }\n    }\n\n    @media (max-width: 361px){\n      .inner-image img{\n        height: 260px\n      }\n    }\n\n  \u003c\/style\u003e\n  \u003cdiv class=\"tacto-lp-page\"\u003e\n    \u003cdiv class=\"hero-banner\"\u003e\n      \u003cdiv class=\"hero-center-text image-animate-top\"\u003e\n        Fits\u003cbr\u003e\n        \u003cstrong\u003eEvery Space\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hero-brand\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-logo.png?v=1768361842\" alt=\"TACTO Portable Standing Desk\" class=\"hero-logo\" c\u003e\n        \u003cspan class=\"hero-subtext\"\u003ePortable Standing Desk\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sec-section\"\u003e\n      \u003cdiv class=\"text-content page-width\"\u003e\n        \u003ch4 class=\"sub-header\"\u003eFITS EVERY SPACE\u003c\/h4\u003e\n        \u003cp class=\"description\"\u003e\n          Compact, modern, and easy to adjust with TACTO's built-in foot lifting pedal.\n          \u003cspan class=\"desktop-break\"\u003eDesigned to stow neatly into any space for a clutter-free room.\u003c\/span\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"image-wrapper\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Women.png?v=1768446465\" alt=\"TACTO Portable standing desk height comparison\" width=\"1600\" height=\"900\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"usp-section\"\u003e\n      \u003cdiv class=\"text-content page-width\"\u003e\n        \u003ch4 class=\"sub-header\"\u003eCOLOR VARIATIONS\u003c\/h4\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\u003c!-- TACTO_USP --\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sec-section\"\u003e\n      \u003cdiv class=\"text-content page-width\"\u003e\n        \u003ch4 class=\"sub-header\"\u003eELEVATE YOUR WORK EXPERIENCE\u003c\/h4\u003e\n        \u003cp class=\"description\"\u003e\n          A portable standing desk with easy height and precision tilt. Can be raised from\n          \u003cstrong\u003e72cm \/ 28.35”\u003c\/strong\u003e \u003cspan class=\"desktop-break\"\u003eto \u003cstrong\u003e116cm \/ 45.7”\u003c\/strong\u003e. Lightweight yet substantial, it tucks neatly into modern living spaces.\u003c\/span\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"image-wrapper\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-LP-Sec3.jpg?v=1768367168\" alt=\"TACTO Portable standing desk height comparison\" width=\"1600\" height=\"900\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"work-without-limit\"\u003e\n      \u003cdiv class=\"text-content page-width\"\u003e\n        \u003ch4 class=\"sub-header\"\u003eWORK WITHOUT LIMITS\u003c\/h4\u003e\n        \u003cp class=\"description\"\u003e\n          A portable standing desk you can set up anywhere. Adjust height and tilt at your\u003cspan class=\"desktop-break\"\u003econvenience while your space remains light and flexible.\u003c\/span\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-section page-width image-animate-top\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_USP1.png?v=1768449224\" alt=\"Tacto Tilt Padel\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_USP2.png?v=1768449224\" alt=\"Tacto Retractable Cup Holder\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_USP3.png?v=1768449225\" alt=\"Tacto Dual Hook Headphone Hanger\"\u003e\n          \u003ch3\u003eTILT PEDAL\u003c\/h3\u003e\n          \u003ch3\u003eRETRACTABLE\u003cbr\u003eCUP HOLDER\u003c\/h3\u003e\n          \u003ch3\u003eDUAL HOOK\u003cbr\u003eHEADPHONE HANGER\u003c\/h3\u003e\n          \u003cp\u003eAdjust your tabletop angle between 0–90° for focused work.\u003c\/p\u003e\n          \u003cp\u003eCup holder stays upright, even when table is tilted. A practical touch to your workspace.\u003c\/p\u003e\n          \u003cp\u003eSleek dual hooks for easy headphones storage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sec-section last-sec\"\u003e\n      \u003cdiv class=\"text-content page-width\"\u003e\n        \u003ch4 class=\"sub-header\"\u003eFLEXIBLE DESIGN FOR MODERN LIVING\u003c\/h4\u003e\n        \u003cp class=\"description\"\u003e\n          Make use of your entire workspace with TACTO's vast features, including a tilting tabletop, foot lifting pedal desk height adjuster, and 360° hidden casters for effortless movement.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"image-wrapper\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_long_BG_PC.jpg?v=1768530377\" class=\"long-bg-pc\" alt=\"TACTO Portable standing desk Desktop BG\" width=\"1600\" height=\"900\" loading=\"lazy\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_long_BG.jpg?v=1768461426\" class=\"long-bg-mb\" alt=\"TACTO Portable standing desk Mobile BG\" width=\"1600\" height=\"900\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"inner-image page-width\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Load_Capacity.png?v=1768458656\" alt=\"TACTO Portable standing desk load capacity\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"load-capacity\"\u003e\n            \u003cp\u003eLoad Capacity\u003c\/p\u003e\n            \u003ch2\u003e30KG\u003c\/h2\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fits-every-space page-width\"\u003e\n      \u003cdiv class=\"content\"\u003e\n        \u003cdiv class=\"image-grid\"\u003e\n          \u003cdiv class=\"image-card\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Feature1.png?v=1768459046\" alt=\"TACTO - Thermoform Coating\"\u003e\n            \u003ch3\u003eTHERMOFORM COATING\u003c\/h3\u003e\n            \u003cp\u003eWater-resistant surface\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"image-card\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Feature2.png?v=1768459047\" alt=\"TACTO - 0–90° Tilting Tabletop\"\u003e\n            \u003ch3\u003e0–90° TILTING TABLETOP\u003c\/h3\u003e\n            \u003cp\u003eAdjustable for any kind of work\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"image-card\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Feature3.png?v=1768459047\" alt=\"TACTO - ABS Edge Stopper\"\u003e\n            \u003ch3\u003eABS EDGE STOPPER\u003c\/h3\u003e\n            \u003cp\u003eStops items from falling at any angle\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"image-card\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Feature4.png?v=1768459047\" alt=\"TACTO - Frame Base\"\u003e\n            \u003ch3\u003eSLIM, SLEEK FRAME BASE\u003c\/h3\u003e\n            \u003cp\u003e2 cm frame base fits in the smallest of spaces\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"image-card special\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_Feature5.png?v=1768459719\" alt=\"TACTO Features Image\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"image-grid last-grid\"\u003e\n          \u003cdiv class=\"image-card\"\u003e\n            \u003ch3\u003eFOOT-LIFTING PEDAL\u003c\/h3\u003e\n            \u003cp\u003eSmooth and efficient height adjustment\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"image-card\"\u003e\n            \u003ch3\u003eNO MANUAL \u003cspan class=\"mobile-break\"\u003eADJUSTMENTS NEEDED\u003c\/span\u003e\n\u003c\/h3\u003e\n            \u003cp\u003eSay goodbye to cumbersome setups\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"compact-design\"\u003e\n      \u003cdiv class=\"page-width\"\u003e\n        \u003ch4 class=\"sub-header\"\u003eCOMPACT DESIGN\u003c\/h4\u003e\n        \u003cdiv class=\"compact-content\"\u003e\n          \u003cdiv class=\"box1 image-animate-top\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_sofa.png?v=1768461983\" alt=\"TACTO Compact Design Image 1\"\u003e\n            \u003cp\u003eDesigned to tuck neatly under sofas. You can bring your work with you wherever you go.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"box2 image-animate-top\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_PDP_bed.png?v=1768461983\" alt=\"TACTO Compact Design Image 2\"\u003e\n            \u003cp\u003eAlso slides easily under beds, making it ideal for bedrooms or small living spaces.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tacto-hero-mb\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto_Work-Image.png?v=1768884280\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tacto-hero\"\u003e\n      \u003cdiv class=\"hero-overlay\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n          \u003c!-- LOGO --\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Logo_Brown.png?v=1768378342\" alt=\"TACTO Portable Standing Desk\" class=\"hero-logo-last\" width=\"180\" height=\"48\" loading=\"eager\"\u003e\n\n          \u003cp class=\"subtitle\"\u003ePortable Standing Desk\u003c\/p\u003e\n\n          \u003cp class=\"description-last-hero\"\u003e\n            Designed for flexibility and everyday comfort, the TACTO desk lets you bring work with you without taking up\n            unnecessary room.\n          \u003c\/p\u003e\n\n          \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n            \u003cinput type=\"hidden\" name=\"id\" value=\"51843647144258\"\u003e\n            \u003cbutton type=\"submit\" data-product-id=\"51843647144258\" class=\"cta-btn\"\u003e\n              SHOP NOW ❯\n            \u003c\/button\u003e\n          \u003c\/form\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    const colourData = {\n      onyx: {\n        name: 'ONYX',\n        images: [\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Onyx1.png?v=1768364813',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Onyx2.png?v=1768364754',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Onyx3.png?v=1768364671',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Onyx4.png?v=1768364714',\n        ],\n      },\n      oak: {\n        name: 'OAK',\n        images: [\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Oak1.png?v=1768365002',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Oak2.png?v=1768365055',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Oak3.png?v=1768365026',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Oak4.png?v=1768365080',\n        ],\n      },\n      howlite: {\n        name: 'HOWLITE',\n        images: [\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour--Howlite1.png?v=1768364852',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour--Howlite2.png?v=1768364887',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour--Howlite3.png?v=1768364963',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour--Howlite4.png?v=1768364920',\n        ],\n      },\n      walnut: {\n        name: 'WALNUT',\n        images: [\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Walnut_1.png?v=1768365159',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Walnut_2.png?v=1768365130',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Walnut_3.png?v=1768365183',\n          'https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Tacto-Colour-Walnut_4.png?v=1768365209',\n        ],\n      },\n    };\n\n    const dots = document.querySelectorAll('.colour-dot');\n    const colourName = document.getElementById('colour-name');\n    const imgs = [\n      document.getElementById('img1'),\n      document.getElementById('img2'),\n      document.getElementById('img3'),\n      document.getElementById('img4'),\n    ];\n\n    dots.forEach((dot) =\u003e {\n      dot.addEventListener('click', () =\u003e {\n        dots.forEach((d) =\u003e d.classList.remove('active'));\n        dot.classList.add('active');\n\n        const key = dot.dataset.colour;\n        colourName.textContent = colourData[key].name;\n\n        colourData[key].images.forEach((src, i) =\u003e {\n          imgs[i].src = src;\n        });\n      });\n    });\n  \u003c\/script\u003e","brand":"TTRacing United Kingdom","offers":[{"title":"65 x 42 cm","offer_id":51843647144258,"sku":"TTRTACPSDSK-001-OX","price":109.0,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/6815\/5458\/files\/tacto-onyx-360-2.png?v=1768537886"},{"product_id":"ttracing-maxx-pro-gaming-chair","title":"TTRacing Maxx Pro Gaming Chair","description":"\u003cdiv class=\"mxp-pdp\"\u003e\n\u003cstyle\u003e\n.rte a:not(.btn):not(.mxp-btn-outline):after, .rte-setting a:not(.btn):not(.mxp-btn-outline):after{all: unset;}\n.mxp-pdp,.mxp-pdp *{box-sizing:border-box;}\n.mxp-pdp{background:#000;color:#fff;font-family:'gotham-book','Gotham';overflow:clip;}\n.mxp-pw{margin:0 auto;padding: 0 20px;}\n.rte:has(.mxp-pdp){overflow:visible !important;}\n  \n.mxp-shine{\n  background: linear-gradient(133deg, #6d6d6d 10%, #ffffff 50%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.mxp-label{font-family:'gotham-medium','Gotham';font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#e53935;display:block;margin-bottom:10px;}\n.mxp-h2{font-family:'gotham-medium','Gotham';font-weight: 400; font-size:clamp(30px,4vw,45px);line-height:1;width:max-content;margin-bottom:18px !important;margin-top: 0 !important;padding-bottom: 2.2px;}\n.mxp-p{font-size:15px !important;color:#d6d6d6;line-height:1.65;text-align:left !important;font-weight: 400 !important;}\n\n.mxp-ph{\n  background:#141414;display:flex;align-items:center;\n  justify-content:center;color:#333;font-size:13px;\n  text-align:center;line-height:1.7;font-family:'gotham-book';\n}\n\/* ── Hero sticky pin ── *\/\n.mxp-hero-pin{position:relative;}\n.mxp-hero-sticky{position:sticky;top:40px;height:100vh;overflow:hidden;}\n.mxp-hero-sticky .description-block-full,\n.mxp-hero-sticky .description-block-full-one{height:100%;padding:0 !important;}\n.mxp-hero-sticky .description-block-full{height:100% !important;}\n.mxp-hero-sticky video{width:100% !important;height:100%;object-fit:cover;object-position:center;}\n.mxp-hero-overlay{\n  position:absolute;inset:0;pointer-events:none;z-index:2;\n  background:#000000f5;\n  opacity:0;\n}\n  .mxp-hero-fade-space{height:100vh;}\n\n\/* ── S1 Hero ── *\/\n.mxp-s1{background:transparent;padding-top: 100px;padding-bottom:50px;text-align:center;position: relative; z-index:1;}\n.mxp-s1-h{font-family:'gotham-medium','Gotham';font-weight:400;font-size:clamp(30px,6vw,45px);line-height:1;margin-bottom:20px;width: max-content; margin: 0 auto; }\n.mxp-s1-sub{font-size:15px !important;color:#d6d6d6;margin:0 auto 48px !important;line-height:1.6;font-weight: 400 !important;}\n.mxp-s1-img{border-radius:20px;overflow:hidden;margin:0 auto;}\n\n\/* ── S2 Headrest ── *\/\n.mxp-s2{padding-top:100px; background:#000;}\n.mxp-s2-grid{display:grid;grid-template-columns:2fr 3fr;gap:10px;align-items:center;}\n.mxp-s2-video{height: 100%;border-radius: 50px; overflow: hidden;}\n.mxp-s2-video video{height: 100%; object-fit: cover; object-position: center bottom;}\n.mxp-s2-content{padding-top: 50px; padding-bottom: 70px;}\n.mxp-features{list-style:none;margin:40px 0 0 0;display:flex;flex-direction:column;}\n.mxp-feature{display:flex;gap:18px;align-items:center;padding:10px 0;\n  position: relative;}\n.mxp-feature:first-child{\n  padding-top:0;\n}\n.mxp-feature:last-child{\n  padding-bottom:0;\n}\n.mxp-feature + .mxp-feature::before{\n  content:'';\n  position:absolute;\n  top:0;\n  left:10px; \n  right:0;\n  height:0.5px;\n  background:rgba(255,255,255,0.5);\n  max-width: 375px;\n}\n.mxp-feat-icon{\n  width:60px;height:60px;flex-shrink:0;\n  display:flex;align-items:center;justify-content:center;\n}\n.mxp-feat-icon svg{width:22px;height:22px;stroke:#ccc;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}\n.mxp-feat-title{font-family:'gotham-medium','Gotham';font-size:15px;display:block;margin-bottom:2px;}\n.mxp-feat-desc{font-size:13px;color:#666;display: block;line-height: 1.1;}\n\n\/* ── S3 Moves With You ── *\/\n.mxp-s3{padding-top:100px;padding-bottom:100px;background: linear-gradient(to bottom, #2a0000, #000000);text-align:center;}\n.mxp-s3-title{font-family:'gotham-medium','Gotham';font-weight:400; font-size:clamp(32px,4.5vw,45px);margin-bottom:14px;width: max-content; margin: 0 auto;line-height: 1.1;}\n.mxp-s3-sub{font-size:15px;color:#999;margin-bottom:52px !important;}\n.mxp-s3-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left; max-width: 980px; margin: 0 auto;}\n.mxp-s3-grid:hover .mxp-s3-card-img {opacity: 0.5;}\n.mxp-s3-grid:hover .mxp-s3-grid-container:hover .mxp-s3-card-img {opacity: 1;}\n.mxp-s3-grid-container{position: relative; transition: opacity 0.3s ease;}\n.mxp-s3-grid-container:hover .mxp-s3-card-img img {transform: scale(1.06);}\n.mxp-s3-card-img{overflow:hidden;transition: opacity 0.3s ease;border-radius: 14px;}\n.mxp-s3-card-img img{transition: transform 0.4s ease;}\n.mxp-s3-card-text{position: absolute; width: 100%; bottom: 0; left: 0;padding: 20px 30px;}\n.mxp-s3-card-title{font-family:'gotham-medium','Gotham';font-size:28px;margin-bottom:8px !important;}\n.mxp-s3-card-desc{font-size:12px !important;color:#d6d6d6;line-height:1.6;text-align:left !important; font-weight: 400 !important;}\n\n\/* ── S4 Video Features ── *\/\n.mxp-s4{padding-top:100px;padding-bottom: 100px; background:#050505;}\n.mxp-s4-row{display:grid;grid-template-columns:35% 50%;align-items:flex-start;justify-content: space-between;padding-bottom: 100px;}\n.mxp-s4-row+.mxp-s4-row{margin-top:100px;grid-template-columns:50% 40%;padding-bottom: 0;}\n.mxp-s4-text{padding:20px 0;align-self: center;}\n.mxp-s4-video{\n  position:relative;border-radius:16px;overflow:hidden;background:#111;\n  display:flex;align-items:center;justify-content:center;max-width: 100%;\n}\n.mxp-s4-video .mxp-ph{position:absolute;inset:0;border-radius:16px;background:rgba(0,0,0,0.5);}\n.mxp-s4-vbtn{\n  position:relative;z-index:2;display:flex;align-items:center;gap:14px;\n  font-family:'gotham-medium','Gotham';\n  font-size:18px;letter-spacing:4px;color:#fff;\n}\n.mxp-s4-vbtn svg{width:48px;height:48px;fill:#fff;}\n\n\/* ── S5 Lumbar ── *\/\n.mxp-s5{padding-top:100px;padding-bottom:100px;background:#000;}\n.mxp-s5-grid{display:grid;grid-template-columns:35% 50%;align-items:flex-start;justify-content: space-between;}\n.mxp-s5-text{align-self: center;}\n.mxp-s5-text .mxp-p span{display: block;}\n\/* ── S6 Colours ── *\/\n.mxp-s6{padding-top:100px; padding-bottom:72px;background:#000;text-align:center;}\n.mxp-s6 .mxp-pw{position: relative;}\n.mxp-s6-title{\n  font-family:'gotham-medium','Gotham';font-weight:400;\n  font-size:clamp(30px,5.5vw,45px);line-height:1;margin-bottom:16px;width: max-content; margin: 0 auto;\n}\n.mxp-s6-sub{font-size:15px;color:#d6d6d6;margin-bottom:52px !important; font-weight: 400 !important;}\n.mxp-s6-brand{font-family:'gotham-medium','Gotham';font-size:14px;letter-spacing:5px;color:#ccc;margin-bottom:0;}\n.mxp-s6-pro{\n  font-family:'gotham-medium','Gotham';\n  font-size:clamp(64px,12vw,130px);line-height:0.88;letter-spacing:-3px;\n}\n\/* S6 — chair stage *\/\n.mxp-s6-chair{\n  position:relative;max-width:700px;margin:28px auto 36px;\n  border-radius:20px;overflow:hidden;\n}\n.mxp-s6-chair-bg{display: block;}\n.mxp-s6-chair-bg img{width:100%;height:100%;object-fit:cover;display:block;}\n.mxp-s6-chair-bg .mxp-ph{position:absolute;inset:0;border-radius:0;height:100%;}\n.mxp-s6-slides-wrap{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;}\n.maxx-pro-slide{\n  position:absolute;bottom:-5%;left:50%;transform:translateX(-50%);\n  width: 100%;object-fit:contain;\n  user-select:none;pointer-events:none;\n}\n.mxp-swatches{display:flex;justify-content:center;gap:14px;margin-bottom:44px;}\n.mxp-swatch{\n  width:30px;height:30px;border-radius:50%;cursor:pointer;\n  border:2px solid transparent;outline:2px solid transparent;outline-offset:3px;\n  transition:outline-color .2s;\n}\n.mxp-swatch.active,.mxp-swatch:hover{outline-color:#fff;}\n.mxp-s6-footer{position: absolute; bottom: 0; display:flex;align-items:center;justify-content:space-between; left: 0; right: 0;padding: 0 32px;}\n.mxp-s6-tagline{font-size:14px;color:#fff;line-height:1.5;text-align:left;}\n.mxp-s6-btns{display:flex;gap:12px;}\n.mxp-btn-outline{\n  padding: 0.3rem 0.8rem;border:1.5px solid #ed1f23 !important;background:#ed1f23;color:#fff !important;\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-red{\n  padding: 0.3rem 0.8rem;background:transparent;color:#ed1f23 !important;\n  font-family:'gotham-book','Gotham';font-size:14px;\n  border:1.5px solid #ed1f23 !important;border-radius:999px;cursor:pointer;\n  transition: border-color .2s, color .2s;text-decoration:none;display:inline-block;font-weight: 400;height: max-content;\n}\n.mxp-btn-red:hover{border-color: #fff !important; color: #fff !important;}\n\n\/* ── S7 Specs ── *\/\n.mxp-s7{padding-top:80px;background:#050505;}\n.mxp-specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding: 0 1px;}\n.mxp-spec{\n  background:#141414;\n  border-radius:32px;\n  padding:32px 24px;\n  border:1px solid rgba(255,255,255,0.4);\n  transition:opacity 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n  cursor:pointer;\n  aspect-ratio: 5\/4;\n}\n  \/* When any card is hovered, dim all cards *\/\n.mxp-specs-grid:hover .mxp-spec{\n  opacity:0.5;\n}\n\n\/* Un-dim + turn red only the hovered one *\/\n.mxp-specs-grid .mxp-spec:hover{\n  opacity:1;\n  background:#3d0000;\n  border-color:#8b1010;\n}\n.mxp-spec.hl{background:#6e0000;}\n.mxp-spec-title{\n  font-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\/* ── S8 CTA ── *\/\n.mxp-s8{padding-bottom: 100px;padding-top: 100px;background: linear-gradient(to top, #2a0000, #000000);}\n.mxp-s8-cta{text-align:center;padding-top:2.5rem;}\n.mxp-s8-cta-title{\n  font-family:'gotham-bold','Gotham';line-height: 1.3;\n  font-size:clamp(26px,4vw,45px);width: max-content; margin: 0 auto !important;\n}\n.mxp-s8-cta-subtitle{font-family:'gotham-book','Gotham';line-height: 1.3;font-size: clamp(11px, 3vw, 16px);width: max-content; margin: 0 auto !important;margin-bottom: 20px !important;margin-top: 10px !important;}\n.mxp-btn-shop{\n  padding: 0.3rem 0.8rem;background:#ed1f24;color:#fff !important;\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:hover{transition-delay: 0.25s;background: transparent !important; border-color: rgba(255,255,255,0.53);}\n.mxp-btn-outline,\n.mxp-btn-red,\n.mxp-btn-shop {\n  position: relative;\n  overflow: hidden;\n}\n.rte a.mxp-btn-outline::after,\n.mxp-btn-red::after,\n.mxp-btn-shop::after{\n  background-image: linear-gradient(90deg, transparent, hsl(0 0% 100% \/ .25), transparent);\n  content: \"\";\n  height: 100%;\n  left: 150%;\n  position: absolute;\n  top: 0;\n  transform: skewX(-20deg);\n  width: 200%;\n}\n.rte a.mxp-btn-outline::after {\n  border-bottom: none;\n  bottom: auto;\n  transition: none;\n}\n.rte a.mxp-btn-outline:hover::after,\n.mxp-btn-red:hover::after,\n.mxp-btn-shop:hover::after {\n  animation: .75s cubic-bezier(.01, .56, 1, 1) shine;\n}\n.video-desktop {display: block;}\n.video-mobile {display: none;}\n.image-animate-top {opacity: 0;}\n.image-animate-top.animate {animation: fadeInTop 1s forwards;}\n  @keyframes fadeInTop {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @media (max-width: 767px) {\n    .video-desktop {\n      display: none;\n    }\n    .video-mobile {\n      display: block;\n    }\n  }\n\/* ── Responsive ── *\/\n@media (max-width: 1367px){\n  .mxp-s2-content{padding-bottom: 50px;padding-top: 50px;}\n}\n@media (max-width: 1281px){\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-spec-title{font-size: clamp(20px, 2vw, 37px);}\n}\n@media(max-width:900px){\n  .mxp-spec-title{font-size: clamp(26px, 2.5vw, 35px);}\n  .mxp-hero-fade-space{display: none;}\n  .mxp-s2-grid,.mxp-s3-grid,.mxp-s4-row,.mxp-s4-row+.mxp-s4-row,.mxp-s5-grid{grid-template-columns:1fr;}\n  .mxp-s2-content{padding-top:0;}\n  .mxp-s4-row{gap: 20px;padding-bottom: 64px;}\n  .mxp-s4-row+.mxp-s4-row{margin-top:64px;}\n  .mxp-s4-text{order: 1;}\n  .mxp-s5-grid{gap: 20px;}\n  .mxp-s5-text{order: 1;padding: 20px 0;}\n  .mxp-specs-grid{grid-template-columns:repeat(2,1fr);}\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-s6-footer{position: relative;padding: 0;}\n  .mxp-s6-tagline{text-align:center;}\n  .mxp-s1,.mxp-s2,.mxp-s3,.mxp-s4,.mxp-s5,.mxp-s6{padding-top:64px;padding-bottom:64px;}\n  .mxp-hero-sticky{position:relative;height:auto; top: 0;}\n  .mxp-hero-overlay{display:none;}\n}\n@media(max-width:480px){\n  .mxp-specs-grid:hover .mxp-spec:not(.mxp-spec-in){opacity:0;}\n  .mxp-specs-grid:hover .mxp-spec.mxp-spec-in{opacity:1;}\n  .mxp-specs-grid .mxp-spec:hover{background:#141414;border-color:rgba(255,255,255,0.4);}\n  .mxp-spec{\n    transform:translateX(-60px);\n    opacity:0;\n    transition:transform 0.7s ease-out,opacity 0.7s ease-out;\n  }\n  .mxp-spec.mxp-spec-in{\n    transform:translateX(0);\n    opacity:1;\n  }\n  .mxp-specs-grid{grid-template-columns:1fr;}\n  .mxp-s1{padding-top:15px;}\n  .mxp-s1 .mxp-pw, .mxp-s3-header{width: 98%; margin: 0 auto;}\n  .mxp-s2{padding-bottom: 0;}\n  .mxp-s3-card-text{padding: 20px;}\n  .mxp-s4-row, .mxp-s4{padding-bottom: 0;}\n  .mxp-s5-text .mxp-p span{display: inline;}\n  .mxp-s6-chair{margin: 28px auto 12px;}\n  .mxp-s6-footer{flex-direction: column;gap: 20px;}\n  .mxp-pw{padding:0;}\n  .mxp-s8-cta-subtitle{margin-bottom: 20px !important;}\n}\n@media (max-width: 390px){\n  \n}\n@media (max-width: 361px){\n  .mxp-s3-card-text{padding: 15px;}\n  .mxp-s3-card-desc{font-size: 11px;}\n  .mxp-s3-card-title{font-size: 24px;}\n\n  .mxp-s4, .mxp-s6{padding-top: 32px;}\n  .mxp-s2, .mxp-s7{padding-top: 52px;}\n}\n\u003c\/style\u003e\n\n  \u003cdiv class=\"mxp-hero-pin\"\u003e\n    \u003cdiv class=\"mxp-hero-sticky\"\u003e\n      \u003cdiv class=\"description-block-full\"\u003e\n        \u003cdiv class=\"description-block-full-one\" style=\"padding: 0;\"\u003e\n          \u003cvideo autoplay=\"autoplay\" playsinline=\"\" muted=\"\" class=\"video-desktop\"\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/347fb982ae7f47c4a46f0815fb478d02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n          \u003cvideo autoplay=\"autoplay\" playsinline=\"\" muted=\"\" class=\"video-mobile\"\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/33e97f2d15524f979594b3129fe02e65.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-hero-overlay\" id=\"mxpHeroOverlay\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-hero-fade-space\"\u003e\u003c\/div\u003e\n        \n\u003c!-- S1: Hero --\u003e\n\u003csection class=\"mxp-s1 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003ch2 class=\"mxp-s1-h mxp-shine\"\u003eDifferent modes.\u003cbr\u003eOne experience.\u003c\/h2\u003e\n    \u003cp class=\"mxp-s1-sub\"\u003eBuilt for gamers, professionals and creators. Different needs, all in one chair.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mxp-s1-img mxp-pw image-animate-top\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-pdp-img-mobile.jpg?v=1779243345\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-s1-img.png?v=1779086646\" alt=\"Maxx Pro Scene\" style=\"width:100%;display:block;border-radius:25px;\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n    \u003c\/div\u003e\n\n\u003c!-- S2: Headrest --\u003e\n\u003csection class=\"mxp-s2 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s2-grid\"\u003e\n      \u003cdiv class=\"mxp-s2-content\"\u003e\n        \u003cdiv class=\"image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eAdjustable Neck Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eMagnetic movable\u003cbr\u003eheadrest\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eSit with support at your side with a pillow\u003cbr\u003ethat moves effortlessly across the backrest.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"mxp-features image-animate-top\"\u003e\n          \u003cli class=\"mxp-feature\"\u003e\n            \u003cdiv class=\"mxp-feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-magnetic.png?v=1778832727\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mxp-feat-title\"\u003eMagnetic neck pillow\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eStays attached, even during intense sessions\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mxp-feature\"\u003e\n            \u003cdiv class=\"mxp-feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-seat.png?v=1778832728\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mxp-feat-title\"\u003e20cm vertical range\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eMove it up or down to fit your neck\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mxp-feature\"\u003e\n            \u003cdiv class=\"mxp-feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-form.png?v=1778832730\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mxp-feat-title\"\u003eMemory foam core\u003c\/strong\u003e\n              \u003cspan class=\"mxp-feat-desc\"\u003eAdapts to your neck\u003cbr\u003efor even more personalised comfort\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-s2-video\"\u003e\n        \u003cvideo autoplay playsinline muted loop style=\"width:100%;display:block;\n  mask-image: linear-gradient(to right, transparent, black 40%, black 60%, transparent),linear-gradient(to bottom, transparent, black 10%), radial-gradient(ellipse 60% 90% at 46% 100%, black 100%, transparent 116%);\n  -webkit-mask-image: linear-gradient(to right, transparent, black 40%, black 60%, transparent),linear-gradient(to bottom, transparent, black 10%), radial-gradient(ellipse 60% 90% at 46% 100%, black 100%, transparent 116%);\n  mask-composite: intersect;\n  -webkit-mask-composite: source-in;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c7675573ce9243ad844e2d53cb4e5b1c.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S3: Moves With You --\u003e\n\u003csection class=\"mxp-s3 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s3-header image-animate-top\"\u003e\n      \u003ch2 class=\"mxp-s3-title mxp-shine\"\u003eMoves with you\u003c\/h2\u003e\n      \u003cp class=\"mxp-s3-sub\"\u003eAdjustable 5D armrests gives your arms the much-needed support, no matter the activity.\u003c\/p\u003e\n  \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s3-grid\"\u003e\n      \u003cdiv class=\"mxp-s3-grid-container image-animate-top\"\u003e\n        \u003cdiv class=\"mxp-s3-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-mobile-mode.png?v=1779087068\" alt=\"Maxx Pro Mobile Node\" style=\"width:100%;display:block;\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mxp-s3-card-text\"\u003e\n          \u003ch3 class=\"mxp-s3-card-title\"\u003eMobile mode.\u003c\/h3\u003e\n          \u003cp class=\"mxp-s3-card-desc\"\u003eSay goodbye to awkward elbows. The 360°\u003cbr\u003ecushioned armrest keeps you in control of the match.\u003c\/p\u003e\n        \u003c\/div\u003e\n              \u003c\/div\u003e\n      \u003cdiv class=\"mxp-s3-grid-container image-animate-top\"\u003e\n        \u003cdiv class=\"mxp-s3-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-desk-mode.png?v=1779087068\" alt=\"Maxx Pro Desktop Node\" style=\"width:100%;display:block;\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mxp-s3-card-text\"\u003e\n          \u003ch3 class=\"mxp-s3-card-title\"\u003eDesk mode.\u003c\/h3\u003e\n          \u003cp class=\"mxp-s3-card-desc\"\u003eLines up with your desk,\u003cbr\u003efor effortless control over your work.\u003c\/p\u003e\n        \u003c\/div\u003e\n              \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S4: Video Features --\u003e\n\u003csection class=\"mxp-s4 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n\n    \u003c!-- Row 1: Legrest — text left, video right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eLeg Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eRetractable\u003cbr\u003elegrest\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eKick back, stretch your legs,\u003cbr\u003eand relax after a long day of work.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cvideo class=\"mxp-s4-video\" autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1c9fc04e6b264e12bdfdc87b6e96e717.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Row 2: 5D Armrest — video left, text right --\u003e\n    \u003cdiv class=\"mxp-s4-row\"\u003e\n      \u003cvideo class=\"mxp-s4-video\" autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5004922b9a43482eaf8cc5e415f06db6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"mxp-s4-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eArm Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003e5D adjustable\u003cbr\u003earmrest\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eOffers multi-directional positioning\u003cbr\u003eto keep your arms working for you.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S5: Lumbar --\u003e\n\u003csection class=\"mxp-s5 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s5-grid\"\u003e\n      \u003cdiv class=\"mxp-s5-text image-animate-top\"\u003e\n        \u003cspan class=\"mxp-label\"\u003eCore Lumbar Support\u003c\/span\u003e\n        \u003ch2 class=\"mxp-h2 mxp-shine\"\u003eCurved ergonomic\u003cbr\u003elumbar pillow\u003c\/h2\u003e\n        \u003cp class=\"mxp-p\"\u003eSemi soft foam and ergonomic shape combine \u003cspan\u003eto offer support for the most demanding tasks.\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-lumbar-support-new.png?v=1779086399\" alt=\"Lumbar Support\" style=\"width:100%;display:block;border-radius:14px;\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S6: Choose Colour --\u003e\n\u003csection class=\"mxp-s6 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"image-animate-top\"\u003e\n    \u003ch2 class=\"mxp-s6-title mxp-shine\"\u003eSit in style.\u003cbr\u003eChoose your colour.\u003c\/h2\u003e\n    \u003cp class=\"mxp-s6-sub\"\u003eFrom bold darks to elegant brights — find the chair that fits you and your work.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s6-chair image-animate-top\"\u003e\n\n  \u003c!-- Background scene image --\u003e\n  \u003cdiv class=\"mxp-s6-chair-bg\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Colour_Variation_BG.png?v=1779089469\" alt=\"Maxx Pro Color Variation Background\" style=\"width:100%;display:block;\"\u003e\n    \u003c!-- swap div above for: \u003cimg src=\"YOUR_BG_IMAGE\" alt=\"\"\u003e --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Chair colour slides — first visible, rest hidden --\u003e\n  \u003cdiv class=\"mxp-s6-slides-wrap\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-obisidian.png?v=1779089470\" alt=\"Stealth Black\" style=\"opacity:1;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-crimson.png?v=1779089470\" alt=\"Carbon\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-ivory.png?v=1779089470\" alt=\"Deep Red\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-dusk.png?v=1779089474\" alt=\"Maroon\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-dawn.png?v=1779089470\" alt=\"Rose\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-blossom.png?v=1779089470\" alt=\"Sunset Pink\" style=\"opacity:0;\"\u003e\n    \u003cimg class=\"maxx-pro-slide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/maxx-pro-canyon.png?v=1779089470\" alt=\"White\" style=\"opacity:0;\"\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n    \u003cdiv class=\"mxp-s6-footer image-animate-top\"\u003e\n      \u003cdiv class=\"mxp-s6-tagline\"\u003ePremium comfort,\u003cbr\u003eCrafted for you.\u003c\/div\u003e\n      \u003cdiv class=\"mxp-s6-btns\"\u003e\n        \u003ca class=\"mxp-btn-outline\" href=\"\/pages\/maxx-pro-gaming-chair\"\u003eMore Info\u003c\/a\u003e\n        \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n        \u003cinput type=\"hidden\" name=\"id\" value=\"53223244759362\"\u003e\n        \u003cbutton type=\"submit\" data-product-id=\"53223244759362\" class=\"mxp-btn-red\"\u003e\n          Buy\n        \u003c\/button\u003e\n      \u003c\/form\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S7: Specs --\u003e\n  \u003cdiv class=\"mxp-s7-pin\"\u003e\n\u003csection class=\"mxp-s7 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-specs-grid image-animate-top\"\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003e135°\u003cbr\u003eFull Recline\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eMulti-tilt control for precise comfort in any activity\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\"\u003eSmooth, reliable height adjustment, withstand years of use\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\"\u003eNo thigh squeeze, natural wide seating comfort\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eChrome\u003cbr\u003eCasters\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eSmooth 360° movement, 65mm, stable and durable\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n  \u003c\/div\u003e\n  \n\u003c!-- S8: CTA --\u003e\n\u003csection class=\"mxp-s8 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-s8-cta image-animate-top\"\u003e\n      \u003ch2 class=\"mxp-s8-cta-title mxp-shine\"\u003eWork, play, and create\u003c\/h2\u003e\n      \u003ch3 class=\"mxp-s8-cta-subtitle mxp-shine\"\u003ein premium comfort with MAXX PRO\u003c\/h3\u003e\n      \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n        \u003cinput type=\"hidden\" name=\"id\" value=\"53223244759362\"\u003e\n        \u003cbutton type=\"submit\" data-product-id=\"53223244759362\" class=\"mxp-btn-shop\"\u003e\n          Shop Now\n        \u003c\/button\u003e\n      \u003c\/form\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003cscript\u003e\n  if(window.innerWidth \u003c= 900){\n    document.querySelector('.mxp-s1 .mxp-pw').classList.add('image-animate-top');}\n  if(window.innerWidth \u003c= 480){\n    document.querySelector('.mxp-specs-grid').classList.remove('image-animate-top');\n    function mxpInitSpecs(){\n      gsap.registerPlugin(ScrollTrigger);\n      var specs = document.querySelectorAll('.mxp-spec');\n      gsap.set(specs, {x: -60, opacity: 0});\n      var tl = gsap.timeline({paused: true});\n      var hlBg = '#3d0000', hlBorder = '#8b1010';\n      var normBg = '#141414', normBorder = 'rgba(255,255,255,0.4)';\n      specs.forEach(function(spec, i) {\n        if (i \u003e 0) {\n          tl.to(Array.from(specs).slice(0, i), {\n            opacity: 0.5, backgroundColor: normBg, borderColor: normBorder, duration: 0.2\n          });\n        }\n        tl.to(spec, {\n          x: 0, opacity: 1, backgroundColor: hlBg, borderColor: hlBorder,\n          duration: 0.4, ease: 'power2.out'\n        }, i \u003e 0 ? '\u003c' : undefined);\n      });\n      var mxpSnapTimer;\n      ScrollTrigger.create({\n        trigger: '.mxp-specs-grid',\n        start: 'top 85%',\n        end: '+=800',\n        scrub: true,\n        animation: tl,\n        onUpdate: function(self) {\n          clearTimeout(mxpSnapTimer);\n          mxpSnapTimer = setTimeout(function() {\n            var nearest = Math.round(self.progress * specs.length) \/ specs.length;\n            gsap.to(tl, {totalProgress: nearest, duration: 0.35, ease: 'power1.inOut', overwrite: true});\n          }, 150);\n        }\n      });\n    }\n    var s1 = document.createElement('script');\n    s1.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js';\n    s1.onload = function(){\n      var s2 = document.createElement('script');\n      s2.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js';\n      s2.onload = mxpInitSpecs;\n      document.head.appendChild(s2);\n    };\n    document.head.appendChild(s1);\n  }\n  \n  document.querySelectorAll('.mxp-pdp form[action=\"\/cart\/add\"]').forEach(function(form) {\n    form.addEventListener('submit', function(e) {\n      e.preventDefault();\n      fetch('\/cart\/add.js', {\n        method: 'POST',\n        body: new FormData(form)\n      }).then(function() {\n        document.dispatchEvent(new CustomEvent('cart:refresh'));\n      });\n    });\n  });\n\u003c\/script\u003e\n","brand":"TTRacing United Kingdom","offers":[{"title":"Obsidian 5D Armrest","offer_id":53223244759362,"sku":"TTRMAXXP-001","price":429.0,"currency_code":"GBP","in_stock":true},{"title":"Crimson 5D Armrest","offer_id":53223244726594,"sku":"TTRMAXXP-002","price":429.0,"currency_code":"GBP","in_stock":true},{"title":"Ivory 5D Armrest","offer_id":53223244661058,"sku":"TTRMAXXP-003","price":429.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/6815\/5458\/files\/maxxpro-obsidian-360-2_e33588b7-e39a-46b0-8ce9-393ee8808803.png?v=1778743064"}],"url":"https:\/\/ttracing.uk\/collections\/new-arrival.oembed","provider":"TTRacing United Kingdom","version":"1.0","type":"link"}