{"title":"Airflex V2 - Star Wars","description":"","products":[{"product_id":"tt-airflex-v2-ergonomic-office-chair-star-wars-edition","title":"TT AIRFLEX V2 Ergochair - Star Wars Edition","description":"\u003cstyle\u003e\n  html {\n    padding-bottom: 0 !important;\n    scroll-behavior: smooth;\n  }\n\n  .ironman-bgbox .slick-prev, .ironman-bgbox .slick-next{\n    top: 50% !important;\n  }\n\n  .main-content {\n    min-height: 480px;\n    \/* border: 1px solid #e0c455; *\/\n  }\n\n  .is-light .site-nav__link {\n    color: #fff !important;\n  }\n  .text-black {\n    color: #000 !important;\n  }\n  .text-white {\n    color: #fff !important;\n  }\n\n  .marvelmain-sectbg {\n    \/*  background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/marvelmainbg.jpg?v=1664176831'); *\/\n    background-color: rgb(255, 255, 255);\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-size: cover;\n    max-height: 910px;\n    \/* overflow-y: hidden; *\/\n  }\n\n  .marvelpg-desc {\n    background-color: transparent;\n    padding: 50px 10px;\n    width: 100%;\n    color: #fff !important;\n  }\n\n  .thor-image {\n    background-color: transparent;\n  }\n\n  .ob1-pic-front {\n    z-index: 1;\n    position: relative;\n    margin-top: 100px;\n  }\n\n  .marvelpg-desc p {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 12;\n    -webkit-box-orient: vertical;\n    display: inline-block;\n    max-width: 650px;\n    color: rgb(255, 255, 255);\n  }\n\n  p.ca-desc {\n    font-weight: 600;\n    font-size: 39px;\n    line-height: normal;\n    \/*** max-width: 530px; ***\/\n    font-weight: 100;\n    margin-top: 10px;\n    color: #000;\n  }\n  .airflex-mainbannerbg {\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/airflex-mainbanner_433a44c1-21d9-4c89-a605-9446d3767fb8.jpg?v=1690332608');\n  }\n\n  .product-img {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  @media screen and (max-width: 460px) {\n    .airflex-mainbannerbg {\n      background-position: 21% 80%;\n    }\n\n    p.ca-desc {\n      display: none;\n    }\n\n    .ob1-pic-front {\n      z-index: 1;\n      position: relative;\n      margin-top: 140px;\n    }\n\n    .marvel-pic-front {\n      height: 100%;\n      vertical-align: baseline;\n    }\n\n    .marvelpg-desc p {\n      -webkit-line-clamp: 6;\n    }\n    .marvelpg-desc p:hover {\n      -webkit-line-clamp: 18;\n    }\n\n    .marvelpg-desc {\n      padding: 25px 25px 45px !important;\n      font-size: 18px !important;\n      line-height: normal;\n      line-height: 1.4em;\n      text-align: center;\n    }\n  }\n\n  \/***** new marvel ******\/\n  .col-tbline {\n    border-top: 1px solid #cfcfcf;\n  }\n\n  .marvelpg-pic {\n  }\n\n  .marvelpg-paragraph p {\n    width: 100%;\n    color: #fff;\n    font-size: 0.93em;\n    line-height: 1.4em !important;\n  }\n\n  .marvelpg-paragraph {\n    right: 0;\n    color: #fff;\n    position: absolute;\n    top: 50% !important;\n    -ms-transform: translateY(-50%) !important;\n    transform: translateY(-50%) !important;\n  }\n\n  .marvel-pbutton {\n    display: block;\n    margin-top: 0;\n    border: 1px solid #fff;\n    background: none !important;\n  }\n\n  .marvel-pbutton2 {\n    display: block;\n    margin-top: 0;\n    border: 1px solid #000000;\n    background: none !important;\n    color: #000;\n  }\n  .marvel-pbutton2:hover {\n    color: #000 !important;\n    background-color: rgba(44, 43, 52, 0.4);\n  }\n\n  .h4right,\n  .pright {\n    float: right;\n    text-align: right;\n  }\n  .marvelpg-paragraph.features-padding-big {\n    padding: 20px;\n    margin-bottom: 10px;\n    text-align: left;\n  }\n  .marvelpg-paragraph.features-padding-big2 {\n    padding: 20px;\n    margin-bottom: 10px;\n  }\n  @media only screen and (max-width: 460px) {\n    .marvelpg-paragraph.features-padding-big {\n      padding: 20px;\n      margin-bottom: 10px;\n      text-align: center;\n    }\n\n    .marvelpg-paragraph.features-padding-big2 {\n      border: 0 !important;\n    }\n  }\n\n  .features-para {\n    \/*   font-size: 24px!important;\n    text-transform: uppercase;  \n    line-height: normal;\n    font-size: 1.1em !important;\n    *\/\n    text-align: left !important;\n    line-height: 1.4em !important;\n    font-weight: normal !important;\n  }\n\n  .marvelpg-paragraph button {\n    display: inline-flex;\n    margin-top: 20px;\n  }\n  .button.pbutton {\n    display: inline-flex;\n    margin-top: 20px;\n  }\n\n  @media screen and (max-width: 460px) {\n    .features-para {\n      \/*   font-size: 24px!important;\n         text-transform: uppercase; \n         line-height: normal; *\/\n      text-align: center !important;\n    }\n\n    .marvelpg-paragraph button {\n      margin: 20px auto !important;\n    }\n    .marvel-pbutton {\n      margin: 20px auto !important;\n    }\n\n    .marvel-pbutton2 {\n      margin: 20px auto !important;\n    }\n\n    .marvelpg-pic {\n      max-width: 300px;\n      display: inline;\n    }\n    .marvelpg-paragraph p {\n      width: 100%;\n      color: #fff;\n    }\n\n    .marvelpg-paragraph {\n      text-align: center !important;\n      right: 0;\n      color: #fff;\n      position: unset !important;\n      top: 0;\n      transform: translateY(0%) !important;\n    }\n\n    .h4right,\n    .pright {\n      float: none;\n      text-align: unset;\n    }\n    .cabutton {\n      margin: 0 auto;\n    }\n    #section_connector {\n      height: 40px !important;\n    }\n\n    .ca-bgbox,\n    .ds-bgbox,\n    .thor-bgbox,\n    .ironman-bgbox {\n      background-color: rgba(0, 0, 0, 0.4) !important;\n      background-blend-mode: color;\n    }\n  }\n\n  #section_connector {\n    width: 1px;\n    height: 80px;\n    border-color: #ffffff !important;\n  }\n\n  .ca-bgbox {\n    \/*   background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0615\/8100\/0881\/files\/3new-marvelpg-ca1-background.jpg?v=1664595098'); *\/\n    background-position: center;\n    background-repeat: no-repeat;\n    \/* background-size: fixed; *\/\n    background-size: fixed;\n    background-attachment: fixed;\n    -webkit-background-size: fixed;\n    -moz-background-size: fixed;\n  }\n\n  .ds-bgbox {\n    \/* background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0615\/8100\/0881\/files\/3new-marvelpg-ds-background.jpg?v=1664595098');  *\/\n    background-position: center;\n    background-repeat: no-repeat;\n\n    \/* background-size: fixed; *\/\n    background-size: fixed;\n    background-attachment: fixed;\n    -webkit-background-size: fixed;\n    -moz-background-size: fixed;\n  }\n\n  .thor-bgbox {\n    \/*  background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0615\/8100\/0881\/files\/3new-marvelpg-thor-background.jpg?v=1664595098'); *\/\n    background-position: center;\n    background-repeat: no-repeat;\n\n    \/* background-size: fixed; *\/\n    background-size: fixed;\n    background-attachment: fixed;\n    -webkit-background-size: fixed;\n    -moz-background-size: fixed;\n  }\n\n  .ironman-bgbox {\n    \/*  background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0615\/8100\/0881\/files\/3new-marvelpg-ironman-background.jpg?v=1664595098'); *\/\n    background-position: center;\n    background-repeat: no-repeat;\n\n    \/* background-size: fixed; *\/\n    background-size: fixed;\n    background-attachment: fixed;\n    -webkit-background-size: fixed;\n    -moz-background-size: fixed;\n  }\n\n  .dv-bgbox {\n    \/*   background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0615\/8100\/0881\/files\/3new-marvelpg-dv-background.jpg?v=1664595098'); *\/\n    background-position: center;\n    background-repeat: no-repeat;\n\n    \/* background-size: fixed; *\/\n    background-size: fixed;\n    background-attachment: fixed;\n    -webkit-background-size: fixed;\n    -moz-background-size: fixed;\n  }\n\n  .venom-bg-right.marvelmainonly {\n    height: 100% !important;\n  }\n\n  .venom-bg-right {\n    width: 100%;\n    background-size: contain;\n    background-position: center;\n    background: no-repeat;\n    background: top center;\n  }\n\n  @media screen and (max-width: 460px) {\n    .venom-bg-right {\n      width: 100%;\n      background: no-repeat;\n      background-position: center;\n    }\n\n    .dv-bgbox,\n    airflex-title .ironman-bgbox,\n    .thor-bgbox,\n    .ds-bgbox,\n    .ca-bgbox {\n      border: 0 solid #b9139e;\n      background-attachment: scroll !important;\n    }\n  }\n\n  .main-content \u003e div:nth-child(3) {\n    overflow: visible;\n  }\n\n  .pseudo_border {\n    position: relative;\n    display: inline-block;\n  }\n\n  .pseudo_border:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 5%;\n    margin: 10px auto;\n    width: 20%;\n    height: 2px;\n    background: rgb(141 141 141);\n  }\n\n  \/* pseudo left  *\/\n  .pseudo_border_left {\n    position: relative;\n    display: inline-block;\n    line-height: 0.6;\n  }\n\n  .pseudo_border_left:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 5%;\n    margin: 10px auto;\n    width: 20%;\n    height: 2px;\n    background: rgb(141 141 141);\n  }\n\n  @media only screen and (max-width: 460px) {\n    .airflex-title.pseudo_border_left {\n      min-height: 75px;\n    }\n\n    .pseudo_border_left:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 5%;\n      margin: 10px auto;\n      width: 20%;\n      height: 2px;\n      background: rgb(141 141 141);\n    }\n  }\n\n  \/* end pseudo left  *\/\n\n  .airflex-title {\n    font-weight: light;\n    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);\n    line-height: normal;\n    font-size: 1.5em;\n    padding-bottom: 20px !important;\n  }\n\n  .order-md-1 {\n    z-index: 25;\n    \/*     border: 1px;\n    border-style: solid;\n    border-color: rgba(250, 0, 255, 0);  *\/\n  }\n\n  .order-md-2 {\n    z-index: 25;\n    \/*   border: 1px;\n    border-style: solid;\n    border-color: rgba(250, 0, 255, 0); *\/\n  }\n\n  @media only screen and (min-width: 461px) and (max-width: 991px) {\n    .marvelpg-paragraph {\n      position: relative;\n      display: inline-block;\n    }\n\n    .airflex-title {\n      font-size: 0.9em;\n    }\n\n    .marvelpg-paragraph p {\n      font-size: 0.8em;\n    }\n  }\n\n  @media only screen and (max-width: 767px) {\n    .featuresboxtext2 {\n      position: relative;\n      display: inline-block;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n  .left-to-right {\n    -moz-transform: scaleX(-1);\n    -o-transform: scaleX(-1);\n    -webkit-transform: scaleX(-1);\n    transform: scaleX(-1);\n    filter: FlipH;\n    -ms-filter: 'FlipH';\n  }\n\n  .main-titlesub {\n    margin-bottom: 0;\n    font-size: 1.6em;\n    letter-spacing: 4px;\n  }\n  .main-titlesub span {\n    color: #ff0000;\n    display: block;\n    font-size: 0.6em;\n    margin-top: -10px !important;\n  }\n\n  .main-variant {\n    letter-spacing: 4px;\n    text-align: left !important;\n    margin-bottom: 10px;\n    color: #000;\n    text-align: center;\n  }\n  .aboutairflex-text {\n    width: 75%;\n    margin: 0 auto;\n  }\n\n  .airflex-title-big {\n    margin: 0 auto;\n    font-size: 1.8em !important;\n  }\n  .airflex-title-big2 {\n    margin: 0 auto;\n    font-size: 1em !important;\n  }\n\n  @media only screen and (max-width: 460px) {\n    .airflex-title-big {\n      margin: 0 auto;\n      font-size: 1.3em !important;\n    }\n    .airflex-title-big2 {\n      margin: 0 auto;\n      font-size: 1em !important;\n    }\n\n    .aboutairflex-text {\n      width: 100%;\n      margin: 0 auto;\n    }\n\n    .main-titlesub span {\n      margin-top: 0 !important;\n    }\n    .main-variant {\n      text-align: center !important;\n    }\n  }\n\n  .airflex-title-white {\n    color: #fff;\n  }\n  .airflex-title-black {\n    color: #000000;\n  }\n  .parablack {\n    color: #000000;\n  }\n\n  .main-content \u003e div:nth-child(4) {\n    margin-bottom: 0 !important;\n  }\n\n  .containerbox {\n    position: relative;\n  }\n\n  .overlaymenu {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \/* Add background color or image, and any other styling you want for the overlay *\/\n    background-color: rgba(0, 0, 0, 0); \/* Example with semi-transparent black background *\/\n    z-index: 999;\n  }\n\n  .airflexmenu {\n    \/*  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgb(255, 255, 255)); *\/\n    border-bottom: 0 solid #000;\n    padding-top: 20px;\n  }\n\n  .airflexhomelogo {\n    height: 40px !important;\n  }\n  .airflexhomeicon {\n    height: 40px !important;\n  }\n\n  .airflexpara {\n    font-size: 28px;\n    line-height: 1.1;\n    text-transform: uppercase;\n  }\n\n  .airflexpg-paragraph {\n    right: 0;\n    color: #fff;\n    position: absolute;\n    top: 46% !important;\n    -ms-transform: translateY(-50%) !important;\n    transform: translateY(-50%) !important;\n  }\n\n  a.airflexhomeicon {\n  }\n\n  a.airflexhomeicon:hover {\n  }\n\n  @media only screen and (max-width: 460px) {\n    .airflexhomeicon {\n      height: 30px;\n    }\n  }\n\n  .video-container {\n    position: relative;\n    z-index: 1; \/* Ensure the video is behind the menu *\/\n  }\n\n  video {\n    width: 100%;\n  }\n\u003c\/style\u003e\n\n\u003c!-- new  section --\u003e\n\u003cdiv style=\"background-color: #000000; margin-bottom: 0px!important;\"\u003e\n  \u003cdiv class=\"container-fluid m-0 p-0 \" style=\"margin-bottom: 0px!important;\"\u003e\n    \u003c!-- New section - NO1. --\u003e\n    \u003c!-- New section - NO1. --\u003e\n    \u003cdiv class=\"row col-tbline ca-bgbox parallax-new marvel-parallax\" style=\"background-color: #000000;\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12 \"\u003e\n        \u003cdiv class=\"venom-bg-wrap\"\u003e\n          \u003cdiv class=\"venom-bg-right left-to-right\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/sect-bg-1.jpg?v=1745795368'); background-size: cover;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-1 order-md-1 text-center product-img\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\" image-animate-right\" style=\"margin-top: auto;\"\u003e\n                \u003cimg data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/01-sectpic-airflexv2-sw.png?v=1745795343\" class=\"lazy lazyload marvelpg-pic\" style=\" \"\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-2 order-md-2\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"marvelpg-paragraph features-padding-big2\"\u003e\n                \u003ch2 class=\"airflex-title pseudo_border_left\"\u003e01. UNLEASH THE FORCE WITH SPINE-SHAPED COMFORT\u003c\/h2\u003e\n                \u003cp class=\"features-para\"\u003e\n                  The AIRFLEX V2 Star Wars Edition comes with a spine-shaped backrest, designed to mirror the natural\n                  curves of your body for superior comfort and posture. Embellished with the Rebellion and Galactic\n                  Empire symbols,along with futuristic galactic-themed lines that highlight Star Wars elements, it\n                  offers a perfect blend of design and support. The breathable mesh ensures you stay cool and\n                  comfortable, whether you're fighting for the light side or the dark.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- End New section - NO1. --\u003e\n\n    \u003c!-- section NO2 --\u003e\n    \u003cdiv class=\"row col-tbline parallax-new marvel-parallax\" style=\"background-color: #dedede;\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12\"\u003e\n        \u003cdiv class=\"venom-bg-wrap\"\u003e\n          \u003cdiv class=\"venom-bg-right\" style=\"\n              background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/sect-bg-2.jpg?v=1745795368');\n              background-size: cover;\n            \"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-1 order-md-2 text-center \" style=\"position: relative;\"\u003e\n              \u003cdiv class=\" image-animate-left\"\u003e\n                \u003cimg data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/02-sectpic-airflexv2-sw.png?v=1745795343\" class=\"lazy lazyload\"\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-2 order-md-1\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"marvelpg-paragraph features-padding-big \"\u003e\n                \u003ch2 class=\"airflex-title text-black pseudo_border_left\"\u003e\n                  02. FLIP-UP PADDED ARMRESTS FOR GALACTIC COMFORT\n                \u003c\/h2\u003e\n                \u003cp class=\"features-para text-black \"\u003e\n                  Designed for versatile comfort, the chair comes with padded armrests and a flip-up feature for\n                  seamless adjustment. Whether you're in battle or taking a break, this flexible design supports your\n                  every move.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- end section NO2 --\u003e\n\n    \u003c!-- section  NO3 --\u003e\n    \u003cdiv class=\"row col-tbline ca-bgbox parallax-new marvel-parallax\" style=\"background-color: #dedede;\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12 \"\u003e\n        \u003cdiv class=\"venom-bg-wrap\"\u003e\n          \u003cdiv class=\"venom-bg-right\" style=\"\n              background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/sect-bg-3.jpg?v=1745795368');\n              background-size: cover;\n            \"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-1 order-md-1 text-center\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\" image-animate-right\"\u003e\n                \u003cimg data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/03-sectpic-airflexv2-sw.png?v=1745795343\" class=\"lazy lazyload marvelpg-pic\" style=\" \"\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-2 order-md-2\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"marvelpg-paragraph features-padding-big2\"\u003e\n                \u003ch2 class=\"airflex-title pseudo_border_left\"\u003e03. WORK AND GAME IN COMFORT WITH STAR WARS ERGONOMICS\u003c\/h2\u003e\n                \u003cp class=\"features-para\"\u003e\n                  Sink into comfort with plush foam cushioning and breathable fabric that keeps you cool and refreshed,\n                  while providing ergonomic support for long workdays or gaming marathons. Enhanced with iconic Star\n                  Wars-inspired design elements, it’s perfect for extended hours of gameplay or galactic strategy\n                  planning.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- end section NO3 --\u003e\n\n    \u003c!-- section NO4 --\u003e\n    \u003cdiv class=\"row col-tbline ca-bgbox parallax-new marvel-parallax\" style=\"background-color: #dedede;\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12\"\u003e\n        \u003cdiv class=\"venom-bg-wrap\"\u003e\n          \u003cdiv class=\"venom-bg-right to-left\" style=\"\n              background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/sect-bg-4.jpg?v=1745795368');\n              background-size: cover;\n            \"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-1 order-md-2 text-center\"\u003e\n              \u003c!-- img fadein fade out when scroll --\u003e\n              \u003cdiv class=\" image-animate-left\"\u003e\n                \u003cimg data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/04-sectpic-airflexv2-sw.png?v=1745795343\" class=\"lazy lazyload image-D\"\u003e\n              \u003c\/div\u003e\n\n              \u003c!-- end img fadein fadeout when scroll --\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-2 order-md-1\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"marvelpg-paragraph features-padding-big\"\u003e\n                \u003ch2 class=\"airflex-title text-black pseudo_border_left\"\u003e\n                  04. UNYIELDING SUPPORT WITH A SINGLE-PIECE FRAME\n                \u003c\/h2\u003e\n                \u003cp class=\"features-para text-black\"\u003e\n                  The AIRFLEX V2 Star Wars Edition features a single-piece backrest design, seamlessly extending from\n                  lumbar support to the neck, offering support as steadfast as the Force itself, keeping you aligned and\n                  comfortable during long sessions in your galactic journey.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- end  NO4 --\u003e\n\n    \u003c!-- section NO5 --\u003e\n    \u003cdiv class=\"row col-tbline ca-bgbox parallax-new marvel-parallax\" style=\"background-color: #dedede;\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12\"\u003e\n        \u003cdiv class=\"venom-bg-wrap\"\u003e\n          \u003cdiv class=\"venom-bg-right\" style=\"\n              background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/sect-bg-5.jpg?v=1745795368');\n              background-size: cover;\n            \"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-1 order-md-1 text-center \" style=\"position: relative;\"\u003e\n              \u003cdiv class=\" image-animate-right\"\u003e\n                \u003cimg data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/05-sectpic-airflexv2-sw.png?v=1745795343\" class=\"lazy lazyload\"\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-2 order-md-2\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"marvelpg-paragraph features-padding-big \"\u003e\n                \u003ch2 class=\"airflex-title pseudo_border_left\"\u003e05. TILT 121° INTO GALACTIC COMFORT\u003c\/h2\u003e\n                \u003cp class=\"features-para\"\u003e\n                  Tilt back effortlessly with the AIRFLEX V2 Star Wars Edition’s 121° tilt mechanism. Perfect for taking\n                  a break or finding inspiration, this feature helps you stay relaxed and productive, just like a true\n                  Jedi.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- section END NO5-121MAX TILT --\u003e\n\n    \u003c!-- section  NO6 --\u003e\n    \u003cdiv class=\"row col-tbline ironman-bgbox parallax-new marvel-parallax\" style=\" background-color: #000;\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12\"\u003e\n        \u003cdiv class=\"venom-bg-wrap\"\u003e\n          \u003cdiv class=\"venom-bg-right left-to-right\" style=\"\n              background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/sect-bg-6.jpg?v=1745795368');\n              background-size: cover;\n            \"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-1 order-md-2 text-centert\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"image-animate-left text-center\"\u003e\n                \u003cimg data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/06-sectpic-airflexv2-sw.png?v=1745795343\" class=\"lazy lazyload marvelpg-pic\" style=\"\"\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"col-12 col-md-6 col-lg-6 order-2 order-md-1\" style=\"position: relative;\"\u003e\n              \u003cdiv class=\"marvelpg-paragraph features-padding-big2\"\u003e\n                \u003ch2 class=\"airflex-title text-black pseudo_border_left\"\u003e06. HEAVY-DUTY NYLON WHEELBASE\u003c\/h2\u003e\n                \u003cp class=\"features-para text-black\"\u003e\n                  Equipped with a heavy-duty nylon wheelbase, the AIRFLEX V2 Star Wars Edition provides steady stability\n                  for all-day comfort. Designed for durability, it offers the perfect foundation to keep you firmly\n                  grounded.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- end section NO6 --\u003e\n\n    \u003c!-- Section 7 --\u003e\n    \u003cdiv class=\"row col-tbline parallax-new marvel-parallax\" style=\" background-color: rgb(245, 245, 245);\"\u003e\n      \u003c!-- start style --\u003e\n      \u003cdiv class=\" col-12 col-md-12 col-sm-12\"\u003e\n        \u003cdiv class=\"container\"\u003e\n          \u003cdiv class=\"row\"\u003e\n            \u003clink rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.css\"\u003e\n            \u003cstyle\u003e\n              .slick-slide {\n                padding: 10px;\n              }\n\n              @media screen and (max-width: 460px) {\n                .slick-slide {\n                  padding: 4px;\n                }\n                .slick-prev {\n                  left: -10px;\n                }\n                .slick-next {\n                  right: -10px;\n                }\n                .feature-section-mobile {\n                    padding: 30px 15px;\n                }\n              }\n            \u003c\/style\u003e\n\n            \u003c!-- end features section --\u003e\n            \u003cdiv class=\"col-12 col-md-12 col-sm-12 feature-section-mobile\" style=\"margin: 0px 0px!important\"\u003e\n              \u003cdiv class=\"autoplay\"\u003e\n                \u003c!-- slide 1 --\u003e\n                \u003cdiv class=\"uspbox\"\u003e\n                  \u003cdiv class=\"col-12 col-md-6 col-xl-6 featuresboxtext1\" style=\"\"\u003e\n                    \u003ch2 class=\"airflex-title pseudo_border_left\"\u003e07. ADJUSTABLE TILT CONTROL\u003c\/h2\u003e\n                    \u003cp class=\"features-para\"\u003e\n                      The AIRFLEX V2 Star Wars Edition features a butterfly tilt mechanism, offering smooth and\n                      effortless adjustments. Whether you're focused or relaxed, it lets you find your perfect angle for\n                      comfort and support.\n                    \u003c\/p\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"col-12 col-md-6 col-xl-6 featuresboxtext2 \"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/new-airflex-fulltilt.png?v=1690853587\"\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- slide 1 --\u003e\n                \u003c!-- slide 2 --\u003e\n                \u003cdiv class=\"uspbox\"\u003e\n                  \u003cdiv class=\"col-12 col-md-6 col-xl-6 featuresboxtext1\" style=\"\"\u003e\n                    \u003ch2 class=\"airflex-title pseudo_border_left\"\u003e08. HEAVY-DUTY CLASS 3 SGS CERTIFIED HYDRAULICS\u003c\/h2\u003e\n                    \u003cp class=\"features-para\"\u003e\n                      The Heavy-Duty Class 3 SGS Certified Hydraulic Piston provides exceptional stability and a\n                      360-degree swivel. The adjustable height, along with the sturdy aluminum shell, guarantees comfort\n                      and durability for long galactic missions.\n                    \u003c\/p\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"col-12 col-md-6 col-xl-6 featuresboxtext2 \"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/airflex-hydraulic.png?v=1690527471\"\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- slide 2 --\u003e\n\n                \u003c!-- slide 4 --\u003e\n                \u003cdiv class=\"uspbox\"\u003e\n                  \u003cdiv class=\"col-12 col-md-6 col-xl-6 featuresboxtext1\" style=\"\"\u003e\n                    \u003ch2 class=\"airflex-title pseudo_border_left\"\u003e09. HEAVY-DUTY PU CASTORS\u003c\/h2\u003e\n                    \u003cp class=\"features-para\"\u003e\n                      Designed for superior mobility, the TTRacing AIRFLEX V2 Star Wars Edition is equipped with 6cm PU\n                      casters that rotate 360 degrees. The high-quality rubber composition ensures that your flooring\n                      stays safe, and the wheels last longer, whether you're working or gaming.\n                    \u003c\/p\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"col-12 col-md-6 col-xl-6 featuresboxtext2\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/new-airflex-caster.png?v=1690718033\"\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- slide 4 --\u003e\n              \u003c\/div\u003e\n              \u003c!-- autoplay end here --\u003e\n            \u003c\/div\u003e\n            \u003c!-- end features section --\u003e\n            \u003c!-- css\/js --\u003e\n            \u003cstyle\u003e\n              .slick-slider {\n                margin-bottom: 0 !important;\n              }\n              .featuresboxtext1 {\n                left: 0;\n                position: absolute;\n                top: 46% !important;\n                -ms-transform: translateY(-50%) !important;\n                transform: translateY(-50%) !important;\n                margin: 0 !important;\n                padding: 0 10px !important;\n              }\n\n              .featuresboxtext2 {\n                padding: 0 10px !important;\n                right: 0;\n                position: absolute;\n                top: 46% !important;\n                -ms-transform: translateY(-50%) !important;\n                transform: translateY(-50%) !important;\n                margin: 0 !important;\n              }\n\n              .featuresboxtext2 img {\n                position: relative !important;\n                right: 0;\n                border: 0 solid #07ff4d;\n              }\n              .uspbox {\n                min-height: 600px;\n              }\n\n              @media only screen and (max-width: 767px) {\n                .featuresboxtext1 {\n                  -ms-transform: translateY(0%) !important;\n                  transform: translateY(10%) !important;\n                }\n                .featuresboxtext2 {\n                  top: 0 !important;\n                  -ms-transform: translateY(0%) !important;\n                  transform: translateY(0%) !important;\n                }\n\n                .featuresboxtext1 \u003e .airflex-title {\n                  text-align: center;\n                }\n                .uspbox {\n                  min-height: 620px;\n                  border: 0 solid #f6a800;\n                }\n              }\n\n              .slick-prev:before,\n              .slick-next:before {\n                color: #000 !important;\n              }\n            \u003c\/style\u003e\n            \u003cscript src=\"\/\/code.jquery.com\/jquery-3.6.1.min.js\" integrity=\"sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n            \u003cscript src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"\u003e\u003c\/script\u003e\n            \u003cscript\u003e\n              $('.autoplay').slick({\n                slidesToShow: 1,\n                Padding: '10px',\n                slidesToScroll: 1,\n                autoplay: true,\n                autoplaySpeed: 4000,\n                responsive: [\n                  {\n                    breakpoint: 1024,\n                    settings: {\n                      slidesToShow: 1,\n                      slidesToScroll: 1,\n                    },\n                  },\n                  {\n                    breakpoint: 600,\n                    settings: {\n                      slidesToShow: 1,\n                      slidesToScroll: 1,\n                    },\n                  },\n                  {\n                    breakpoint: 480,\n                    settings: {\n                      slidesToShow: 1,\n                      slidesToScroll: 1,\n                    },\n                  },\n                ],\n              });\n            \u003c\/script\u003e\n            \u003c!-- css\/js --\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- end style --\u003e\n    \u003c\/div\u003e\n    \u003c!-- section 5 --\u003e\n\n    \u003c!-- start intro 2 --\u003e\n\n    \u003c!-- end intro 2 --\u003e\n\n    \u003cscript\u003e\n            var velocity = 0.5;\n\n            function update() {\n              var pos = $(window).scrollTop();\n              $('.ca-bgbox').each(function() {\n                var $element = $(this);\n\n      \/\/ subtract some from the height b\/c of the padding\n                var height = $element.height()18;\n                $(this).css('backgroundPosition', '-50% ' + Math.round((height - pos) * velocity) + '50px');\n              });\n            };\n\n            $(window).bind('scroll', update);\n    \u003c\/script\u003e\n  \u003c\/div\u003e\n  \u003c!-- End section --\u003e\n\u003c\/div\u003e\n\n\u003c!-- end new  section --\u003e\n\n\u003c!-- js black and white --\u003e\n\u003cstyle\u003e\n  \/* Animation for black chair image *\/\n  @keyframes fadeInLeft {\n    from {\n      opacity: 0;\n      transform: translateX(-50px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  \/* Animation for white chair image *\/\n  @keyframes fadeInRight {\n    from {\n      opacity: 0;\n      transform: translateX(50px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  \/* Apply the animations when elements are visible in the viewport *\/\n  .image-animate-left,\n  .image-animate-right {\n    opacity: 0;\n  }\n\n  .image-animate-left.animate {\n    animation: fadeInLeft 1s forwards;\n  }\n\n  .image-animate-right.animate {\n    animation: fadeInRight 1s forwards;\n  }\n\u003c\/style\u003e\n\u003cscript\u003e\n  function isElementInViewport(el) {\n    var rect = el.getBoundingClientRect();\n    return (\n      rect.top \u003e= 0 \u0026\u0026\n      rect.left \u003e= 0 \u0026\u0026\n      rect.bottom \u003c= (window.innerHeight || document.documentElement.clientHeight) \u0026\u0026\n      rect.right \u003c= (window.innerWidth || document.documentElement.clientWidth)\n    );\n  }\n\n  function checkAnimation() {\n    var elements = document.querySelectorAll('.image-animate-left, .image-animate-right');\n    elements.forEach(function (element) {\n      if (isElementInViewport(element)) {\n        element.classList.add('animate');\n      }\n    });\n  }\n\n  window.addEventListener('scroll', checkAnimation);\n\u003c\/script\u003e\n\u003c!-- end js black and white --\u003e\n\n\u003cscript\u003e\n  $('#scrolltoup').click(function () {\n    $('html, body').animate(\n      {\n        scrollTop: $('#irontop').offset().top - 150,\n      },\n      1000\n    );\n  });\n\u003c\/script\u003e\n\n\u003cscript\u003e\n  (function ($, document, window, undefined) {\n    $.fn.MWslider = function (config) {\n      this.elements = this.find('img');\n      this.center = this.elements.filter('.center').index();\n\n      var that = this,\n        config = $.fn.MWslider.getConfig(config);\n\n      $.fn.MWslider.setHeight(that);\n      $(window).on('resize', function () {\n        $.fn.MWslider.setHeight(that);\n      });\n\n      var move = $.fn.MWslider.moveSlider;\n      $.fn.MWslider.addNav(that, move, config);\n\n      \/\/ Paralax efect\n\n      that.mousemove(function (e) {\n        $.fn.MWslider.mouseFollow.call(that, e, this.elements);\n      });\n      return that;\n    };\n\n    \/\/ Ustawia responsywną wysokość slider'a\n\n    $.fn.MWslider.setHeight = function (that) {\n      var width = that.width(),\n        proportion = parseInt(that.css('max-width')) \/ parseInt(that.css('max-height'));\n\n      that.css('height', width \/ proportion);\n      console.log(width, proportion);\n    };\n\n    \/\/ Paralax Effect\n\n    $.fn.MWslider.mouseFollow = function (e, elem) {\n      var width = $(window).innerWidth();\n      height = this.height();\n\n      \/\/ console.log(width,height);\n    };\n\n    \/\/ Dodawanie nawigacji\n\n    $.fn.MWslider.addNav = function (that, f1, settings) {\n      var leftArrow = $(\"\u003cdiv class='navContainer'\u003e\u003cdiv class='\" + settings.nav.leftClass + \"'\u003e\u003c\/div\u003e\").prependTo(that),\n        rightArrow = $(\"\u003cdiv class='navContainer'\u003e\u003cdiv class='\" + settings.nav.rightClass + \"'\u003e\u003c\/div\u003e\").appendTo(that);\n      leftArrow.on('click', function () {\n        f1(that, 'left', settings);\n      });\n      rightArrow.on('click', function () {\n        f1(that, 'right', settings);\n      });\n    };\n\n    \/\/ Ustawianie configu\n\n    $.fn.MWslider.getConfig = function (config) {\n      var defaultConfig = {\n        duration: 500,\n        nav: {\n          leftClass: 'leftClass',\n          rightClass: 'rightClass',\n        },\n      };\n\n      if (!(config instanceof Object)) {\n        return $.extend({}, defaultConfig, config);\n      } else {\n        return $.extend({}, defaultConfig);\n      }\n    };\n\n    \/\/ Przesówanie slidera\n\n    $.fn.MWslider.checkPosition = function (cent, len) {\n      var left = cent - 1 \u003c 0 ? len - 1 : cent - 1,\n        right = cent + 2 \u003e len ? 0 : cent + 1,\n        prevleft = left - 1 \u003c 0 ? len - 1 : left - 1,\n        prevright = right + 2 \u003e len ? 0 : right + 1;\n      return [left, cent, right, prevleft, prevright];\n    };\n\n    $.fn.MWslider.moveSlider = function (that, side, config) {\n      var len = that.elements.length;\n\n      if (side === 'right') that.center = that.center + 2 \u003e len ? 0 : that.center + 1;\n      else if (side === 'left') that.center = that.center - 1 \u003c 0 ? len - 1 : that.center - 1;\n\n      var pos = $.fn.MWslider.checkPosition(that.center, len);\n\n      that.elements.removeClass();\n\n      that.elements.eq(pos[2]).addClass('right');\n      that.elements.eq(pos[1]).addClass('center');\n      that.elements.eq(pos[0]).addClass('left');\n    };\n\n    $(window).on('load', function () {\n      $('.slider-ds').MWslider();\n    });\n  })(jQuery, document, window);\n\u003c\/script\u003e\n\n\u003cscript\u003e\n  const scrollElements = document.querySelectorAll('.js-scroll');\n\n  const elementInView = (el, dividend = 1) =\u003e {\n    const elementTop = el.getBoundingClientRect().top;\n\n    return elementTop \u003c= (window.innerHeight || document.documentElement.clientHeight) \/ dividend;\n  };\n\n  const elementOutofView = (el) =\u003e {\n    const elementTop = el.getBoundingClientRect().top;\n\n    return elementTop \u003e (window.innerHeight || document.documentElement.clientHeight);\n  };\n\n  const displayScrollElement = (element) =\u003e {\n    element.classList.add('scrolled');\n  };\n\n  const hideScrollElement = (element) =\u003e {\n    element.classList.remove('scrolled');\n  };\n\n  const handleScrollAnimation = () =\u003e {\n    scrollElements.forEach((el) =\u003e {\n      if (elementInView(el, 1.5)) {\n        displayScrollElement(el);\n      } else if (elementOutofView(el)) {\n        hideScrollElement(el);\n      }\n    });\n  };\n\n  window.addEventListener('scroll', () =\u003e {\n    handleScrollAnimation();\n  });\n\u003c\/script\u003e","brand":"TTRacing United Kingdom","offers":[{"title":"Star Wars","offer_id":50577088151874,"sku":"TTAFLXV2STWR-001","price":229.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/6815\/5458\/files\/airflexv2sw-mainpic_fc8b9d2a-2660-4eaf-8019-f88e32f8e844.png?v=1746584840"}],"url":"https:\/\/ttracing.uk\/collections\/airflex-v2-star-wars.oembed","provider":"TTRacing United Kingdom","version":"1.0","type":"link"}