{"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\"\u003e\n                  01. RASAKAN FORCE DENGAN KENYAMANAN BENTUK TULANG BELAKANG\n                \u003c\/h2\u003e\n                \u003cp class=\"features-para\"\u003e\n                  AIRFLEX V2 - Edisi Star Wars hadir dengan sandaran berbentuk tulang belakang yang dirancang mengikuti\n                  lekuk alami tubuh untuk kenyamanan dan postur yang optimal. Dihiasi simbol Rebellion dan Kekaisaran\n                  Galactic, kursi ini memadukan desain ikonik dengan dukungan ergonomis. Material jaring yang dapat\n                  bernapas memastikan Anda tetap sejuk dan nyaman, baik saat membela sisi terang maupun sisi gelap.\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. SANDARAN TANGAN EMPUK DENGAN FITUR LIPAT ATAS UNTUK KENYAMANAN GALAKSI\n                \u003c\/h2\u003e\n                \u003cp class=\"features-para text-black \"\u003e\n                  Dirancang untuk kenyamanan yang fleksibel, kursi ini dilengkapi sandaran tangan empuk dengan fitur\n                  lipat atas yang mudah disesuaikan. Baik saat bertempur maupun bersantai, desain serbaguna ini siap\n                  mendukung setiap gerakan Anda.\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. NYAMAN BEKERJA DAN BERMAIN DENGAN ERGONOMI STAR WARS\u003c\/h2\u003e\n                \u003cp class=\"features-para\"\u003e\n                  Benamkan diri Anda dalam kenyamanan dengan bantalan busa empuk dan bahan bernapas yang menjaga Anda\n                  tetap sejuk dan segar. Didesain ergonomis untuk mendukung sesi kerja atau gaming yang panjang —\n                  sempurna untuk bermain berjam-jam atau merencanakan strategi.\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. DUKUNGAN TANGGUH DENGAN RANGKA SATU BAGIAN\n                \u003c\/h2\u003e\n                \u003cp class=\"features-para text-black\"\u003e\n                  AIRFLEX V2 - Edisi Star Wars dilengkapi sandaran belakang satu bagian yang menyatu dari penopang\n                  pinggang hingga leher, menjaga postur tetap sejajar dan nyaman selama sesi panjang.\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. MIRING 121° UNTUK KENYAMANAN GALAKSI\u003c\/h2\u003e\n                \u003cp class=\"features-para\"\u003e\n                  Bersandar dengan mudah berkat mekanisme kemiringan 121° pada AIRFLEX V2 - Edisi Star Wars. Sempurna\n                  untuk beristirahat atau mencari inspirasi, fitur ini membantu Anda tetap rileks dan produktif—layaknya\n                  seorang Jedi sejati.\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. BASIS RODA NILON TUGAS BERAT\u003c\/h2\u003e\n                \u003cp class=\"features-para text-black\"\u003e\n                  Dilengkapi basis roda nilon tugas berat, AIRFLEX V2 - Edisi Star Wars menghadirkan stabilitas maksimal\n                  untuk kenyamanan seharian. Dirancang tahan lama, fondasi kokoh ini memastikan Anda tetap mantap di\n                  setiap momen.\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. KONTROL KEMIRINGAN YANG DAPAT DISESUAIKAN\u003c\/h2\u003e\n                    \u003cp class=\"features-para\"\u003e\n                      AIRFLEX V2 - Edisi Star Wars dilengkapi mekanisme kemiringan kupu-kupu yang memungkinkan\n                      penyesuaian sudut dengan mulus dan mudah. Baik saat fokus maupun bersantai, Anda bisa menemukan\n                      posisi paling nyaman dengan dukungan optimal.\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. HIDROLIK KELAS 3 BERSERTIFIKAT SGS TUGAS BERAT\u003c\/h2\u003e\n                    \u003cp class=\"features-para\"\u003e\n                      Piston hidrolik Kelas 3 bersertifikat SGS ini memberikan stabilitas luar biasa dan putaran 360\n                      derajat. Ketinggian yang dapat disesuaikan serta kerangka aluminium yang kokoh menjamin kenyamanan\n                      dan daya tahan untuk misi galaksi yang panjang.\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. RODA PU TUGAS BERAT\u003c\/h2\u003e\n                    \u003cp class=\"features-para\"\u003e\n                      Dirancang untuk mobilitas maksimal, TTRacing AIRFLEX V2 - Edisi Star Wars dilengkapi roda PU 6 cm\n                      yang dapat berputar 360 derajat. Komposisi karet berkualitas tinggi menjaga lantai tetap aman dan\n                      memastikan roda lebih tahan lama, baik saat bekerja maupun bermain game.\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","offers":[{"title":"Star Wars","offer_id":46591145902325,"sku":"TTAFLXV2STWR-001","price":2999000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/airflexv2sw-mainpic.png?v=1745996797"}],"url":"https:\/\/ttracing.co.id\/collections\/airflex-v2-star-wars.oembed","provider":"TTRacing Indonesia","version":"1.0","type":"link"}