{"id":1075,"date":"2026-05-20T14:20:53","date_gmt":"2026-05-20T11:20:53","guid":{"rendered":"https:\/\/xpeng.rayaauto.com\/?page_id=1075"},"modified":"2026-05-22T14:16:28","modified_gmt":"2026-05-22T11:16:28","slug":"p7-plus","status":"publish","type":"page","link":"https:\/\/xpeng.com\/eg\/p7-plus","title":{"rendered":"P7+"},"content":{"rendered":"\n<?php\n    get_header();\n    ?>\n<html lang=\"no\" class=\"isWindows\" style=\"--vh: 6.07px;\">\n\n<head>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/antd\/4.16.13\/antd.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.rayaauto.com\/wp-content\/themes\/xpeng\/css\/body.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/3496384914243151.2a453e31.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/186518359832181.dbcebbd9.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/Page.85e62345.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/x9.b4afdafd.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/swiper-bundle.min.css\">\n    <style>\n\n@media (max-width: 768px) {\n\n  \/* SECTION *\/\n  .index-module__color-switch--vkFEpvWC {\n\n    \/* padding-right: 30% !important; *\/\n    background: #f3f3f3 !important;\n    padding: 70px 20px 40px !important;\n    overflow: hidden;\n    display: center !important;\n  }\n\n  \/* TITLE *\/\n  .index-module__title--ncC47PRj {\n    font-size: 24px !important;\n    line-height: 1.25 !important;\n    font-weight: 400 !important;\n    color: #000 !important;\n    max-width: 260px;\n    margin-bottom: 50px !important;\n  }\n\n  \/* REMOVE X9 LOGO *\/\n  .index-module__logo--nOovihfd {\n    display: none !important;\n  }\n\n  \/* CAR WRAPPER *\/\n  .index-module__car-img-wrapper--vg6mCU4f {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto 35px !important;\n  }\n\n  .index-module__car-img--hpve9Fo0 {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .index-module__active-pic--VamqncmN {\n    width: 100%;\n    display: flex !important;\n    justify-content: center;\n    align-items: center;\n  }\n\n  \/* CAR IMAGE *\/\n  .customed_panner,\n  .index-module__active-pic--VamqncmN img {\n    width: 108% !important;\n    max-width: unset !important;\n    margin-left: -4% !important;\n    height: auto !important;\n    object-fit: contain !important;\n    display: block;\n  }\n\n  \/* COLOR LIST *\/\n  .index-module__switch-pane--aG7hYXUL {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 14px !important;\n    margin-top: 5px !important;\n  }\n\n  .index-module__pane--ROUocyKX {\n    width: 100%;\n    min-height: 58px;\n    border-radius: 40px;\n    display: flex !important;\n    align-items: center !important;\n    gap: 14px;\n    padding: 0 18px !important;\n    transition: 0.3s ease;\n    background: transparent;\n  }\n\n  .index-module__active-pane--TxVl2uns {\n    background: #e9e9e9 !important;\n  }\n\n  \/* COLOR DOT *\/\n  .index-module__pane-img--Lh-VDl\\+8 {\n    width: 28px !important;\n    height: 28px !important;\n    min-width: 28px;\n  }\n\n  .index-module__pane-img--Lh-VDl\\+8 img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover;\n  }\n\n  \/* TEXT *\/\n  .index-module__text--lxguTeqo {\n    display: block !important;\n    position: static !important;\n    font-size: 16px !important;\n    color: #000 !important;\n    line-height: 1 !important;\n  }\n}\n\n        .ncC47PRj.text-display-title {\n        font-family: 'basis_grotesque_regular';\n        translate: none;\n        rotate: none;\n        scale: none;\n        opacity: 1;\n        transform: translate(0px, 0px);\n        font-size: 2rem; \/* Default font size *\/\n        }\n        @media (max-width: 600px) {\n        .ncC47PRj.text-display-title {\n        font-family: 'basis_grotesque_regular';\n        font-size: 2rem; \/* Adjust font size for mobile *\/\n        }\n        }\n        .OVXJVetp\n        {\n            padding-top: 0px !important;\n        }\n\n        .colored-label{\n                color: #FFFFFF99 !important;\n                font-family: 'basis_grotesque_regular';\n            }\n            .colored-label-white{\n                color: white !important;\n                font-family: 'basis_grotesque_regular';\n\n            }\n        .custom-tabcontent\n        {\n            height: 70px;\n            margin-top: 2%;\n        }\n\n.responsive-height {\n            height: inherit; \/* Default height for mobile view *\/\n        }\n\n        @media (min-width: 768px) {\n            .responsive-height{\n                height: max-content;\n            }\n\n        }\n\n        .swiper-container {\n            width: 100vw;\n            \/* Full width of the viewport *\/\n            height: 100vh;\n            \/* Full height of the viewport *\/\n            overflow: hidden;\n            \/* Ensure no overflow *\/\n        }\n\n        @media (max-width: 768px) {\n            .swiper-container {\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .swiper-container {\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        .swiper-slide {\n            position: relative;\n            text-align: left;\n            font-size: 18px;\n            background: #ffffff;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n        }\n\n        .swiper-slide img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .slide-content {\n            position: absolute;\n            top: 30%;\n            left: 10%;\n            transform: translateY(-50%);\n            color: white;\n            text-align: left;\n        }\n\n        .slide-title {\n            font-size: 48px;\n            font-weight: bold;\n            margin-bottom: 20px;\n        }\n\n        .slide-button {\n            padding: 10px 20px;\n            font-size: 16px;\n            color: white;\n            background-color: transparent;\n            border: 2px solid white;\n            border-radius: 30px;\n            text-decoration: none;\n            margin-top: 10px;\n            transition: background-color 0.3s, color 0.3s;\n            margin-right: 10px;\n        }\n\n        .slide-button:hover {\n            background-color: white;\n            color: black;\n        }\n\n        \/* Styling for next and previous buttons *\/\n        .swiper-button-next,\n        .swiper-button-prev {\n            background-color: gray;\n\n            color: black;\n            display: none;\n        }\n\n        \/* Styling for pagination points *\/\n        .swiper-pagination-bullet {\n            background-color: #A4CE4C;\n            width: 30px;\n            \/* Adjust the width *\/\n            height: 2px;\n            \/* Adjust the height *\/\n            border-radius: 0;\n\n        }\n\n        .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n            left: 50%;\n\n        }\n\n        .title-wrapper-subTitle-custom {\n            height: 45%;\n            margin-bottom: 60%;\n        }\n\n        ._8rM3tlc7 {\n            text-align: start;\n        }\n\n        ._3UgFVRV4D {\n            font-size: 35px;\n            font-family: 'basis_grotesque_regular';\n            font-weight: bold;\n            text-align: center;\n            color: white;\n\n\n\n        }\n\n        ._3UgFVRV4D_black {\n            font-size: 35px;\n            font-family: 'basis_grotesque_regular';\n            font-weight: bold;\n            text-align: center;\n\n        }\n        ._custom-p{\n                text-align: center;\n                font-family: 'basis_grotesque_regular';\n            }\n\n        @media (max-width: 550px) {\n            ._custom-p{\n                text-align: start;\n                padding: 2%;\n                font-family: 'basis_grotesque_regular';\n            }\n            .inline-container {\n                flex-direction: column;\n                \/* Stack items vertically *\/\n                align-items: flex-start;\n            }\n\n            .inline-container img {\n                margin-bottom: 10px;\n                \/* Space between image and text *\/\n                margin-right: 0;\n                \/* Remove right margin *\/\n            }\n\n            \n\n            ._3UgFVRV4D {\n                font-size: 1.5rem;\n                font-family: 'basis_grotesque_regular';\n                font-weight: bold;\n                color: white;\n                padding-top: 65px;\n                text-align: start;\n            }\n\n\n            ._3UgFVRV4D_black {\n                font-size: 2.7rem;\n                font-family: 'basis_grotesque_regular';\n                font-weight: bold;\n                color: black;\n                padding-top: 65px;\n                text-align: start;\n            }\n\n\n        }\n\n        .black_sub_title {\n            font-size: small;\n            font-family: 'basis_grotesque_regular';\n            color: #0A0A1A;\n            opacity: 0.5;\n        }\n    <\/style>\n    <style data-rc-order=\"prepend\" rc-util-key=\"@anta-design-icons\">\n        .anticon {\n            display: inline-block;\n            color: inherit;\n            font-style: normal;\n            line-height: 0;\n            text-align: center;\n            text-transform: none;\n            vertical-align: -0.125em;\n            text-rendering: optimizeLegibility;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .anticon>* {\n            line-height: 1;\n        }\n\n        .anticon svg {\n            display: inline-block;\n        }\n\n        .anticon::before {\n            display: none;\n        }\n\n        .anticon .anticon-icon {\n            display: block;\n        }\n\n        .anticon[tabindex] {\n            cursor: pointer;\n        }\n\n        .anticon-spin::before,\n        .anticon-spin {\n            display: inline-block;\n            -webkit-animation: loadingCircle 1s infinite linear;\n            animation: loadingCircle 1s infinite linear;\n        }\n\n        @-webkit-keyframes loadingCircle {\n            100% {\n                -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n\n        @keyframes loadingCircle {\n            100% {\n                -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n    <\/style>\n    <script async=\"\" src=\"\/\/acdn.adnxs.com\/dmp\/up\/pixie.js\"><\/script>\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n    <meta id=\"viewport\" name=\"viewport\"\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=false\">\n    <title>XPENG P7+ | XPENG EGY<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@200..1000&#038;display=swap\" rel=\"stylesheet\">\n    <meta name=\"keywords\" content=\"\">\n    <link rel=\"shortcut icon\" href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/favicon.ico\" type=\"image\/x-icon\">\n    <link rel=\"shortcut icon\"\n        href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU\/knhAAAANnRSTlMACPr27fK8CrgSDdHcwLQtFuSShBqxJyLLVejXxqF4YEo6NTGqimwe4KWYfXFEP51kWVBMD2cr5oz2AAAEBElEQVR42u3a6ZKiMBAA4A7XcokgIjooOt73MUe\/\/6OtulubwYAJAvsr30+tMilCdzodQZIkSZIkSZIkSZIkAPLrjhAC\/wkhf8eEm4tn3JimGW0\/bGjcarnxroMZN5sZgG0gpXqfv6BR\/tLBH3YAkCr4gz4\/EGiMNe5nRguOAGCfMEMbvUMz7EFLwZ\/0M9x0Pcx667Shfr8+PRUzlB380evjg\/WiB\/Uix7mOD7Y2\/HVc4yN3t4IaTU8aPvJ8+GegIcPZd6Em7c4bMvqZh7xXkaH0zxbUoBeukeVmX3WyUJCltC42VLTauZhDG0CWNcc8qlktM\/l7J\/93l\/AobiFVU2ayzve8w1IWBBizBCkmM1XJO6yNBTkmAVKVMxPNOyyjIMTHOhYJwl7VvEM5MyiwU7CQm64q5R0qOEARe4tPOEu\/fN5h6WMo5kf4hDIcfwFXTPNOHjWFAuy+xFKND05a6O4TfGrL+YF3F5\/SowMRD3xW5AMH3Zd4aYEf+KxhD7iWNHxLpQUyYQKfswNRzL7Esw5jZu02OvK8fYAIa4N8SbZamG015NKXIGZlIE+2WugtAuRTQgKC2g4KUFoD+x55qYsiRl8g7BCgCDVqAwwcFGJ2gYPdl\/hGELsoxGlDKamKIgwy01DE+lB2O1+odU4gGJQvKCbpYrvxWv3EDTRdVZVyE1BUXdcC1xka0agT7qfwql9WN+613w8fl\/N+d51RZAwdlz6cFpnSCWiJMzTnp06YLseDyXHajlf+F4GakS+\/e8qdgDL2LZtAw4h9fSSj\/AmcuzXOgK7A6scKjCLzugJBwRLo66Tfqm0N7EF4fwcd5h1kXkL+W5i+lx+\/o9QZhm9jKIeESr2JKJhAKd86CjnBKkEhyRRK+HxDEfqmB\/A5VFBEKwZh0wQFqN6E0M4b39wCQfEQOWjvgPYA+DoEhPhzkXro2wJKrCZS92K5p4NcSdoFSrgq1C6VKwFaE7OO\/Lp4fQSusSZ+Kih\/MnDaVapBfrvEvrSUapVh2yl1MmRZ332lQm28MrhnY65umrx8OrA2TyNvTCOvQodAX752KnT2foXeLOeEyD8Xu7sYSnkfadwzsnhnIHihe08Okc7pEoj2RrTt7LVy7sNUuX0SfndI3xzhVV+Xoq16azPB4xUcPycEKvC\/ndwpKDvIsk\/5gT+wgYufFvjdQrJTctuCFlRB0wK3SDzrLzRGK6aFZAb\/TNjv3bTxS6tWXFwCrsPmr+1okRi3Grm45FcLyoLk3RZppyk0wx4Yak6RGD5cER0bvbzOZiZtcv1syJT6TfKXmcwUAsAlMk3DNE3PizqfNjSu+z2KPNO8Dzq6h+Lt\/xTkBv4XcnUfFCRJkiRJkiRJkiRJAvgNagfeySxnR1cAAAAASUVORK5CYII=\"\n        type=\"image\/png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/favicon\/logo.png\">\n    <meta name=\"description\" content=\"XPENG P7 + | XPENG EGY | Electric vehicle in egypt\">\n    <link rel=\"stylesheet\"\n        href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/8564070279031375.c2e5bcec.chunk.css\">\n    <link rel=\"stylesheet\"\n        href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/7527945419924455.aa1cd8fb.chunk.css\">\n    <link rel=\"stylesheet\"\n        href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/6479822391318970.35b0915d.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.rayaauto.com\/wp-content\/themes\/xpeng\/css\/p7.css \">\n    <link rel=\"stylesheet\" href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/dk-p7.3f137f4d.chunk.css\">\n    <script type=\"text\/javascript\" async=\"\"\n        src=\"https:\/\/cdn.mouseflow.com\/projects\/25647b44-e12c-4715-9d4e-5e5b7d5af481.js\"><\/script>\n    <!-- <script type=\"text\/javascript\" async=\"\"\n        src=\"https:\/\/www.googletagmanager.com\/gtag\/destination?id=DC-11058314&amp;l=dataLayer&amp;cx=c\"><\/script> -->\n    <!-- <script\n        src=\"https:\/\/connect.facebook.net\/signals\/config\/487419556004345?v=2.9.156&amp;r=stable&amp;domain=www.xpeng.com&amp;hme=c3a545c63044e8e9102d4f32d84a1137594d024f28e801d670bc76dc5c075575&amp;ex_m=67%2C112%2C99%2C103%2C58%2C3%2C93%2C66%2C15%2C91%2C84%2C49%2C51%2C158%2C161%2C172%2C168%2C169%2C171%2C28%2C94%2C50%2C73%2C170%2C153%2C156%2C165%2C166%2C173%2C121%2C14%2C48%2C178%2C177%2C123%2C17%2C33%2C38%2C1%2C41%2C62%2C63%2C64%2C68%2C88%2C16%2C13%2C90%2C87%2C86%2C100%2C102%2C37%2C101%2C29%2C25%2C154%2C157%2C130%2C27%2C10%2C11%2C12%2C5%2C6%2C24%2C21%2C22%2C54%2C59%2C61%2C71%2C95%2C26%2C72%2C8%2C7%2C76%2C46%2C20%2C97%2C96%2C9%2C19%2C18%2C81%2C53%2C79%2C32%2C70%2C0%2C89%2C31%2C78%2C83%2C45%2C44%2C82%2C36%2C4%2C85%2C77%2C42%2C39%2C34%2C80%2C2%2C35%2C60%2C40%2C98%2C43%2C75%2C65%2C104%2C57%2C56%2C30%2C92%2C55%2C52%2C47%2C74%2C69%2C23%2C105\"\n        async=\"\"><\/script> -->\n    <!-- <script type=\"text\/javascript\" async=\"\" src=\"https:\/\/connect.facebook.net\/en_US\/fbevents.js\"><\/script> -->\n    <!-- <script type=\"text\/javascript\" async=\"\" src=\"https:\/\/www.google-analytics.com\/analytics.js\"><\/script> -->\n    <script type=\"text\/javascript\" async=\"\"\n        src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-51DDE27KVV&amp;l=dataLayer&amp;cx=c\"><\/script>\n    <script>\n        (function (w, d, s, l, i) {\n            w[l] = w[l] || []; w[l].push({\n                'gtm.start':\n                    new Date().getTime(), event: 'gtm.js'\n            }); var f = d.getElementsByTagName(s)[0],\n                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =\n                    'https:\/\/www.googletagmanager.com\/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);\n        })(window, document, 'script', 'dataLayer', 'GTM-W9N66NV');\n    <\/script><noscript><iframe loading=\"lazy\" src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-W9N66NV\" height=\"0\" width=\"0\"\n            style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n\n    <script type=\"text\/javascript\">function OptanonWrapper() { }<\/script>\n    <script>window.addEventListener(\"DOMContentLoaded\", function () {\n        })<\/script>\n    <!-- <script type=\"text\/javascript\" async=\"\"\n        src=\"https:\/\/googleads.g.doubleclick.net\/pagead\/viewthroughconversion\/380519367\/?random=1715952347793&amp;cv=11&amp;fst=1715952347793&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be45f0v892201920za200&amp;gcd=13l3v3l3l5&amp;dma=0&amp;u_w=1366&amp;u_h=768&amp;url=https%3A%2F%2Fwww.xpeng.com%2Fno%2Fp7&amp;ref=https%3A%2F%2Fwww.xpeng.com%2Fno%2Fp7&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=XPENG%20P7%20%7C%20XPENG%20Norge&amp;npa=0&amp;pscdl=noapi&amp;auid=1298679849.1713953387&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B124.0.6367.208%7CGoogle%2520Chrome%3B124.0.6367.208%7CNot-A.Brand%3B99.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=10.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config&amp;rfmt=3&amp;fmt=4\"><\/script> -->\n    <script charset=\"utf-8\"\n        src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/7527945419924455.e107b566.chunk.js\"><\/script>\n    <script charset=\"utf-8\"\n        src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/8564070279031375.36bb1489.chunk.js\"><\/script>\n    <script charset=\"utf-8\"\n        src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/6479822391318970.0869b77a.chunk.js\"><\/script>\n    <script charset=\"utf-8\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/dk-p7.e31ade89.chunk.js\"><\/script>\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6LeKypgqAAAAAElmzWT44ssVn3FoJEy1y3bQHDGJ\"><\/script>  \n    <script>\n        function onSubmit(token) {document.getElementById(\"Home-form\");}\n    <\/script>\n\n\n<\/head>\n\n<body>\n\n    <div id=\"hi-content\">\n            <style>\n                .custom-bg{\n                    background-size: cover;\n                    background-position: center;\n                    background-repeat: no-repeat;\n                }\n\n                @media (max-width: 550px) {\n                    .custom-bg {\n                        background-image: url('https:\/\/xpeng.rayaauto.net\/p7plus\/880e8f7c09944ed7bd3c02b0c13e96de.jpg') !important;\n                    }\n                \n                }\n        <\/style>\n\n        <div class=\"mvHvP+3m\">\n            <div class=\"custom-bg lazy global-full-page UIYosJiv entered loaded \"\n                data-ll-status=\"loaded\"\n                style=\"background-image: url(&quot;https:\/\/xpeng.rayaauto.net\/p7plus\/5f980e7a33de4a6ba440ca91e8d3c306.jpg&quot;);  width: 100%; height:100%;\">\n                <div class=\"GH50kBF2\">\n                     <div class=\"index-module__textDisplay--eZFVaNVR text-display\" style=\"margin-top: -55px !important;\">\n                        <div class=\"index-module__title--ncC47PRj text-display-title\"\n                            style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);\">\n                            <div class=\"index-module__closeIcon--ToFHl71Q close-icon\" style=\"color: rgb(255, 255, 255); opacity: 1;\">\n                                <svg class=\"icon undefined\" aria-hidden=\"true\">\n                                    <use xlink:href=\"#icon-x-new\"><\/use>\n                                <\/svg><\/div>\n                                <div style=\"display: flex; align-items: center; justify-content: center; color: white; font-family: 'basis_grotesque_regular', sans-serif; width: 100%;\">\n                                    <img decoding=\"async\" class=\"x-img\"\n                                      style=\"height: 20px !important; width: 30px !important; margin-right: 7px; margin-bottom: 20%; align-items: baseline;\" \n                                      src=\"data:image\/svg+xml,%3Csvg width='44' height='31' viewBox='0 0 44 31' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 31L16.8 15.5L0 0H4.2L21 15.5L4.2 31H0Z' fill='white'\/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44 31L27.2 15.5L44 0H39.8L23 15.5L39.8 31H44Z' fill='white'\/%3E%3C\/svg%3E%0A\" \n                                      alt=\"Icon\">\n                                  \n                                    <font style=\"font-size: 3.5rem; font-family: 'basis_grotesque_regular'; letter-spacing: normal;\">\n                                      XPENG P7+\n                                    <\/font>\n                                <\/div>\n                                                      \n                                <\/div>\n                    <\/div>\n                    <div class=\"YH1vhur3 car-configuration\">\n                        <div>\n                            <div class=\"Hp+FhjTk car-configuration-item\" style=\"opacity: 1; transform: none;\">\n                                <div class=\"eqOn0I-Q\"><span style=\"font-family: 'basis_grotesque_regular';\">Up to <\/span><span\n                                        style=\"font-family: 'basis_grotesque_regular';\">530<\/span><span\n                                        style=\"font-family: 'basis_grotesque_regular';\">KM<sup\n                                            style=\"font-family: 'basis_grotesque_regular';\">1<\/sup><\/span> <\/div>\n                                <div style=\"font-family: 'basis_grotesque_regular';\">WLTP range<\/div>\n                            <\/div>\n                            <div class=\"qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"Hp+FhjTk car-configuration-item\" style=\"opacity: 1; transform: none;\">\n                                <div class=\"eqOn0I-Q\"><span style=\"font-family: 'basis_grotesque_regular';\">4.3<\/span><span\n                                        style=\"font-family: 'basis_grotesque_regular';\">s<sup\n                                            style=\"font-family: 'basis_grotesque_regular';\">1<\/sup><\/span> <\/div>\n                                <div style=\"font-family: 'basis_grotesque_regular';\">0\u2013100 km\n                                    \/h (RWD)<\/div>\n                            <\/div>\n                            <div class=\"qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"Hp+FhjTk car-configuration-item\" style=\"opacity: 1; transform: none;\"><span\n                                    class=\"eqOn0I-Q\" style=\"font-family: 'basis_grotesque_regular';\">10-80% SOC<\/span><span\n                                    class=\"d1PWKIIl\"><\/span>\n                                <div style=\"font-family: 'basis_grotesque_regular'; padding-top: 0.1em;\">Charge in just 12 minutes\u00b9\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n<section class=\"xp-card-carousel\">\n  <div class=\"xp-header\">\n    <h2 id=\"slideTitle\"><\/h2>\n    <p id=\"slideText\"><\/p>\n  <\/div>\n\n  <div class=\"xp-slider\" id=\"xpSlider\">\n    <button class=\"xp-nav xp-prev\" type=\"button\" aria-label=\"Previous slide\">&#10094;<\/button>\n\n    <div class=\"xp-window\">\n      <div class=\"xp-track\" id=\"xpTrack\"><\/div>\n    <\/div>\n\n    <button class=\"xp-nav xp-next\" type=\"button\" aria-label=\"Next slide\">&#10095;<\/button>\n  <\/div>\n\n  <div class=\"xp-dots\" id=\"xpDots\"><\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-card-carousel {\n    width: 100%;\n    overflow: hidden;\n    background: #ffffff;\n    padding: 28px 0 64px;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 58px;\n    padding: 0 20px;\n  }\n\n  .xp-header h2 {\n    margin: 0 0 14px;\n    font-size: 34px;\n    line-height: 1.2;\n    font-weight: 400;\n    color: #111111;\n    transition: 0.35s ease;\n  }\n\n  .xp-header p {\n    margin: 0;\n    font-size: 16px;\n    color: #222222;\n    line-height: 1.5;\n    transition: 0.35s ease;\n  }\n\n  .xp-header.changing h2,\n  .xp-header.changing p {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n\n  .xp-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .xp-window {\n    width: 100%;\n    overflow: hidden;\n    cursor: grab;\n    user-select: none;\n    touch-action: pan-y;\n  }\n\n  .xp-window.is-dragging {\n    cursor: grabbing;\n  }\n\n  .xp-track {\n    display: flex;\n    align-items: center;\n    gap: 84px;\n    transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);\n    will-change: transform;\n  }\n\n  .xp-track.no-transition {\n    transition: none !important;\n  }\n\n  .xp-item {\n    flex: 0 0 66.5vw;\n    height: 33vw;\n    max-height: 620px;\n    min-height: 360px;\n    overflow: hidden;\n    background: #eeeeee;\n    transition: opacity 0.65s ease, transform 0.65s ease;\n  }\n\n  .xp-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .xp-item:not(.active) {\n    opacity: 0.34;\n    transform: scale(0.94);\n  }\n\n  .xp-item.active {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .xp-nav {\n    position: absolute;\n    top: 50%;\n    z-index: 20;\n    transform: translateY(-50%);\n    border: 0;\n    background: transparent;\n    color: #999999;\n    font-size: 48px;\n    font-weight: 200;\n    line-height: 1;\n    cursor: pointer;\n    transition: 0.25s ease;\n  }\n\n  .xp-nav:hover {\n    color: #111111;\n  }\n\n  .xp-prev {\n    left: 14.2vw;\n  }\n\n  .xp-next {\n    right: 14.2vw;\n  }\n\n  .xp-dots {\n    display: none;\n  }\n\n  @media (max-width: 768px) {\n    .xp-card-carousel {\n      display: flex;\n      flex-direction: column;\n      padding: 48px 0 70px;\n      background: #f7f7f7;\n    }\n\n    .xp-slider {\n      order: 1;\n      width: 100%;\n    }\n\n    .xp-header {\n      order: 2;\n      text-align: left;\n      max-width: none;\n      width: 100%;\n      margin: 32px 0 120px;\n      padding: 0 26px;\n    }\n\n    .xp-header h2 {\n      font-size: 31px;\n      line-height: 1.18;\n      font-weight: 400;\n      color: #050505;\n      margin-bottom: 26px;\n    }\n\n    .xp-header p {\n      font-size: 20px;\n      line-height: 1.45;\n      color: #6f6f6f;\n      max-width: 430px;\n    }\n\n    .xp-window {\n      overflow: hidden;\n      touch-action: pan-y;\n    }\n\n    .xp-track {\n      gap: 0;\n    }\n\n    .xp-item {\n      flex: 0 0 calc(100vw - 52px);\n      height: 334px;\n      min-height: 334px;\n      max-height: 334px;\n      margin: 18px 18px 18px 0;\n      border-radius: 2px;\n      opacity: 1 !important;\n      transform: none !important;\n    }\n\n    .xp-nav {\n      display: none;\n    }\n\n    .xp-dots {\n      order: 3;\n      display: flex;\n      gap: 9px;\n      padding-left: 26px;\n      margin-top: -74px;\n    }\n\n    .xp-dot {\n      width: 27px;\n      height: 2px;\n      background: #dddddd;\n      display: block;\n      transition: 0.3s ease;\n      border: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    .xp-dot.active {\n      background: #7ac143;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const slides = [\n      {\n        title: \"Luxurious fastback design\",\n        text: \"Supercar proportions, a spacious cabin and advanced aerodynamics for a dynamic and efficient drive.\",\n        img: \"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-30\/4f2a73e9584d4da48a33986a7b666da5.jpg?x-oss-process=1\"\n      },\n      {\n        title: \"Wraparound interior design\",\n        text: \"A play of materials, lights and shapes offering a tailor-made experience on every journey.\",\n        img: \"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/1c2c02be9f6d4b65bf9f9f8b2bc981a6.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n      },\n      {\n        title: \"An increased feeling of space\",\n        text: \"More interior space than a sedan, with a cargo capacity comparable to that of an estate.\",\n        img: \"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2026-01-08\/aa5adcc97dbb4ffeb8361b626067d3e9.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n      },\n      {\n        title: \"A smart cabin designed for every situation\",\n        text: \"Easily switch between modes with the interface and customize your smart electric vehicle.\",\n        img: \"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/b4ab4460b0ff459790a2ffa7f3f24aa4.jpg?x-oss-process=1\"\n      },\n      {\n        title: \"800V ultra-fast charging platform\",\n        text: \"Charges from 10% to 80% in just 12 minutes\u00b9, greatly improving the fast charging experience.\",\n        img: \"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/de0a04706ed74e4ba25438a7470f08b4.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n      }\n    ];\n\n    const track = document.getElementById(\"xpTrack\");\n    const dotsContainer = document.getElementById(\"xpDots\");\n    const header = document.querySelector(\".xp-header\");\n    const title = document.getElementById(\"slideTitle\");\n    const text = document.getElementById(\"slideText\");\n    const windowEl = document.querySelector(\".xp-window\");\n    const nextButton = document.querySelector(\".xp-next\");\n    const prevButton = document.querySelector(\".xp-prev\");\n\n    const clonedSlides = [\n      slides[slides.length - 1],\n      ...slides,\n      slides[0]\n    ];\n\n    let currentIndex = 1;\n    let isMoving = false;\n\n    let pointerDown = false;\n    let pointerStartX = 0;\n    let pointerLastX = 0;\n    let dragDistance = 0;\n    let baseTranslate = 0;\n    let dragged = false;\n\n    clonedSlides.forEach(function (slide) {\n      const item = document.createElement(\"div\");\n      item.className = \"xp-item\";\n      item.innerHTML = `<img decoding=\"async\" src=\"${slide.img}\" alt=\"${slide.title}\">`;\n      track.appendChild(item);\n    });\n\n    slides.forEach(function (_, index) {\n      const dot = document.createElement(\"button\");\n      dot.type = \"button\";\n      dot.className = \"xp-dot\";\n      dot.setAttribute(\"aria-label\", \"Go to slide \" + (index + 1));\n      dot.addEventListener(\"click\", function () {\n        currentIndex = index + 1;\n        moveSlider(true);\n      });\n      dotsContainer.appendChild(dot);\n    });\n\n    const items = Array.from(document.querySelectorAll(\".xp-item\"));\n    const dots = Array.from(document.querySelectorAll(\".xp-dot\"));\n\n    function getRealIndex() {\n      if (currentIndex === 0) return slides.length - 1;\n      if (currentIndex === slides.length + 1) return 0;\n      return currentIndex - 1;\n    }\n\n    function getFullItemWidth() {\n      const item = items[0];\n      const itemWidth = item.offsetWidth;\n      const gap = parseFloat(getComputedStyle(track).gap) || 0;\n      const marginLeft = parseFloat(getComputedStyle(item).marginLeft) || 0;\n      const marginRight = parseFloat(getComputedStyle(item).marginRight) || 0;\n      return itemWidth + gap + marginLeft + marginRight;\n    }\n\n    function getTranslateValue() {\n      const itemWidth = items[0].offsetWidth;\n      const move = currentIndex * getFullItemWidth();\n      const centerOffset = (window.innerWidth - itemWidth) \/ 2;\n      return centerOffset - move;\n    }\n\n    function setTranslate(value, animated) {\n      if (!animated) {\n        track.classList.add(\"no-transition\");\n      } else {\n        track.classList.remove(\"no-transition\");\n      }\n\n      track.style.transform = `translateX(${value}px)`;\n    }\n\n    function updateContent(animated) {\n      const realIndex = getRealIndex();\n\n      items.forEach(function (item, index) {\n        item.classList.toggle(\"active\", index === currentIndex);\n      });\n\n      dots.forEach(function (dot, index) {\n        dot.classList.toggle(\"active\", index === realIndex);\n      });\n\n      header.classList.add(\"changing\");\n\n      setTimeout(function () {\n        title.textContent = slides[realIndex].title;\n        text.textContent = slides[realIndex].text;\n        header.classList.remove(\"changing\");\n      }, animated ? 180 : 0);\n    }\n\n    function moveSlider(animated = true) {\n      setTranslate(getTranslateValue(), animated);\n      updateContent(animated);\n    }\n\n    function normalizeLoop() {\n      if (currentIndex === slides.length + 1) {\n        currentIndex = 1;\n        moveSlider(false);\n      }\n\n      if (currentIndex === 0) {\n        currentIndex = slides.length;\n        moveSlider(false);\n      }\n\n      setTimeout(function () {\n        track.classList.remove(\"no-transition\");\n        isMoving = false;\n      }, 30);\n    }\n\n    function nextSlide() {\n      if (isMoving) return;\n      isMoving = true;\n      currentIndex++;\n      moveSlider(true);\n    }\n\n    function prevSlide() {\n      if (isMoving) return;\n      isMoving = true;\n      currentIndex--;\n      moveSlider(true);\n    }\n\n    nextButton.addEventListener(\"click\", nextSlide);\n    prevButton.addEventListener(\"click\", prevSlide);\n\n    track.addEventListener(\"transitionend\", normalizeLoop);\n\n    windowEl.addEventListener(\"pointerdown\", function (event) {\n      if (isMoving) return;\n\n      pointerDown = true;\n      dragged = false;\n      dragDistance = 0;\n      pointerStartX = event.clientX;\n      pointerLastX = event.clientX;\n      baseTranslate = getTranslateValue();\n\n      windowEl.classList.add(\"is-dragging\");\n      track.classList.add(\"no-transition\");\n\n      if (windowEl.setPointerCapture) {\n        windowEl.setPointerCapture(event.pointerId);\n      }\n    });\n\n    windowEl.addEventListener(\"pointermove\", function (event) {\n      if (!pointerDown) return;\n\n      pointerLastX = event.clientX;\n      dragDistance = pointerLastX - pointerStartX;\n\n      if (Math.abs(dragDistance) > 6) {\n        dragged = true;\n      }\n\n      setTranslate(baseTranslate + dragDistance, false);\n    });\n\n    function endPointer(event) {\n      if (!pointerDown) return;\n\n      pointerDown = false;\n      windowEl.classList.remove(\"is-dragging\");\n      track.classList.remove(\"no-transition\");\n\n      try {\n        if (windowEl.releasePointerCapture) {\n          windowEl.releasePointerCapture(event.pointerId);\n        }\n      } catch (e) {}\n\n      const threshold = window.innerWidth <= 768 ? 45 : 75;\n\n      if (dragDistance < -threshold) {\n        nextSlide();\n      } else if (dragDistance > threshold) {\n        prevSlide();\n      } else {\n        moveSlider(true);\n      }\n    }\n\n    windowEl.addEventListener(\"pointerup\", endPointer);\n    windowEl.addEventListener(\"pointercancel\", endPointer);\n    windowEl.addEventListener(\"pointerleave\", function (event) {\n      if (pointerDown) endPointer(event);\n    });\n\n    track.addEventListener(\"click\", function (event) {\n      if (dragged) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    });\n\n    window.addEventListener(\"resize\", function () {\n      moveSlider(false);\n    });\n\n    moveSlider(false);\n  })();\n<\/script>\n\n\n\n<section class=\"xp-fastback-section\">\n  <!-- HERO -->\n  <div class=\"xp-fastback-hero\">\n    <div class=\"xp-fastback-content\">\n      <h2>Fastback silhouette<\/h2>\n      <p>A line that enhances the feeling of fastback driving<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- CARDS -->\n  <div class=\"xp-fastback-cards-wrap\">\n    <div class=\"xp-fastback-cards\">\n\n      <article class=\"xp-fastback-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/be50a5beb9134b138be1fd461154f85a.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n          alt=\"Dynamic enveloping surface\"\n        >\n        <div class=\"xp-fastback-card-title\">\n          Dynamic enveloping surface\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-fastback-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/046e921b7177485498139348f34780d6.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n          alt=\"Full-width integrated lighting\"\n        >\n        <div class=\"xp-fastback-card-title\">\n          Full-width integrated lighting\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-fastback-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/6963cee9784e498182b508e647c86b50.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n          alt=\"Double-bladed rear spoiler\"\n        >\n        <div class=\"xp-fastback-card-title\">\n          Double-bladed rear spoiler\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .xp-fastback-section {\n    width: 100%;\n    position: relative;\n    background: #fff;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n  }\n\n  .xp-fastback-hero {\n    position: relative;\n    width: 100%;\n    min-height: 640px;\n    background-image:\n      linear-gradient(\n        to bottom,\n        rgba(0, 0, 0, 0.48) 0%,\n        rgba(0, 0, 0, 0.22) 38%,\n        rgba(255, 255, 255, 0) 68%,\n        #ffffff 100%\n      ),\n      url(\"https:\/\/xpeng.rayaauto.net\/p7plus\/b5a4200b0e4648bc924dc1251d0e2a15.jpg\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n  }\n\n  .xp-fastback-content {\n    position: absolute;\n    top: 74px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    width: 90%;\n    text-align: center;\n    color: #fff;\n  }\n\n  .xp-fastback-content h2 {\n    margin: 0 0 14px;\n    color: #fff;\n    font-size: 24px;\n    line-height: 1.15;\n    font-weight: 500;\n    letter-spacing: -0.3px;\n  }\n\n  .xp-fastback-content p {\n    margin: 0;\n    color: #fff;\n    font-size: 12px;\n    line-height: 1.4;\n    font-weight: 600;\n  }\n\n  .xp-fastback-cards-wrap {\n    position: relative;\n    z-index: 5;\n    margin-top: -88px;\n    padding-bottom: 42px;\n  }\n\n  .xp-fastback-cards {\n    width: min(63%, 860px);\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 19px;\n  }\n\n  .xp-fastback-card {\n    position: relative;\n    height: 208px;\n    overflow: hidden;\n    background: #111;\n    border-radius: 2px;\n  }\n\n  .xp-fastback-card img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.7s ease;\n  }\n\n  .xp-fastback-card:hover img {\n    transform: scale(1.05);\n  }\n\n  .xp-fastback-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.02) 0%,\n      rgba(0, 0, 0, 0.12) 45%,\n      rgba(0, 0, 0, 0.62) 100%\n    );\n    z-index: 1;\n  }\n\n  .xp-fastback-card-title {\n    position: absolute;\n    left: 14px;\n    right: 14px;\n    bottom: 14px;\n    z-index: 2;\n    color: #fff;\n    font-size: 11px;\n    line-height: 1.3;\n    font-weight: 700;\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 1024px) {\n    .xp-fastback-hero {\n      min-height: 600px;\n      background-position: center center;\n    }\n\n    .xp-fastback-cards {\n      width: 82%;\n      gap: 16px;\n    }\n\n    .xp-fastback-card {\n      height: 190px;\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 768px) {\n    .xp-fastback-hero {\n      min-height: 620px;\n      background-size: cover;\n      background-position: center top;\n      background-image:\n        linear-gradient(\n          to bottom,\n          rgba(0, 0, 0, 0.55) 0%,\n          rgba(0, 0, 0, 0.2) 42%,\n          rgba(255, 255, 255, 0) 70%,\n          #ffffff 100%\n        ),\n        url(\"https:\/\/xpeng.rayaauto.net\/p7plus\/b5a4200b0e4648bc924dc1251d0e2a15.jpg\");\n    }\n\n    .xp-fastback-content {\n      top: 64px;\n      width: 88%;\n    }\n\n    .xp-fastback-content h2 {\n      font-size: 22px;\n      margin-bottom: 10px;\n    }\n\n    .xp-fastback-content p {\n      font-size: 12px;\n      font-weight: 500;\n    }\n\n    .xp-fastback-cards-wrap {\n      margin-top: -78px;\n      padding-bottom: 46px;\n      overflow: hidden;\n    }\n\n    .xp-fastback-cards {\n      width: 100%;\n      margin: 0;\n      padding: 0 20px;\n      display: flex;\n      gap: 18px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n      box-sizing: border-box;\n    }\n\n    .xp-fastback-cards::-webkit-scrollbar {\n      display: none;\n    }\n\n    .xp-fastback-card {\n      flex: 0 0 82%;\n      height: 230px;\n      scroll-snap-align: start;\n      border-radius: 3px;\n    }\n\n    .xp-fastback-card:hover img {\n      transform: none;\n    }\n\n    .xp-fastback-card-title {\n      font-size: 12px;\n      bottom: 15px;\n      left: 15px;\n      right: 15px;\n    }\n  }\n\n  \/* Small Mobile *\/\n  @media (max-width: 480px) {\n    .xp-fastback-hero {\n      min-height: 590px;\n      background-position: center top;\n    }\n\n    .xp-fastback-content {\n      top: 58px;\n    }\n\n    .xp-fastback-content h2 {\n      font-size: 21px;\n    }\n\n    .xp-fastback-content p {\n      font-size: 11px;\n    }\n\n    .xp-fastback-cards-wrap {\n      margin-top: -72px;\n    }\n\n    .xp-fastback-card {\n      flex-basis: 86%;\n      height: 215px;\n    }\n  }\n  .index-module__text--lxguTeqo{\n    font-family: 'basis_grotesque_regular';\n  }\n<\/style>\n\n<script>\n  const xpFastbackCards = document.querySelector(\".xp-fastback-cards\");\n\n  if (xpFastbackCards) {\n    let isDown = false;\n    let startX;\n    let scrollLeft;\n\n    xpFastbackCards.addEventListener(\"mousedown\", function (e) {\n      if (window.innerWidth > 768) return;\n\n      isDown = true;\n      xpFastbackCards.classList.add(\"is-dragging\");\n      startX = e.pageX - xpFastbackCards.offsetLeft;\n      scrollLeft = xpFastbackCards.scrollLeft;\n    });\n\n    xpFastbackCards.addEventListener(\"mouseleave\", function () {\n      isDown = false;\n      xpFastbackCards.classList.remove(\"is-dragging\");\n    });\n\n    xpFastbackCards.addEventListener(\"mouseup\", function () {\n      isDown = false;\n      xpFastbackCards.classList.remove(\"is-dragging\");\n    });\n\n    xpFastbackCards.addEventListener(\"mousemove\", function (e) {\n      if (!isDown || window.innerWidth > 768) return;\n\n      e.preventDefault();\n      const x = e.pageX - xpFastbackCards.offsetLeft;\n      const walk = (x - startX) * 1.3;\n      xpFastbackCards.scrollLeft = scrollLeft - walk;\n    });\n  }\n<\/script>\n\n        \n       <div class=\"index-module__color-switch--vkFEpvWC bg-grey\">\n          <div class=\"index-module__textDisplay--eZFVaNVR text-display\">\n            <div class=\"index-module__title--ncC47PRj text-display-title\"\n              style=\"font-family: 'basis_grotesque_regular'; color: rgb(0, 0, 0); translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);\">\n              Colors Inspired by the Cosmos<\/div>\n          <\/div>\n          <div class=\"index-module__car-img-wrapper--vg6mCU4f\">\n            <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__logo--nOovihfd auto-fit-img\">\n              <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                  data-src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/990315b2d4d3475d9f1fec41ce4286ae.png\"\n                  data-ll-status=\"loaded\"\n                  src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-26\/990315b2d4d3475d9f1fec41ce4286ae.png\">\n              <\/picture>\n            <\/div>\n            <div class=\"index-module__car-img--hpve9Fo0\">\n              <div\n                class=\"index-module__fullBannerContainer--JnytOMdo index-module__img--T7KNPb2j index-module__active-pic--VamqncmN auto-fit-img\">\n                <picture><img decoding=\"async\" class=\"customed_panner index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                    data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/silver.75b2be7e.png\"\n                    data-ll-status=\"loaded\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/silver.75b2be7e.png\">\n                <\/picture>\n              <\/div>\n              <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__img--T7KNPb2j auto-fit-img\">\n                <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                    data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/black.6a9b3ef2.png\"\n                    data-ll-status=\"loaded\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/black.6a9b3ef2.png\">\n                <\/picture>\n              <\/div>\n              <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__img--T7KNPb2j auto-fit-img\">\n                <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                    data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/white.d3d72c89.png\"\n                    data-ll-status=\"loaded\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/white.d3d72c89.png\">\n                <\/picture>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div>\n\n\n            <div class=\"index-module__switch-pane--aG7hYXUL\">\n              <div>\n                <div class=\"index-module__pane--ROUocyKX index-module__active-pane--TxVl2uns\">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0RCRERFMCIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0E1QTlBQyIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iIzkxOTU5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4OUZBNiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\"\n                        data-ll-status=\"loaded\"\n                        src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0RCRERFMCIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0E1QTlBQyIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iIzkxOTU5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4OUZBNiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Silver Frost<\/span>\n                <\/div>\n              <\/div>\n\n              \n              <div>\n                <div class=\"index-module__pane--ROUocyKX \">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVBNUE1QSIvPjxzdG9wIG9mZnNldD0iNTYuNzk0JSIgc3RvcC1jb2xvcj0iIzJBMkMyRCIvPjxzdG9wIG9mZnNldD0iNzQuMDc4JSIgc3RvcC1jb2xvcj0iIzE1MTcxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJCMkIyQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\"\n                        data-ll-status=\"loaded\"\n                        src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVBNUE1QSIvPjxzdG9wIG9mZnNldD0iNTYuNzk0JSIgc3RvcC1jb2xvcj0iIzJBMkMyRCIvPjxzdG9wIG9mZnNldD0iNzQuMDc4JSIgc3RvcC1jb2xvcj0iIzE1MTcxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJCMkIyQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Midnight Black<\/span>\n                <\/div>\n              <\/div>\n\n              <div>\n                <div class=\"index-module__pane--ROUocyKX \">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-07-04\/b0493bde96484fbdadf929ca5423ba5a.png\"\n                        data-ll-status=\"loaded\"\n                        src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-07-04\/b0493bde96484fbdadf929ca5423ba5a.png\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Graphite Grey<\/span>\n                <\/div>\n              <\/div>\n\n\n\n              <div>\n                <div class=\"index-module__pane--ROUocyKX \">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZBRkFGQSIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0U4RThFQSIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iI0RFREVERSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0U3RTlFQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\"\n                        data-ll-status=\"loaded\"\n                        src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZBRkFGQSIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0U4RThFQSIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iI0RFREVERSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0U3RTlFQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Arctic White<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    let panes = document.querySelectorAll(\".index-module__pane--ROUocyKX\");\n    let imageElement = document.querySelector(\".customed_panner\");\n\n    \/\/ Mapping pane names to image URLs\n    let imageMap = {\n        \"Silver Frost\": \"https:\/\/xpeng.rayaauto.net\/p7plus\/1ec92395805c4e36a4f2e5f384ad8f96.png\",\n        \"Graphite Grey\": \"https:\/\/xpeng.rayaauto.net\/p7plus\/2e6ee3f12da547d6abb0c9b3c15ff3c2.png\",\n        \"Midnight Black\": \"https:\/\/xpeng.rayaauto.net\/p7plus\/25f769ada7544bec9235481247b1b390.png\",\n        \"Arctic White\": \"https:\/\/xpeng.rayaauto.net\/p7plus\/38ac4c204f7248bf812f96c03efda91e.png\",\n    };\n\n    \/\/ Set \"Silver Frost\" as the default active pane and image\n    panes.forEach(pane => {\n        if (pane.textContent.trim() === \"Silver Frost\") {\n            pane.classList.add(\"index-module__active-pane--TxVl2uns\");\n            imageElement.src = imageMap[\"Silver Frost\"];\n            imageElement.setAttribute(\"data-src\", imageMap[\"Silver Frost\"]);\n        }\n    });\n\n    \/\/ Add click event to switch active pane and update the image\n    panes.forEach(pane => {\n        pane.addEventListener(\"click\", function () {\n            panes.forEach(p => p.classList.remove(\"index-module__active-pane--TxVl2uns\"));\n            this.classList.add(\"index-module__active-pane--TxVl2uns\");\n\n            let selectedColor = this.textContent.trim();\n\n            \/\/ Update the image based on the selected color\n            if (imageMap[selectedColor]) {\n                imageElement.src = imageMap[selectedColor];\n                imageElement.setAttribute(\"data-src\", imageMap[selectedColor]);\n            }\n        });\n    });\n});\n\n\n\n        <\/script>\n        \n\n        \n<section class=\"xpeng-interior\">\n  <h2 class=\"interior-title\">Wraparound interior design<\/h2>\n\n  <div class=\"interior-image\">\n    <img decoding=\"async\" class=\"interior-slide active\"\n         src=\"https:\/\/xpeng.rayaauto.net\/p7plus\/ca0885f21b294792966d8c55354238d4.jpg\"\n         alt=\"Dark Interior\">\n\n    <img decoding=\"async\" class=\"interior-slide\"\n         src=\"https:\/\/xpeng.rayaauto.net\/p7plus\/e78ecaff1a4d4bae9f4d8c64723116be.jpg\"\n         alt=\"Light Interior\">\n  <\/div>\n\n  <div class=\"interior-color-name\" id=\"interiorColorName\">Dark grey<\/div>\n\n  <div class=\"interior-colors\">\n    <button class=\"color-btn active\" data-index=\"0\" data-name=\"Dark grey\" type=\"button\">\n      <span class=\"dot dark\"><\/span>\n    <\/button>\n\n    <button class=\"color-btn\" data-index=\"1\" data-name=\"Light grey\" type=\"button\">\n      <span class=\"dot light\"><\/span>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n.xpeng-interior {\n  width: 100%;\n  background: #f5f5f5;\n  padding: 90px 20px 70px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n}\n\n.interior-title {\n  text-align: center;\n  font-size: 34px;\n  font-weight: 400;\n  margin: 0 0 70px;\n  color: #000;\n}\n\n\/* IMPORTANT *\/\n.interior-image {\n  width: 68%;\n  aspect-ratio: 16 \/ 8.3;\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n}\n\n.interior-slide {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0;\n  transform: translateX(30px) scale(1.03);\n  transition: opacity .55s ease, transform .55s ease;\n  pointer-events: none;\n}\n\n.interior-slide.active {\n  opacity: 1;\n  transform: translateX(0) scale(1);\n  z-index: 2;\n}\n\n.interior-color-name {\n  text-align: center;\n  font-size: 15px;\n  color: #666;\n  margin-top: 34px;\n  margin-bottom: 20px;\n}\n\n.interior-colors {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n}\n\n.color-btn {\n  border: none;\n  background: transparent;\n  padding: 8px;\n  border-radius: 999px;\n  cursor: pointer;\n}\n\n.color-btn.active {\n  background: #eaeaea;\n}\n\n.dot {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: block;\n}\n\n.dot.dark {\n  background: radial-gradient(circle at 30% 25%, #606065, #1b1d22 68%, #050505);\n}\n\n.dot.light {\n  background: radial-gradient(circle at 30% 25%, #f7f5f3, #d7d4cf 68%, #bab7b2);\n}\n\n@media (max-width: 768px) {\n  .xpeng-interior {\n    padding: 50px 0 50px;\n  }\n\n  .interior-title {\n    text-align: left;\n    font-size: 30px;\n    line-height: 1.2;\n    margin: 0 32px 120px;\n  }\n\n  .interior-image {\n    width: calc(100% - 64px);\n    aspect-ratio: 16 \/ 8.3;\n  }\n\n  .interior-color-name {\n    margin-top: 42px;\n    margin-bottom: 30px;\n    font-size: 20px;\n    color: #000;\n  }\n\n  .interior-colors {\n    gap: 42px;\n  }\n\n  .color-btn {\n    padding: 10px;\n  }\n\n  .dot {\n    width: 42px;\n    height: 42px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const buttons = document.querySelectorAll(\".color-btn\");\n  const slides = document.querySelectorAll(\".interior-slide\");\n  const colorName = document.getElementById(\"interiorColorName\");\n\n  buttons.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      const index = Number(button.dataset.index);\n\n      buttons.forEach(btn => btn.classList.remove(\"active\"));\n      button.classList.add(\"active\");\n\n      slides.forEach(slide => slide.classList.remove(\"active\"));\n      slides[index].classList.add(\"active\");\n\n      colorName.textContent = button.dataset.name;\n    });\n  });\n});\n<\/script>\n\n\n\n<section class=\"p7-specs\">\n  <div class=\"p7-specs-inner\">\n    <h2>XPENG P7+<\/h2>\n\n    <div class=\"p7-content\">\n      <div class=\"p7-car\">\n        <img decoding=\"async\"\n          src=\"https:\/\/xpeng.rayaauto.net\/p7plus\/1ec92395805c4e36a4f2e5f384ad8f96.png\"\n          alt=\"XPENG P7+\"\n        >\n      <\/div>\n\n      <div class=\"p7-details\">\n        <div class=\"p7-spec-item\">\n          <span>Battery Capacity<\/span>\n          <strong>61.7 kWh<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>DC Fast Charging<\/span>\n          <strong>350 kW<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>WLTP Range<\/span>\n          <strong>455 km<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>0-100 km\/h Acceleration<\/span>\n          <strong>6.9 s<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Wheels<\/span>\n          <strong>19&#8243;<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Number of Seats<\/span>\n          <strong>5<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Wheelbase<\/span>\n          <strong>3000 mm<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Length \u00d7 Width \u00d7 Height<\/span>\n          <strong>5071 \u00d7 1937 \u00d7 1512 mm<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Curb Weight<\/span>\n          <strong>1999 \/ 2024 kg<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Powertrain<\/span>\n          <strong>RWD<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Trunk Space<\/span>\n          <strong>573 L<\/strong>\n        <\/div>\n\n        <div class=\"p7-spec-item\">\n          <span>Screens<\/span>\n          <strong>8.8&#8243; + 15.6&#8243;<\/strong>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .p7-specs {\n    width: 100%;\n    background: #f6f6f6;\n    padding: 90px 20px;\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n    color: #000;\n    overflow: hidden;\n  }\n\n  .p7-specs-inner {\n    width: 100%;\n    max-width: 1220px;\n    margin: 0 auto;\n  }\n\n  .p7-specs h2 {\n    text-align: center;\n    font-size: 36px;\n    line-height: 1.2;\n    font-weight: 400;\n    margin: 0 0 55px;\n    color: #000;\n  }\n\n  .p7-content {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1.18fr 1fr;\n    align-items: center;\n    gap: 70px;\n  }\n\n  .p7-car {\n    width: 100%;\n  }\n\n  .p7-car img {\n    width: 100%;\n    max-width: 670px;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .p7-details {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px 54px;\n  }\n\n  .p7-spec-item span {\n    display: block;\n    font-size: 13px;\n    line-height: 1.35;\n    color: #596273;\n    margin-bottom: 9px;\n    font-weight: 400;\n  }\n\n  .p7-spec-item strong {\n    display: block;\n    font-size: 17px;\n    line-height: 1.25;\n    font-weight: 500;\n    color: #0b1633;\n  }\n\n  @media (max-width: 1024px) {\n    .p7-specs {\n      padding: 70px 24px;\n    }\n\n    .p7-content {\n      grid-template-columns: 1fr;\n      gap: 45px;\n    }\n\n    .p7-car img {\n      max-width: 720px;\n    }\n\n    .p7-details {\n      max-width: 720px;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .p7-specs {\n      background: #ffffff;\n      padding: 34px 18px 55px;\n    }\n\n    .p7-specs-inner {\n      max-width: 100%;\n    }\n\n    .p7-specs h2 {\n      text-align: left;\n      font-size: 32px;\n      line-height: 1.15;\n      font-weight: 600;\n      margin: 0 0 34px;\n      padding: 0 4px;\n    }\n\n    .p7-content {\n      display: flex;\n      flex-direction: column;\n      gap: 38px;\n    }\n\n    .p7-car {\n      width: 100%;\n      margin: 0;\n      overflow: visible;\n    }\n\n    .p7-car img {\n      width: 118%;\n      max-width: none;\n      margin-left: -9%;\n      margin-right: 0;\n    }\n\n    .p7-details {\n      width: 100%;\n      max-width: 100%;\n      grid-template-columns: 1fr 1fr;\n      gap: 30px 22px;\n      padding: 0 4px;\n    }\n\n    .p7-spec-item span {\n      font-size: 13px;\n      line-height: 1.35;\n      color: #555555;\n      margin-bottom: 8px;\n    }\n\n    .p7-spec-item strong {\n      font-size: 20px;\n      line-height: 1.2;\n      font-weight: 500;\n      color: #000000;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .p7-specs {\n      padding: 30px 16px 50px;\n    }\n\n    .p7-specs h2 {\n      font-size: 30px;\n      margin-bottom: 30px;\n    }\n\n    .p7-car img {\n      width: 128%;\n      margin-left: -14%;\n    }\n\n    .p7-details {\n      gap: 28px 18px;\n    }\n\n    .p7-spec-item span {\n      font-size: 12px;\n    }\n\n    .p7-spec-item strong {\n      font-size: 19px;\n    }\n  }\n\n  @media (max-width: 380px) {\n    .p7-details {\n      gap: 26px 14px;\n    }\n\n    .p7-spec-item span {\n      font-size: 11.5px;\n    }\n\n    .p7-spec-item strong {\n      font-size: 18px;\n    }\n  }\n<\/style>\n\n\n<section class=\"xp-feature-carousel\">\n  <div class=\"xp-feature-wrap\">\n\n    <div class=\"xp-feature-media\">\n      <div class=\"xp-feature-track\">\n\n        <div class=\"xp-feature-slide active\">\n          <picture>\n            <source\n              media=\"(max-width: 768px)\"\n              srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/f21f2e550fc54ccfacc650e3d10d9f47.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n            >\n            <img decoding=\"async\"\n              src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/40c35834fc714e9fb7de535dc1bbdc80.jpg?x-oss-process=1\"\n              alt=\"Extendable rear trunk for flexibility\"\n            >\n          <\/picture>\n        <\/div>\n\n        <div class=\"xp-feature-slide\">\n          <picture>\n            <source\n              media=\"(max-width: 768px)\"\n              srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/639543764e064394ae007c856bb31be4.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n            >\n            <img decoding=\"async\"\n              src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/e62f7feefae941f099da28ffee39eb5b.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n              alt=\"Spacious rear seats\"\n            >\n          <\/picture>\n        <\/div>\n\n        <div class=\"xp-feature-slide\">\n          <picture>\n            <source\n              media=\"(max-width: 768px)\"\n              srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/e03d945192604148bf2946a8868e0a1c.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n            >\n            <img decoding=\"async\"\n              src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/75777360823b4bae9fcff552c19602be.jpg?x-oss-process=1\"\n              alt=\"Electric rear hitch\"\n            >\n          <\/picture>\n        <\/div>\n\n      <\/div>\n\n      <button class=\"xp-feature-arrow xp-feature-prev\" type=\"button\" aria-label=\"Previous slide\">\n        <span><\/span>\n      <\/button>\n\n      <button class=\"xp-feature-arrow xp-feature-next\" type=\"button\" aria-label=\"Next slide\">\n        <span><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"xp-feature-mobile-content\">\n      <h3>Extendable rear trunk for flexibility<\/h3>\n      <p>\n        573 L \u00b9 of rear trunk space (1931 L \u00b9 with rear seats folded down),\n        allowing for easy accommodation of large luggage.\n      <\/p>\n    <\/div>\n\n    <div class=\"xp-feature-tabs\">\n      <button class=\"xp-feature-tab active\" type=\"button\" data-index=\"0\">\n        Extendable rear trunk for flexibility\n      <\/button>\n      <button class=\"xp-feature-tab\" type=\"button\" data-index=\"1\">\n        Spacious rear seats\n      <\/button>\n      <button class=\"xp-feature-tab\" type=\"button\" data-index=\"2\">\n        Electric rear hitch\n      <\/button>\n    <\/div>\n\n    <div class=\"xp-feature-description\">\n      573 L \u00b9 of rear trunk space (1931 L \u00b9 with rear seats folded down),\n      allowing for easy accommodation of large luggage.\n    <\/div>\n\n    <div class=\"xp-feature-dots\">\n      <button class=\"xp-feature-dot active\" type=\"button\" data-index=\"0\"><\/button>\n      <button class=\"xp-feature-dot\" type=\"button\" data-index=\"1\"><\/button>\n      <button class=\"xp-feature-dot\" type=\"button\" data-index=\"2\"><\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-feature-carousel {\n    width: 100%;\n    background: #ffffff;\n    padding: 44px 0 22px;\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n    overflow: hidden;\n  }\n\n  .xp-feature-wrap {\n    width: min(78vw, 1228px);\n    margin: 0 auto;\n  }\n\n  .xp-feature-media {\n    position: relative;\n    width: 100%;\n    height: clamp(430px, 39vw, 615px);\n    overflow: hidden;\n    border-radius: 3px;\n    background: #f5f5f5;\n  }\n\n  .xp-feature-track {\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n\n  .xp-feature-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(1.015);\n    transition: opacity 0.45s ease, visibility 0.45s ease, transform 0.65s ease;\n  }\n\n  .xp-feature-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  .xp-feature-slide picture,\n  .xp-feature-slide img {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .xp-feature-slide img {\n    object-fit: cover;\n  }\n\n  .xp-feature-arrow {\n    position: absolute;\n    top: 50%;\n    z-index: 5;\n    width: 38px;\n    height: 38px;\n    border: 0;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.28);\n    cursor: pointer;\n    transform: translateY(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: 0.25s ease;\n  }\n\n  .xp-feature-arrow:hover {\n    background: rgba(0, 0, 0, 0.45);\n  }\n\n  .xp-feature-prev {\n    left: 18px;\n  }\n\n  .xp-feature-next {\n    right: 18px;\n  }\n\n  .xp-feature-arrow span {\n    width: 11px;\n    height: 11px;\n    border-top: 2px solid #ffffff;\n    border-right: 2px solid #ffffff;\n    display: block;\n  }\n\n  .xp-feature-prev span {\n    transform: rotate(-135deg);\n    margin-left: 4px;\n  }\n\n  .xp-feature-next span {\n    transform: rotate(45deg);\n    margin-right: 4px;\n  }\n\n  .xp-feature-tabs {\n    width: 96%;\n    margin: 25px auto 0;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    border-bottom: 1px solid #e1e1e1;\n  }\n\n  .xp-feature-tab {\n    position: relative;\n    border: 0;\n    background: transparent;\n    min-height: 38px;\n    padding: 0 16px 15px;\n    color: #9b9b9b;\n    font-size: 14px;\n    line-height: 1.25;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    text-align: center;\n    transition: 0.25s ease;\n  }\n\n  .xp-feature-tab.active {\n    color: #000000;\n  }\n\n  .xp-feature-tab::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -1px;\n    width: 100%;\n    height: 2px;\n    background: #85bf22;\n    transform: scaleX(0);\n    transform-origin: center;\n    transition: 0.28s ease;\n  }\n\n  .xp-feature-tab.active::after {\n    transform: scaleX(1);\n  }\n\n  .xp-feature-description {\n    margin-top: 20px;\n    color: #8d8d96;\n    font-size: 15px;\n    line-height: 1.6;\n    letter-spacing: 0.3px;\n    text-align: center;\n  }\n\n  .xp-feature-mobile-content,\n  .xp-feature-dots {\n    display: none;\n  }\n\n  @media (max-width: 1024px) {\n    .xp-feature-wrap {\n      width: 92vw;\n    }\n\n    .xp-feature-media {\n      height: 52vw;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .xp-feature-carousel {\n      padding: 0;\n    }\n\n    .xp-feature-wrap {\n      width: 100%;\n    }\n\n    .xp-feature-media {\n      height: auto;\n      aspect-ratio: 443 \/ 429;\n      border-radius: 0;\n    }\n\n    .xp-feature-slide img {\n      object-fit: cover;\n    }\n\n    .xp-feature-arrow {\n      display: none;\n    }\n\n    .xp-feature-tabs,\n    .xp-feature-description {\n      display: none;\n    }\n\n    .xp-feature-mobile-content {\n      display: block;\n      padding: 27px 26px 62px;\n      background: #ffffff;\n    }\n\n    .xp-feature-mobile-content h3 {\n      margin: 0 0 22px;\n      color: #000000;\n      font-size: 29px;\n      line-height: 1.48;\n      font-weight: 400;\n      max-width: 360px;\n    }\n\n    .xp-feature-mobile-content p {\n      margin: 0;\n      color: #6e6e6e;\n      font-size: 16px;\n      line-height: 1.55;\n      font-weight: 400;\n      max-width: 390px;\n    }\n\n    .xp-feature-dots {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 0 10px 26px;\n      margin-top: -24px;\n      position: relative;\n      z-index: 4;\n    }\n\n    .xp-feature-dot {\n      width: 23px;\n      height: 2px;\n      border: 0;\n      padding: 0;\n      background: #eeeeee;\n      cursor: pointer;\n      transition: 0.25s ease;\n    }\n\n    .xp-feature-dot.active {\n      background: #85bf22;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-feature-mobile-content {\n      padding: 26px 26px 62px;\n    }\n\n    .xp-feature-mobile-content h3 {\n      font-size: 29px;\n      line-height: 1.48;\n    }\n\n    .xp-feature-mobile-content p {\n      font-size: 16px;\n      line-height: 1.55;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .xp-feature-mobile-content h3 {\n      font-size: 26px;\n    }\n\n    .xp-feature-mobile-content p {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const section = document.querySelector(\".xp-feature-carousel\");\n    if (!section) return;\n\n    const slides = section.querySelectorAll(\".xp-feature-slide\");\n    const tabs = section.querySelectorAll(\".xp-feature-tab\");\n    const dots = section.querySelectorAll(\".xp-feature-dot\");\n    const prevBtn = section.querySelector(\".xp-feature-prev\");\n    const nextBtn = section.querySelector(\".xp-feature-next\");\n    const mobileTitle = section.querySelector(\".xp-feature-mobile-content h3\");\n    const mobileText = section.querySelector(\".xp-feature-mobile-content p\");\n    const desktopText = section.querySelector(\".xp-feature-description\");\n\n    const data = [\n      {\n        title: \"Extendable rear trunk for flexibility\",\n        text: \"573 L \u00b9 of rear trunk space (1931 L \u00b9 with rear seats folded down), allowing for easy accommodation of large luggage.\"\n      },\n      {\n        title: \"Spacious rear seats\",\n        text: \"A spacious rear seating area provides excellent comfort for passengers, making every journey more relaxed and enjoyable.\"\n      },\n      {\n        title: \"Electric rear hitch\",\n        text: \"The electric rear hitch is designed for convenient use, adding more flexibility for outdoor, family, and travel needs.\"\n      }\n    ];\n\n    let current = 0;\n    let touchStartX = 0;\n    let touchEndX = 0;\n\n    function setActive(index) {\n      current = (index + slides.length) % slides.length;\n\n      slides.forEach((slide, i) => {\n        slide.classList.toggle(\"active\", i === current);\n      });\n\n      tabs.forEach((tab, i) => {\n        tab.classList.toggle(\"active\", i === current);\n      });\n\n      dots.forEach((dot, i) => {\n        dot.classList.toggle(\"active\", i === current);\n      });\n\n      if (mobileTitle) mobileTitle.textContent = data[current].title;\n      if (mobileText) mobileText.textContent = data[current].text;\n      if (desktopText) desktopText.textContent = data[current].text;\n    }\n\n    tabs.forEach((tab) => {\n      tab.addEventListener(\"click\", function () {\n        setActive(Number(this.dataset.index));\n      });\n    });\n\n    dots.forEach((dot) => {\n      dot.addEventListener(\"click\", function () {\n        setActive(Number(this.dataset.index));\n      });\n    });\n\n    if (prevBtn) {\n      prevBtn.addEventListener(\"click\", function () {\n        setActive(current - 1);\n      });\n    }\n\n    if (nextBtn) {\n      nextBtn.addEventListener(\"click\", function () {\n        setActive(current + 1);\n      });\n    }\n\n    section.addEventListener(\"touchstart\", function (e) {\n      touchStartX = e.changedTouches[0].screenX;\n    }, { passive: true });\n\n    section.addEventListener(\"touchend\", function (e) {\n      touchEndX = e.changedTouches[0].screenX;\n      const distance = touchStartX - touchEndX;\n\n      if (Math.abs(distance) > 45) {\n        if (distance > 0) {\n          setActive(current + 1);\n        } else {\n          setActive(current - 1);\n        }\n      }\n    }, { passive: true });\n\n    setActive(0);\n  })();\n<\/script>\n\n\n\n<!-- heated& Ventlated Seats -->\n<section class=\"xp-material-carousel-section\">\n  <div class=\"xp-material-carousel\" id=\"xpMaterialCarousel\">\n\n    <button class=\"xp-material-arrow xp-material-prev\" type=\"button\" aria-label=\"Previous slide\">\n      <svg width=\"11\" height=\"20\" viewBox=\"0 0 11 20\" fill=\"none\">\n        <path d=\"M10.617 0.482966C10.8882 0.754138 10.8882 1.19379 10.617 1.46497L1.80242 10.2796L10.617 19.0942C10.8882 19.3654 10.8882 19.805 10.617 20.0762C10.3459 20.3474 9.90621 20.3474 9.63504 20.0762L0.56586 11.007C0.1641 10.6053 0.1641 9.9539 0.56586 9.55214L9.63504 0.482966C9.90621 0.211794 10.3459 0.211794 10.617 0.482966Z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"xp-material-track\">\n\n      <article class=\"xp-material-slide\">\n        <div class=\"xp-material-media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/378006c81b404d6fb56e4cb4d09541c5.jpg?x-oss-process=1\"\n            alt=\"Soft tactile interior materials\"\n          >\n        <\/div>\n\n        <div class=\"xp-material-caption\">\n          <h3>Soft, tactile interior materials with an eco-friendly approach<\/h3>\n          <p>Nappa Leather | Microfiber suede headliner | OEKO-TEX certified eco-leather materials<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-material-slide\">\n        <div class=\"xp-material-media\">\n          <video muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/46dc8df8acb84aa58b012cc5d8319c8f.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n\n        <div class=\"xp-material-caption\">\n          <h3>Heated, ventilated and massaging seats<\/h3>\n          <p>The front seats are equipped as standard with heating, ventilated backrests and seats, as well as a massage function\u00b2.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-material-slide\">\n        <div class=\"xp-material-media\">\n          <video muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/6fac6e7512e64339b93848fcccd0d85e.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n\n        <div class=\"xp-material-caption\">\n          <h3>The design of the seats follows the natural contours of the body for optimal comfort.<\/h3>\n          <p><\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-material-slide\">\n        <div class=\"xp-material-media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/0a0dd1cc15dd4ac68feb62df25b1377c.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n            alt=\"Improved cabin acoustics\"\n          >\n        <\/div>\n\n        <div class=\"xp-material-caption\">\n          <h3>Improved cabin acoustics<\/h3>\n          <p>Active road noise reduction, achieving a cabin soundproofing level of 26 dB\u00b9.<\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <button class=\"xp-material-arrow xp-material-next\" type=\"button\" aria-label=\"Next slide\">\n      <svg width=\"11\" height=\"20\" viewBox=\"0 0 11 20\" fill=\"none\">\n        <path d=\"M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"xp-material-dots\">\n      <button class=\"active\" type=\"button\" aria-label=\"Slide 1\"><\/button>\n      <button type=\"button\" aria-label=\"Slide 2\"><\/button>\n      <button type=\"button\" aria-label=\"Slide 3\"><\/button>\n      <button type=\"button\" aria-label=\"Slide 4\"><\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-material-carousel-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 108px 0 92px;\n    overflow: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-material-carousel {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .xp-material-track {\n    display: flex;\n    gap: 90px;\n    padding: 0 calc((100vw - min(72vw, 1345px)) \/ 2);\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    cursor: grab;\n    user-select: none;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .xp-material-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .xp-material-track.is-dragging {\n    cursor: grabbing;\n    scroll-behavior: auto;\n    scroll-snap-type: none;\n  }\n\n  .xp-material-slide {\n    position: relative;\n    flex: 0 0 min(72vw, 1345px);\n    height: 672px;\n    overflow: hidden;\n    border-radius: 2px;\n    background: #f3f3f3;\n    scroll-snap-align: center;\n    opacity: 0.42;\n    transform: scale(0.94);\n    transition: opacity 0.45s ease, transform 0.45s ease;\n  }\n\n  .xp-material-slide.active {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .xp-material-media {\n    width: 100%;\n    height: 100%;\n  }\n\n  .xp-material-media img,\n  .xp-material-media video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .xp-material-caption {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    min-height: 144px;\n    padding: 48px 68px 38px;\n    color: #ffffff;\n    background: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.06),\n      rgba(0, 0, 0, 0.68)\n    );\n  }\n\n  .xp-material-caption h3 {\n    margin: 0 0 14px;\n    color: #ffffff;\n    font-size: 17px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  .xp-material-caption p {\n    margin: 0;\n    max-width: 820px;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 13px;\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  .xp-material-arrow {\n    position: absolute;\n    top: 50%;\n    z-index: 10;\n    width: 58px;\n    height: 58px;\n    border: 0;\n    background: transparent;\n    color: #9b9b9b;\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    transform: translateY(-50%);\n    transition: color 0.25s ease, opacity 0.25s ease;\n  }\n\n  .xp-material-arrow:hover {\n    color: #111111;\n  }\n\n  .xp-material-arrow:disabled {\n    opacity: 0.25;\n    cursor: default;\n  }\n\n  .xp-material-prev {\n    left: calc(50% - min(72vw, 1345px) \/ 2 - 82px);\n  }\n\n  .xp-material-next {\n    right: calc(50% - min(72vw, 1345px) \/ 2 - 82px);\n  }\n\n  .xp-material-dots {\n    display: none;\n  }\n\n  @media (max-width: 1200px) {\n    .xp-material-carousel-section {\n      padding: 82px 0 75px;\n    }\n\n    .xp-material-track {\n      gap: 52px;\n      padding: 0 12vw;\n    }\n\n    .xp-material-slide {\n      flex-basis: 76vw;\n      height: 560px;\n    }\n\n    .xp-material-prev {\n      left: 6vw;\n    }\n\n    .xp-material-next {\n      right: 6vw;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .xp-material-carousel-section {\n      padding: 45px 0 58px;\n      background: #ffffff;\n    }\n\n    .xp-material-track {\n      gap: 18px;\n      padding: 0 31px;\n      scroll-padding-left: 31px;\n      scroll-snap-type: x mandatory;\n    }\n\n    .xp-material-slide {\n      flex: 0 0 calc(100vw - 62px);\n      height: auto;\n      display: flex;\n      flex-direction: column;\n      background: #ffffff;\n      border-radius: 2px;\n      overflow: visible;\n      scroll-snap-align: start;\n      opacity: 1 !important;\n      transform: none !important;\n    }\n\n    .xp-material-media {\n      width: 100%;\n      height: 344px;\n      overflow: hidden;\n      border-radius: 2px;\n      background: #f5f5f5;\n    }\n\n    .xp-material-media img,\n    .xp-material-media video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    .xp-material-caption {\n      position: static;\n      min-height: auto;\n      padding: 62px 0 0;\n      background: #ffffff;\n      color: #000000;\n    }\n\n    .xp-material-caption h3 {\n      margin: 0 0 18px;\n      color: #222222;\n      font-size: 25px;\n      line-height: 1.45;\n      font-weight: 400;\n    }\n\n    .xp-material-caption p {\n      margin: 0;\n      color: #686868;\n      font-size: 20px;\n      line-height: 1.45;\n      font-weight: 400;\n    }\n\n    .xp-material-arrow {\n      display: none;\n    }\n\n    .xp-material-dots {\n      display: flex;\n      gap: 8px;\n      padding: 52px 31px 0;\n      align-items: center;\n    }\n\n    .xp-material-dots button {\n      width: 27px;\n      height: 2px;\n      border: 0;\n      padding: 0;\n      background: #e4e4e4;\n      cursor: pointer;\n    }\n\n    .xp-material-dots button.active {\n      background: #8cc63f;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-material-track {\n      padding: 0 31px;\n      gap: 18px;\n      scroll-padding-left: 31px;\n    }\n\n    .xp-material-slide {\n      flex-basis: calc(100vw - 62px);\n    }\n\n    .xp-material-media {\n      height: 344px;\n    }\n\n    .xp-material-caption {\n      padding-top: 62px;\n    }\n\n    .xp-material-caption h3 {\n      font-size: 25px;\n      line-height: 1.45;\n    }\n\n    .xp-material-caption p {\n      font-size: 20px;\n      line-height: 1.45;\n    }\n\n    .xp-material-dots {\n      padding-left: 31px;\n      padding-top: 52px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const carousel = document.getElementById(\"xpMaterialCarousel\");\n    if (!carousel) return;\n\n    const track = carousel.querySelector(\".xp-material-track\");\n    const slides = Array.from(carousel.querySelectorAll(\".xp-material-slide\"));\n    const prevBtn = carousel.querySelector(\".xp-material-prev\");\n    const nextBtn = carousel.querySelector(\".xp-material-next\");\n    const dots = Array.from(carousel.querySelectorAll(\".xp-material-dots button\"));\n\n    let currentIndex = 0;\n    let isDown = false;\n    let startX = 0;\n    let startScrollLeft = 0;\n    let hasMoved = false;\n\n    function getAlign() {\n      return window.innerWidth <= 768 ? \"start\" : \"center\";\n    }\n\n    function updateUI() {\n      if (prevBtn) prevBtn.disabled = currentIndex === 0;\n      if (nextBtn) nextBtn.disabled = currentIndex === slides.length - 1;\n\n      slides.forEach(function (slide, index) {\n        slide.classList.toggle(\"active\", index === currentIndex);\n\n        const videos = slide.querySelectorAll(\"video\");\n\n        videos.forEach(function (video) {\n          if (index === currentIndex) {\n            video.play().catch(function () {});\n          } else {\n            video.pause();\n          }\n        });\n      });\n\n      dots.forEach(function (dot, index) {\n        dot.classList.toggle(\"active\", index === currentIndex);\n      });\n    }\n\n    function goToSlide(index) {\n      if (index < 0) index = 0;\n      if (index > slides.length - 1) index = slides.length - 1;\n\n      currentIndex = index;\n\n      slides[currentIndex].scrollIntoView({\n        behavior: \"smooth\",\n        inline: getAlign(),\n        block: \"nearest\"\n      });\n\n      updateUI();\n    }\n\n    function updateCurrentIndex() {\n      const trackCenter = track.scrollLeft + track.offsetWidth \/ 2;\n\n      let closestIndex = 0;\n      let closestDistance = Infinity;\n\n      slides.forEach(function (slide, index) {\n        const slideCenter = slide.offsetLeft + slide.offsetWidth \/ 2;\n        const distance = Math.abs(trackCenter - slideCenter);\n\n        if (distance < closestDistance) {\n          closestDistance = distance;\n          closestIndex = index;\n        }\n      });\n\n      currentIndex = closestIndex;\n      updateUI();\n    }\n\n    function snapToClosestSlide() {\n      updateCurrentIndex();\n\n      slides[currentIndex].scrollIntoView({\n        behavior: \"smooth\",\n        inline: getAlign(),\n        block: \"nearest\"\n      });\n    }\n\n    prevBtn.addEventListener(\"click\", function () {\n      goToSlide(currentIndex - 1);\n    });\n\n    nextBtn.addEventListener(\"click\", function () {\n      goToSlide(currentIndex + 1);\n    });\n\n    dots.forEach(function (dot, index) {\n      dot.addEventListener(\"click\", function () {\n        goToSlide(index);\n      });\n    });\n\n    track.addEventListener(\"pointerdown\", function (e) {\n      isDown = true;\n      hasMoved = false;\n      startX = e.clientX;\n      startScrollLeft = track.scrollLeft;\n      track.classList.add(\"is-dragging\");\n\n      if (track.setPointerCapture) {\n        track.setPointerCapture(e.pointerId);\n      }\n    });\n\n    track.addEventListener(\"pointermove\", function (e) {\n      if (!isDown) return;\n\n      const moveX = e.clientX - startX;\n\n      if (Math.abs(moveX) > 5) {\n        hasMoved = true;\n      }\n\n      track.scrollLeft = startScrollLeft - moveX * 1.15;\n    });\n\n    track.addEventListener(\"pointerup\", function (e) {\n      if (!isDown) return;\n\n      isDown = false;\n      track.classList.remove(\"is-dragging\");\n\n      try {\n        track.releasePointerCapture(e.pointerId);\n      } catch (error) {}\n\n      setTimeout(snapToClosestSlide, 90);\n    });\n\n    track.addEventListener(\"pointercancel\", function () {\n      isDown = false;\n      track.classList.remove(\"is-dragging\");\n      setTimeout(snapToClosestSlide, 90);\n    });\n\n    track.addEventListener(\"scroll\", function () {\n      clearTimeout(track.scrollTimer);\n      track.scrollTimer = setTimeout(updateCurrentIndex, 80);\n    });\n\n    slides.forEach(function (slide) {\n      slide.addEventListener(\"click\", function (e) {\n        if (hasMoved) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      });\n    });\n\n    window.addEventListener(\"resize\", function () {\n      goToSlide(currentIndex);\n    });\n\n    updateUI();\n  })();\n<\/script>\n\n\n\n<section class=\"xp-cockpit-hero\">\n  <picture>\n    <!-- Mobile image -->\n    <source\n      media=\"(max-width: 768px)\"\n      srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/1d66bf2cc3b44c148712ee5b8532f389.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n    >\n\n    <!-- Desktop image -->\n    <img decoding=\"async\"\n      class=\"xp-cockpit-img\"\n      src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-30\/85b9a8639bce4ec785a628a00f8942ee.jpg?x-oss-process=1\"\n      alt=\"XOS Smart Cockpit\"\n    >\n  <\/picture>\n\n  <div class=\"xp-cockpit-content\">\n    <h2>XOS Smart Cockpit<\/h2>\n    <p>Ultra-fast update done via OTA <sup>4<\/sup><\/p>\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-cockpit-hero {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    background: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-cockpit-hero picture {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .xp-cockpit-img {\n    width: 100%;\n    height: 100vh;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .xp-cockpit-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.28);\n    pointer-events: none;\n  }\n\n  .xp-cockpit-content {\n    position: absolute;\n    z-index: 2;\n    top: 120px;\n    left: 50%;\n    transform: translateX(-50%);\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .xp-cockpit-content h2 {\n    margin: 0 0 12px;\n    font-size: 30px;\n    line-height: 1.15;\n    font-weight: 500;\n    color: #ffffff;\n  }\n\n  .xp-cockpit-content p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.4;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .xp-cockpit-content sup {\n    font-size: 10px;\n    position: relative;\n    top: -2px;\n  }\n\n  @media (max-width: 768px) {\n    .xp-cockpit-hero {\n      min-height: auto;\n      background: #ffffff;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .xp-cockpit-hero::after {\n      display: none;\n    }\n\n    .xp-cockpit-img {\n      width: 100%;\n      height: auto;\n      min-height: auto;\n      object-fit: contain;\n      object-position: center top;\n    }\n\n    .xp-cockpit-content {\n      position: static;\n      transform: none;\n      text-align: left;\n      color: #000000;\n      padding: 30px 30px 28px;\n      background: #ffffff;\n    }\n\n    .xp-cockpit-content h2 {\n      margin: 0 0 24px;\n      font-size: 25px;\n      line-height: 1.2;\n      font-weight: 400;\n      color: #000000;\n    }\n\n    .xp-cockpit-content p {\n      margin: 0;\n      font-size: 13px;\n      line-height: 1.5;\n      font-weight: 400;\n      color: #5b6470;\n    }\n\n    .xp-cockpit-content sup {\n      font-size: 9px;\n      top: -3px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-cockpit-content {\n      padding: 30px 29px 28px;\n    }\n\n    .xp-cockpit-content h2 {\n      font-size: 25px;\n      margin-bottom: 24px;\n    }\n\n    .xp-cockpit-content p {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n\n\n\n<section class=\"xp-smart-section\">\n  <div class=\"xp-smart-container\">\n\n    <div class=\"xp-smart-image\">\n      <img decoding=\"async\"\n        src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/bfee080809bf45b18b90f746fa591fc1.jpg?x-oss-process=1\"\n        alt=\"XPENG smart cabin pet mode\"\n      >\n    <\/div>\n\n    <div class=\"xp-smart-content\">\n\n      <div class=\"xp-smart-item\">\n        <h3>\n          <span class=\"xp-title-line\"><\/span>\n          Custom Smart Scenarios &#8211; XCOMBO\n        <\/h3>\n        <p>\n          Supports multiple modes, including Pet Mode, Mindfulness Space, and\n          Sleep Space, with one-touch activation via the mobile app.\n        <\/p>\n      <\/div>\n\n      <div class=\"xp-smart-item\">\n        <h3>\n          <span class=\"xp-title-line\"><\/span>\n          Intelligent voice assistant for every situation\n        <\/h3>\n        <p>\n          Enables in-vehicle conversations, simultaneous multi-zone dialogue,\n          and offline voice control.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-smart-section {\n    padding: 4% 0 70px !important;\n    width: 100%;\n    background: #ffffff;\n    padding: 0 24px 70px;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-smart-container {\n    width: 100%;\n    max-width: 1376px;\n    margin: 0 auto;\n    background: #f7f7f7;\n    overflow: hidden;\n  }\n\n  .xp-smart-image {\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .xp-smart-image img {\n    width: 100%;\n    height: 640px;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .xp-smart-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 90px;\n    padding: 46px 30px 48px;\n    background: #f7f7f7;\n  }\n\n  .xp-smart-item {\n    max-width: 560px;\n  }\n\n  .xp-smart-item h3 {\n    margin: 0 0 18px;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    color: #000000;\n    font-size: 23px;\n    line-height: 1.25;\n    font-weight: 700;\n  }\n\n  .xp-title-line {\n    width: 3px;\n    height: 22px;\n    margin-top: 3px;\n    background: #9acd32;\n    flex: 0 0 auto;\n  }\n\n  .xp-smart-item p {\n    margin: 0;\n    color: #535866;\n    font-size: 17px;\n    line-height: 1.65;\n    letter-spacing: 0.02em;\n    font-weight: 400;\n  }\n\n  @media (max-width: 1200px) {\n    .xp-smart-image img {\n      height: 520px;\n    }\n\n    .xp-smart-content {\n      gap: 60px;\n    }\n\n    .xp-smart-item h3 {\n      font-size: 20px;\n    }\n\n    .xp-smart-item p {\n      font-size: 16px;\n    }\n  }\n\n  @media (max-width: 900px) {\n    .xp-smart-section {\n      padding: 0;\n      background: #ffffff;\n    }\n\n    .xp-smart-container {\n      max-width: 100%;\n      background: #ffffff;\n      padding: 65px 24px 70px;\n    }\n\n    .xp-smart-image {\n      width: 100%;\n      margin-bottom: 44px;\n      overflow: visible;\n    }\n\n    .xp-smart-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      object-position: center;\n      border-radius: 1px;\n    }\n\n    .xp-smart-content {\n      display: flex;\n      flex-direction: column;\n      gap: 42px;\n      padding: 0;\n      background: #ffffff;\n    }\n\n    .xp-smart-item {\n      max-width: 100%;\n    }\n\n    .xp-smart-item h3 {\n      margin: 0 0 12px;\n      gap: 10px;\n      font-size: 19px;\n      line-height: 1.35;\n      font-weight: 500;\n      color: #000000;\n    }\n\n    .xp-title-line {\n      width: 3px;\n      height: 17px;\n      margin-top: 4px;\n      background: #9acd32;\n    }\n\n    .xp-smart-item p {\n      color: #4d5565;\n      font-size: 12px;\n      line-height: 1.55;\n      letter-spacing: 0;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-smart-container {\n      padding: 65px 24px 70px;\n    }\n\n    .xp-smart-image {\n      margin-bottom: 44px;\n    }\n\n    .xp-smart-item h3 {\n      font-size: 19px;\n      line-height: 1.35;\n    }\n\n    .xp-smart-item p {\n      font-size: 12px;\n      line-height: 1.55;\n    }\n  }\n<\/style>\n\n\n\n\n\n\n\n<section class=\"xp-cockpit-carousel-section\">\n  <div class=\"xp-cockpit-carousel\" id=\"xpCockpitCarousel\">\n\n    <button class=\"xp-cockpit-arrow xp-cockpit-prev\" type=\"button\" aria-label=\"Previous slide\">\n      <svg width=\"11\" height=\"20\" viewBox=\"0 0 11 20\" fill=\"none\">\n        <path d=\"M10.617 0.482966C10.8882 0.754138 10.8882 1.19379 10.617 1.46497L1.80242 10.2796L10.617 19.0942C10.8882 19.3654 10.8882 19.805 10.617 20.0762C10.3459 20.3474 9.90621 20.3474 9.63504 20.0762L0.56586 11.007C0.1641 10.6053 0.1641 9.9539 0.56586 9.55214L9.63504 0.482966C9.90621 0.211794 10.3459 0.211794 10.617 0.482966Z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"xp-cockpit-track\">\n\n      <article class=\"xp-cockpit-slide\">\n        <img decoding=\"async\" src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/914104c48cec4b4fa3d398e10e87e1f3.jpg?x-oss-process=1\" alt=\"Multi-screen interaction\">\n        <div class=\"xp-cockpit-caption\">\n          <h3>Multi-screen interaction with smooth and responsive control<\/h3>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-cockpit-slide\">\n        <img decoding=\"async\" src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2026-01-08\/0513537660d44bcb930a2921436d2c1c.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\" alt=\"Heads-up display\">\n        <div class=\"xp-cockpit-caption\">\n          <h3>Heads-up display<\/h3>\n          <p>Windshield-HUD<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-cockpit-slide\">\n        <img decoding=\"async\" src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/28f8d52a1a7848b28059e823cb0a1df2.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\" alt=\"15.6 inch central touchscreen\">\n        <div class=\"xp-cockpit-caption\">\n          <h3>15.6&quot; central touchscreen<\/h3>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-cockpit-slide\">\n        <img decoding=\"async\" src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2026-01-05\/992057f39a2246e38e33c89e91d7100d.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\" alt=\"8.8 inch digital instrument cluster\">\n        <div class=\"xp-cockpit-caption\">\n          <h3>8.8&quot; digital instrument cluster<\/h3>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-cockpit-slide\">\n        <img decoding=\"async\" src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/3619d1cd829648e1a888374aaa9d8d16.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\" alt=\"Rear entertainment screen\">\n        <div class=\"xp-cockpit-caption\">\n          <h3>8&quot;\u00b2 rear entertainment screen<\/h3>\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-cockpit-slide\">\n        <img decoding=\"async\" src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-30\/4229adb381be4223ba15584aa8cf87b5.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\" alt=\"Digital rearview mirror\">\n        <div class=\"xp-cockpit-caption\">\n          <h3>Digital rearview mirror with streaming<\/h3>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <button class=\"xp-cockpit-arrow xp-cockpit-next\" type=\"button\" aria-label=\"Next slide\">\n      <svg width=\"11\" height=\"20\" viewBox=\"0 0 11 20\" fill=\"none\">\n        <path d=\"M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-cockpit-carousel-section {\n    width: 100%;\n    background: #fff;\n    padding: 52px 0 70px;\n    overflow: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-cockpit-carousel {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .xp-cockpit-track {\n    display: flex;\n    gap: 68px;\n    padding: 0 calc((100vw - min(72vw, 996px)) \/ 2);\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    cursor: grab;\n    user-select: none;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n  }\n\n  .xp-cockpit-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .xp-cockpit-track.is-dragging {\n    cursor: grabbing;\n    scroll-behavior: auto;\n    scroll-snap-type: none;\n  }\n\n  .xp-cockpit-slide {\n    position: relative;\n    flex: 0 0 min(72vw, 996px);\n    height: 498px;\n    overflow: hidden;\n    border-radius: 2px;\n    background: #f2f2f2;\n    scroll-snap-align: center;\n  }\n\n  .xp-cockpit-slide img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    user-select: none;\n    pointer-events: none;\n  }\n\n  .xp-cockpit-caption {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    min-height: 108px;\n    padding: 44px 50px 34px;\n    color: #fff;\n    background: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.08),\n      rgba(0, 0, 0, 0.58)\n    );\n  }\n\n  .xp-cockpit-caption h3 {\n    margin: 0;\n    color: #fff;\n    font-size: 13px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  .xp-cockpit-caption p {\n    margin: 7px 0 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  .xp-cockpit-arrow {\n    position: absolute;\n    top: 50%;\n    z-index: 10;\n    width: 58px;\n    height: 58px;\n    border: 0;\n    background: transparent;\n    color: #9b9b9b;\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    transform: translateY(-50%);\n    transition: color 0.25s ease, opacity 0.25s ease;\n  }\n\n  .xp-cockpit-arrow:hover {\n    color: #111;\n  }\n\n  .xp-cockpit-arrow:disabled {\n    opacity: 0.25;\n    cursor: default;\n  }\n\n  .xp-cockpit-prev {\n    left: calc(50% - min(72vw, 996px) \/ 2 - 78px);\n  }\n\n  .xp-cockpit-next {\n    right: calc(50% - min(72vw, 996px) \/ 2 - 78px);\n  }\n\n  @media (max-width: 1200px) {\n    .xp-cockpit-track {\n      gap: 46px;\n      padding: 0 13vw;\n    }\n\n    .xp-cockpit-slide {\n      flex-basis: 74vw;\n      height: 440px;\n    }\n\n    .xp-cockpit-prev {\n      left: 8vw;\n    }\n\n    .xp-cockpit-next {\n      right: 8vw;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .xp-cockpit-carousel-section {\n      padding: 36px 0 56px;\n    }\n\n    .xp-cockpit-track {\n      gap: 16px;\n      padding: 0 24px;\n      scroll-padding-left: 24px;\n    }\n\n    .xp-cockpit-slide {\n      flex: 0 0 86vw;\n      height: 300px;\n      scroll-snap-align: start;\n    }\n\n    .xp-cockpit-caption {\n      min-height: 84px;\n      padding: 31px 22px 22px;\n    }\n\n    .xp-cockpit-caption h3 {\n      font-size: 12px;\n    }\n\n    .xp-cockpit-caption p {\n      font-size: 11px;\n    }\n\n    .xp-cockpit-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-cockpit-track {\n      padding: 0 18px;\n      gap: 14px;\n      scroll-padding-left: 18px;\n    }\n\n    .xp-cockpit-slide {\n      flex-basis: 88vw;\n      height: 250px;\n    }\n\n    .xp-cockpit-caption {\n      padding: 26px 18px 18px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const carousel = document.getElementById(\"xpCockpitCarousel\");\n    const track = carousel.querySelector(\".xp-cockpit-track\");\n    const slides = Array.from(carousel.querySelectorAll(\".xp-cockpit-slide\"));\n    const prevBtn = carousel.querySelector(\".xp-cockpit-prev\");\n    const nextBtn = carousel.querySelector(\".xp-cockpit-next\");\n\n    let currentIndex = 0;\n    let isDown = false;\n    let startX = 0;\n    let startScrollLeft = 0;\n    let hasMoved = false;\n\n    function getAlign() {\n      return window.innerWidth <= 768 ? \"start\" : \"center\";\n    }\n\n    function updateButtons() {\n      prevBtn.disabled = currentIndex === 0;\n      nextBtn.disabled = currentIndex === slides.length - 1;\n    }\n\n    function goToSlide(index) {\n      if (index < 0) index = 0;\n      if (index > slides.length - 1) index = slides.length - 1;\n\n      currentIndex = index;\n\n      slides[currentIndex].scrollIntoView({\n        behavior: \"smooth\",\n        inline: getAlign(),\n        block: \"nearest\"\n      });\n\n      updateButtons();\n    }\n\n    function updateCurrentIndex() {\n      const trackCenter = track.scrollLeft + track.offsetWidth \/ 2;\n      let closestIndex = 0;\n      let closestDistance = Infinity;\n\n      slides.forEach(function (slide, index) {\n        const slideCenter = slide.offsetLeft + slide.offsetWidth \/ 2;\n        const distance = Math.abs(trackCenter - slideCenter);\n\n        if (distance < closestDistance) {\n          closestDistance = distance;\n          closestIndex = index;\n        }\n      });\n\n      currentIndex = closestIndex;\n      updateButtons();\n    }\n\n    function snapToClosestSlide() {\n      updateCurrentIndex();\n\n      slides[currentIndex].scrollIntoView({\n        behavior: \"smooth\",\n        inline: getAlign(),\n        block: \"nearest\"\n      });\n    }\n\n    prevBtn.addEventListener(\"click\", function () {\n      goToSlide(currentIndex - 1);\n    });\n\n    nextBtn.addEventListener(\"click\", function () {\n      goToSlide(currentIndex + 1);\n    });\n\n    track.addEventListener(\"pointerdown\", function (e) {\n      isDown = true;\n      hasMoved = false;\n      startX = e.clientX;\n      startScrollLeft = track.scrollLeft;\n      track.classList.add(\"is-dragging\");\n      track.setPointerCapture(e.pointerId);\n    });\n\n    track.addEventListener(\"pointermove\", function (e) {\n      if (!isDown) return;\n\n      const moveX = e.clientX - startX;\n\n      if (Math.abs(moveX) > 5) {\n        hasMoved = true;\n      }\n\n      track.scrollLeft = startScrollLeft - moveX * 1.15;\n    });\n\n    track.addEventListener(\"pointerup\", function (e) {\n      if (!isDown) return;\n\n      isDown = false;\n      track.classList.remove(\"is-dragging\");\n\n      try {\n        track.releasePointerCapture(e.pointerId);\n      } catch (error) {}\n\n      setTimeout(snapToClosestSlide, 90);\n    });\n\n    track.addEventListener(\"pointercancel\", function () {\n      isDown = false;\n      track.classList.remove(\"is-dragging\");\n      setTimeout(snapToClosestSlide, 90);\n    });\n\n    track.addEventListener(\"scroll\", function () {\n      clearTimeout(track.scrollTimer);\n      track.scrollTimer = setTimeout(updateCurrentIndex, 80);\n    });\n\n    slides.forEach(function (slide) {\n      slide.addEventListener(\"click\", function (e) {\n        if (hasMoved) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      });\n    });\n\n    window.addEventListener(\"resize\", function () {\n      goToSlide(currentIndex);\n    });\n\n    updateButtons();\n  })();\n<\/script>\n\n\n\n<section class=\"xp-xpilot-hero\">\n  <picture>\n    <!-- Mobile Image -->\n    <source\n      media=\"(max-width: 768px)\"\n      srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/c9741fdb7cd9461189a21c4080c7a940.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n    >\n\n    <!-- Desktop Image -->\n    <img decoding=\"async\"\n      class=\"xp-xpilot-img\"\n      src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-30\/c4110b33e9db4711bc043fcb662ec617.jpg?x-oss-process=1\"\n      alt=\"Advanced XPILOT ASSIST Technology\"\n    >\n  <\/picture>\n\n  <div class=\"xp-xpilot-content\">\n    <h2>\n      Advanced XPILOT ASSIST Technology\n      <sup>3<\/sup>\n    <\/h2>\n\n    <p>\n      Equipped with the high-performance Turing XP5 chip at 750 TOPS and 27 perception sensors.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-xpilot-hero {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    background: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-xpilot-hero picture {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .xp-xpilot-img {\n    width: 100%;\n    height: 100vh;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .xp-xpilot-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 25, 45, 0.28);\n    pointer-events: none;\n  }\n\n  .xp-xpilot-content {\n    position: absolute;\n    z-index: 2;\n    top: 92px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 90%;\n    max-width: 900px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .xp-xpilot-content h2 {\n    margin: 0 0 10px;\n    font-size: 30px;\n    line-height: 1.2;\n    font-weight: 500;\n    color: #ffffff;\n  }\n\n  .xp-xpilot-content h2 sup {\n    font-size: 13px;\n    position: relative;\n    top: -8px;\n    margin-left: 3px;\n  }\n\n  .xp-xpilot-content p {\n    margin: 0 auto;\n    max-width: 760px;\n    font-size: 13px;\n    line-height: 1.5;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  @media (max-width: 768px) {\n    .xp-xpilot-hero {\n      min-height: auto;\n      display: flex;\n      flex-direction: column;\n      background: #ffffff;\n    }\n\n    .xp-xpilot-hero::after {\n      display: none;\n    }\n\n    .xp-xpilot-img {\n      width: 100%;\n      height: auto;\n      min-height: auto;\n      object-fit: contain;\n      object-position: center top;\n    }\n\n    .xp-xpilot-content {\n      position: static;\n      transform: none;\n      width: 100%;\n      max-width: none;\n      text-align: left;\n      padding: 28px 28px 38px;\n      background: #ffffff;\n      color: #000000;\n    }\n\n    .xp-xpilot-content h2 {\n      margin: 0 0 24px;\n      max-width: 320px;\n      font-size: 25px;\n      line-height: 1.35;\n      font-weight: 400;\n      color: #000000;\n    }\n\n    .xp-xpilot-content h2 sup {\n      font-size: 11px;\n      top: -8px;\n    }\n\n    .xp-xpilot-content p {\n      margin: 0;\n      max-width: 320px;\n      font-size: 13px;\n      line-height: 1.65;\n      font-weight: 400;\n      color: #5b6470;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-xpilot-content {\n      padding: 28px 28px 38px;\n    }\n\n    .xp-xpilot-content h2 {\n      font-size: 25px;\n      line-height: 1.35;\n    }\n\n    .xp-xpilot-content p {\n      font-size: 13px;\n      line-height: 1.65;\n    }\n  }\n<\/style>\n\n\n\n\n<section class=\"xp-assist-carousel-section\">\n  <div class=\"xp-assist-carousel\" id=\"xpAssistCarousel\">\n\n    <div class=\"xp-assist-track\">\n\n      <article class=\"xp-assist-slide\">\n        <div class=\"xp-assist-header\">\n          <h2>XPILOT ASSIST <sup>3<\/sup><\/h2>\n          <p>ACC\/ATC\/LCC\/ALC enhance safety and make driving easier.<\/p>\n        <\/div>\n\n        <div class=\"xp-assist-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/71fe396e03214f538092a3beaf1e4c3b.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n            alt=\"XPILOT ASSIST\"\n          >\n        <\/div>\n      <\/article>\n\n      <article class=\"xp-assist-slide\">\n        <div class=\"xp-assist-header\">\n          <h2>XPILOT ASSIST <sup>3<\/sup> Parking<\/h2>\n          <p>\n            Supports automatic parking, remote control via phone, straight-line and reverse with lane tracking,\n            allowing effortless maneuvering in tight spaces.\n          <\/p>\n        <\/div>\n\n        <div class=\"xp-assist-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/94c13c58fe604a7b97bc7c1cf9cdd440.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n            alt=\"XPILOT ASSIST Parking\"\n          >\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <button class=\"xp-assist-arrow xp-assist-prev\" type=\"button\" aria-label=\"Previous slide\">\n      <svg width=\"11\" height=\"20\" viewBox=\"0 0 11 20\" fill=\"none\">\n        <path d=\"M10.617 0.482966C10.8882 0.754138 10.8882 1.19379 10.617 1.46497L1.80242 10.2796L10.617 19.0942C10.8882 19.3654 10.8882 19.805 10.617 20.0762C10.3459 20.3474 9.90621 20.3474 9.63504 20.0762L0.56586 11.007C0.1641 10.6053 0.1641 9.9539 0.56586 9.55214L9.63504 0.482966C9.90621 0.211794 10.3459 0.211794 10.617 0.482966Z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n\n    <button class=\"xp-assist-arrow xp-assist-next\" type=\"button\" aria-label=\"Next slide\">\n      <svg width=\"11\" height=\"20\" viewBox=\"0 0 11 20\" fill=\"none\">\n        <path d=\"M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"xp-assist-dots\">\n      <button class=\"active\" type=\"button\" aria-label=\"Go to slide 1\"><\/button>\n      <button type=\"button\" aria-label=\"Go to slide 2\"><\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-assist-carousel-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 78px 0 72px;\n    overflow: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .xp-assist-carousel {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .xp-assist-track {\n    display: flex;\n    gap: 68px;\n    padding: 0 calc((100vw - min(72vw, 996px)) \/ 2);\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    cursor: grab;\n    user-select: none;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .xp-assist-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .xp-assist-track.is-dragging {\n    cursor: grabbing;\n    scroll-behavior: auto;\n    scroll-snap-type: none;\n  }\n\n  .xp-assist-slide {\n    flex: 0 0 min(72vw, 996px);\n    scroll-snap-align: center;\n  }\n\n  .xp-assist-header {\n    min-height: 100px;\n    text-align: center;\n    color: #000000;\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n  }\n\n  .xp-assist-header h2 {\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n    margin: 0 0 12px;\n    font-size: 28px;\n    line-height: 1.2;\n    font-weight: 400;\n  }\n\n  .xp-assist-header h2 sup {\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n    font-size: 13px;\n    position: relative;\n    top: -8px;\n    margin-left: 3px;\n    font-weight: 700;\n  }\n\n  .xp-assist-header p {\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n    margin: 0 auto;\n    max-width: 780px;\n    font-size: 13px;\n    line-height: 1.55;\n    color: #000000;\n  }\n\n  .xp-assist-image {\n    width: 100%;\n    height: 498px;\n    overflow: hidden;\n    border-radius: 2px;\n    background: #f2f2f2;\n  }\n\n  .xp-assist-image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .xp-assist-arrow {\n    position: absolute;\n    top: calc(100px + 249px);\n    z-index: 10;\n    width: 58px;\n    height: 58px;\n    border: 0;\n    background: transparent;\n    color: #9b9b9b;\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    transform: translateY(-50%);\n    transition: color 0.25s ease, opacity 0.25s ease;\n  }\n\n  .xp-assist-arrow:hover {\n    color: #111111;\n  }\n\n  .xp-assist-arrow:disabled {\n    opacity: 0.25;\n    cursor: default;\n  }\n\n  .xp-assist-prev {\n    left: calc(50% - min(72vw, 996px) \/ 2 - 78px);\n  }\n\n  .xp-assist-next {\n    right: calc(50% - min(72vw, 996px) \/ 2 - 78px);\n  }\n\n  .xp-assist-dots {\n    display: none;\n  }\n\n  @media (max-width: 1200px) {\n    .xp-assist-track {\n      gap: 46px;\n      padding: 0 13vw;\n    }\n\n    .xp-assist-slide {\n      flex-basis: 74vw;\n    }\n\n    .xp-assist-image {\n      height: 440px;\n    }\n\n    .xp-assist-arrow {\n      top: calc(100px + 220px);\n    }\n\n    .xp-assist-prev {\n      left: 8vw;\n    }\n\n    .xp-assist-next {\n      right: 8vw;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .xp-assist-carousel-section {\n      padding: 59px 0 58px;\n    }\n\n    .xp-assist-track {\n      gap: 16px;\n      padding: 0 20px;\n      scroll-padding-left: 20px;\n    }\n\n    .xp-assist-slide {\n      flex: 0 0 86vw;\n      display: flex;\n      flex-direction: column;\n      scroll-snap-align: start;\n    }\n\n    .xp-assist-header {\n      order: 2;\n      min-height: auto;\n      text-align: left;\n      padding: 24px 0 0;\n      font-family: basis_grotesque_regular, Arial, sans-serif;\n    }\n\n    .xp-assist-header h2 {\n      margin: 0 0 18px;\n      font-size: 24px;\n      line-height: 1.35;\n      font-weight: 400;\n      font-family: basis_grotesque_regular, Arial, sans-serif;\n    }\n\n    .xp-assist-header h2 sup {\n      font-size: 11px;\n      top: -8px;\n      margin-left: 2px;\n      font-family: basis_grotesque_regular, Arial, sans-serif;\n    }\n\n    .xp-assist-header p {\n      margin: 0;\n      max-width: 100%;\n      font-size: 14px;\n      line-height: 1.55;\n      color: #666666;\n      font-family: basis_grotesque_regular, Arial, sans-serif;\n    }\n\n    .xp-assist-image {\n      order: 1;\n      height: 274px;\n      border-radius: 2px;\n    }\n\n    .xp-assist-arrow {\n      display: none;\n    }\n\n    .xp-assist-dots {\n      display: flex;\n      gap: 8px;\n      padding: 46px 20px 0;\n      align-items: center;\n    }\n\n    .xp-assist-dots button {\n      width: 18px;\n      height: 2px;\n      border: 0;\n      padding: 0;\n      background: #e3e3e3;\n      cursor: pointer;\n    }\n\n    .xp-assist-dots button.active {\n      background: #93c83e;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-assist-track {\n      padding: 0 19px;\n      gap: 14px;\n      scroll-padding-left: 19px;\n    }\n\n    .xp-assist-slide {\n      flex-basis: 86vw;\n    }\n\n    .xp-assist-image {\n      height: 274px;\n    }\n\n    .xp-assist-header h2 {\n      font-family: basis_grotesque_regular, Arial, sans-serif;\n      font-size: 24px;\n    }\n\n    .xp-assist-header p {\n      font-family: basis_grotesque_regular, Arial, sans-serif;\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const carousel = document.getElementById(\"xpAssistCarousel\");\n    const track = carousel.querySelector(\".xp-assist-track\");\n    const slides = Array.from(carousel.querySelectorAll(\".xp-assist-slide\"));\n    const prevBtn = carousel.querySelector(\".xp-assist-prev\");\n    const nextBtn = carousel.querySelector(\".xp-assist-next\");\n    const dots = Array.from(carousel.querySelectorAll(\".xp-assist-dots button\"));\n\n    let currentIndex = 0;\n    let isDown = false;\n    let startX = 0;\n    let startScrollLeft = 0;\n    let hasMoved = false;\n\n    function getAlign() {\n      return window.innerWidth <= 768 ? \"start\" : \"center\";\n    }\n\n    function updateUI() {\n      prevBtn.disabled = currentIndex === 0;\n      nextBtn.disabled = currentIndex === slides.length - 1;\n\n      dots.forEach(function (dot, index) {\n        dot.classList.toggle(\"active\", index === currentIndex);\n      });\n    }\n\n    function goToSlide(index) {\n      if (index < 0) index = 0;\n      if (index > slides.length - 1) index = slides.length - 1;\n\n      currentIndex = index;\n\n      slides[currentIndex].scrollIntoView({\n        behavior: \"smooth\",\n        inline: getAlign(),\n        block: \"nearest\"\n      });\n\n      updateUI();\n    }\n\n    function updateCurrentIndex() {\n      const trackCenter = track.scrollLeft + track.offsetWidth \/ 2;\n      let closestIndex = 0;\n      let closestDistance = Infinity;\n\n      slides.forEach(function (slide, index) {\n        const slideCenter = slide.offsetLeft + slide.offsetWidth \/ 2;\n        const distance = Math.abs(trackCenter - slideCenter);\n\n        if (distance < closestDistance) {\n          closestDistance = distance;\n          closestIndex = index;\n        }\n      });\n\n      currentIndex = closestIndex;\n      updateUI();\n    }\n\n    function snapToClosestSlide() {\n      updateCurrentIndex();\n\n      slides[currentIndex].scrollIntoView({\n        behavior: \"smooth\",\n        inline: getAlign(),\n        block: \"nearest\"\n      });\n    }\n\n    prevBtn.addEventListener(\"click\", function () {\n      goToSlide(currentIndex - 1);\n    });\n\n    nextBtn.addEventListener(\"click\", function () {\n      goToSlide(currentIndex + 1);\n    });\n\n    dots.forEach(function (dot, index) {\n      dot.addEventListener(\"click\", function () {\n        goToSlide(index);\n      });\n    });\n\n    track.addEventListener(\"pointerdown\", function (e) {\n      isDown = true;\n      hasMoved = false;\n      startX = e.clientX;\n      startScrollLeft = track.scrollLeft;\n      track.classList.add(\"is-dragging\");\n      track.setPointerCapture(e.pointerId);\n    });\n\n    track.addEventListener(\"pointermove\", function (e) {\n      if (!isDown) return;\n\n      const moveX = e.clientX - startX;\n\n      if (Math.abs(moveX) > 5) {\n        hasMoved = true;\n      }\n\n      track.scrollLeft = startScrollLeft - moveX * 1.15;\n    });\n\n    track.addEventListener(\"pointerup\", function (e) {\n      if (!isDown) return;\n\n      isDown = false;\n      track.classList.remove(\"is-dragging\");\n\n      try {\n        track.releasePointerCapture(e.pointerId);\n      } catch (error) {}\n\n      setTimeout(snapToClosestSlide, 90);\n    });\n\n    track.addEventListener(\"pointercancel\", function () {\n      isDown = false;\n      track.classList.remove(\"is-dragging\");\n      setTimeout(snapToClosestSlide, 90);\n    });\n\n    track.addEventListener(\"scroll\", function () {\n      clearTimeout(track.scrollTimer);\n      track.scrollTimer = setTimeout(updateCurrentIndex, 80);\n    });\n\n    slides.forEach(function (slide) {\n      slide.addEventListener(\"click\", function (e) {\n        if (hasMoved) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      });\n    });\n\n    window.addEventListener(\"resize\", function () {\n      goToSlide(currentIndex);\n    });\n\n    updateUI();\n  })();\n<\/script>\n\n\n\n\n\n\n\n<section class=\"xp-charge-section\">\n  <div class=\"xp-charge-container\">\n\n    <div class=\"xp-charge-header\">\n      <h2>\n        Charges from 10% to 80% SOC in just 12 minutes<sup>1<\/sup>\n      <\/h2>\n      <p>\n        An 800V high-voltage platform complements SiC, reducing charging and range constraints.\n      <\/p>\n    <\/div>\n\n    <div class=\"xp-charge-media\" id=\"xpChargeMedia\">\n      <img decoding=\"async\"\n        src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/e263e765499f4090ae392dbf4b1490c9.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n        alt=\"XPENG charging technology\"\n      >\n\n      <button class=\"xp-play-btn\" type=\"button\" aria-label=\"Play video\">\n        <span><\/span>\n      <\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-charge-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 72px 24px 86px;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n  }\n\n  .xp-charge-container {\n    width: 100%;\n    max-width: 1365px;\n    margin: 0 auto;\n  }\n\n  .xp-charge-header {\n    text-align: center;\n    margin-bottom: 62px;\n  }\n\n  .xp-charge-header h2 {\n    margin: 0 0 20px;\n    color: #000000;\n    font-size: 38px;\n    line-height: 1.2;\n    font-weight: 400;\n  }\n\n  .xp-charge-header h2 sup {\n    font-size: 16px;\n    position: relative;\n    top: -12px;\n    margin-left: 2px;\n    font-weight: 700;\n  }\n\n  .xp-charge-header p {\n    margin: 0 auto;\n    max-width: 850px;\n    color: #000000;\n    font-size: 18px;\n    line-height: 1.5;\n    font-weight: 400;\n  }\n\n  .xp-charge-media {\n    position: relative;\n    width: 100%;\n    max-width: 1365px;\n    height: 668px;\n    margin: 0 auto;\n    overflow: hidden;\n    border-radius: 3px;\n    background: #f3f3f3;\n    cursor: pointer;\n  }\n\n  .xp-charge-media img,\n  .xp-charge-video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .xp-charge-media img {\n    transition: transform 0.7s ease;\n  }\n\n  .xp-charge-media:hover img {\n    transform: scale(1.025);\n  }\n\n  .xp-play-btn {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 72px;\n    height: 72px;\n    border: 0;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.18);\n    backdrop-filter: blur(2px);\n    transform: translate(-50%, -50%);\n    cursor: pointer;\n    display: grid;\n    place-items: center;\n    transition: background 0.25s ease, transform 0.25s ease;\n    z-index: 2;\n  }\n\n  .xp-play-btn:hover {\n    background: rgba(0, 0, 0, 0.32);\n    transform: translate(-50%, -50%) scale(1.06);\n  }\n\n  .xp-play-btn span {\n    width: 0;\n    height: 0;\n    margin-left: 6px;\n    border-top: 18px solid transparent;\n    border-bottom: 18px solid transparent;\n    border-left: 28px solid #ffffff;\n  }\n\n  .xp-charge-video {\n    background: #000;\n  }\n\n  @media (max-width: 1200px) {\n    .xp-charge-header h2 {\n      font-size: 34px;\n    }\n\n    .xp-charge-header p {\n      font-size: 16px;\n    }\n\n    .xp-charge-media {\n      height: 560px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .xp-charge-section {\n      padding: 73px 12px;\n    }\n\n    .xp-charge-container {\n      max-width: 100%;\n    }\n\n    .xp-charge-header {\n      text-align: left;\n      margin-bottom: 24px;\n    }\n\n    .xp-charge-header h2 {\n      max-width: 330px;\n      margin: 0 0 22px;\n      font-size: 25px;\n      line-height: 1.45;\n      font-weight: 400;\n      color: #000000;\n    }\n\n    .xp-charge-header h2 sup {\n      font-size: 11px;\n      top: -8px;\n    }\n\n    .xp-charge-header p {\n      margin: 0;\n      max-width: 330px;\n      font-size: 14px;\n      line-height: 1.65;\n      color: #5f6673;\n    }\n\n    .xp-charge-media {\n      width: 100%;\n      height: 250px;\n      margin-top: 26px;\n      border-radius: 2px;\n    }\n\n    .xp-play-btn {\n      width: 56px;\n      height: 56px;\n      background: transparent;\n      backdrop-filter: none;\n    }\n\n    .xp-play-btn span {\n      margin-left: 5px;\n      border-top-width: 16px;\n      border-bottom-width: 16px;\n      border-left-width: 25px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-charge-header h2 {\n      font-size: 25px;\n      line-height: 1.45;\n    }\n\n    .xp-charge-header p {\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .xp-charge-media {\n      height: 250px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const chargeMedia = document.getElementById(\"xpChargeMedia\");\n\n    if (!chargeMedia) return;\n\n    chargeMedia.addEventListener(\"click\", function () {\n      if (this.dataset.videoLoaded === \"true\") return;\n\n      this.dataset.videoLoaded = \"true\";\n\n      this.innerHTML = `\n        <video class=\"xp-charge-video\" controls autoplay playsinline>\n          <source src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/f0f5e2c0812f414ab30c4ccc257f8ee8.mp4\" type=\"video\/mp4\">\n          Your browser does not support the video tag.\n        <\/video>\n      `;\n\n      const video = this.querySelector(\".xp-charge-video\");\n\n      if (video) {\n        video.play().catch(function () {\n          video.controls = true;\n        });\n      }\n    });\n  })();\n<\/script>\n\n\n\n\n<section class=\"xp-safety-section\">\n  <div class=\"xp-safety-wrapper\">\n\n    <div class=\"xp-safety-card\">\n      <picture>\n        <source\n          media=\"(max-width: 750px)\"\n          srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/dd463426c8da40e9bdc25b75b4b15427.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n        >\n        <img decoding=\"async\"\n          src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/3c9c7636208b4d31848b48e82b8e1453.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n          alt=\"Battery safety\"\n        >\n      <\/picture>\n\n      <div class=\"xp-safety-overlay\">\n        <h3>Battery cells and complete pack tested to 37 safety standards<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"xp-safety-card\">\n      <picture>\n        <source\n          media=\"(max-width: 750px)\"\n          srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/15f80e03553c43e9883431e3b9fae9ef.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n        >\n        <img decoding=\"async\"\n          src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/53f9ed7bbc484c17812b3f4efb53588f.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n          alt=\"Airbags protection\"\n        >\n      <\/picture>\n\n      <div class=\"xp-safety-overlay\">\n        <h3>Standard protection with 7 airbags<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"xp-safety-card\">\n      <picture>\n        <source\n          media=\"(max-width: 750px)\"\n          srcset=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/820eea150ebd43b9a8b763090372e64d.jpg?x-oss-process=image%2Fresize%2Cw_750%2Fquality%2Cq_75%2Finterlace%2C1\"\n        >\n        <img decoding=\"async\"\n          src=\"https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2025-12-29\/2a3f38bcb8424dbaa0957ab2dfe4184d.jpg?x-oss-process=image%2Fresize%2Cw_1920%2Fquality%2Cq_80%2Finterlace%2C1\"\n          alt=\"Steel chassis\"\n        >\n      <\/picture>\n\n      <div class=\"xp-safety-overlay\">\n        <h3>2000MPa ultra-high-strength steel cage-type chassis<\/h3>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-safety-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 105px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n  }\n\n  .xp-safety-wrapper {\n    max-width: 1376px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n  }\n\n  .xp-safety-card {\n    position: relative;\n    height: 330px;\n    border-radius: 3px;\n    overflow: hidden;\n    background: #eeeeee;\n    isolation: isolate;\n  }\n\n  .xp-safety-card picture,\n  .xp-safety-card img {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .xp-safety-card img {\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.7s ease;\n  }\n\n  .xp-safety-card:hover img {\n    transform: scale(1.045);\n  }\n\n  .xp-safety-overlay {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    min-height: 72px;\n    padding: 24px 30px;\n    display: flex;\n    align-items: center;\n    background: linear-gradient(\n      to bottom,\n      rgba(20, 24, 30, 0.18),\n      rgba(20, 24, 30, 0.78)\n    );\n    backdrop-filter: blur(2px);\n  }\n\n  .xp-safety-overlay h3 {\n    margin: 0;\n    max-width: 94%;\n    color: #ffffff;\n    font-size: 15px;\n    line-height: 1.45;\n    font-weight: 700;\n    letter-spacing: 0.01em;\n  }\n\n  @media (max-width: 1100px) {\n    .xp-safety-section {\n      padding: 80px 20px;\n    }\n\n    .xp-safety-wrapper {\n      gap: 20px;\n    }\n\n    .xp-safety-card {\n      height: 280px;\n    }\n\n    .xp-safety-overlay {\n      padding: 20px 22px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .xp-safety-section {\n      padding: 55px 0;\n    }\n\n    .xp-safety-wrapper {\n      max-width: none;\n      display: flex;\n      gap: 16px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: 0 24px 12px;\n      scroll-snap-type: x mandatory;\n      scroll-padding-left: 24px;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n\n    .xp-safety-wrapper::-webkit-scrollbar {\n      display: none;\n    }\n\n    .xp-safety-card {\n      flex: 0 0 82%;\n      height: 260px;\n      scroll-snap-align: start;\n      border-radius: 4px;\n    }\n\n    .xp-safety-card:hover img {\n      transform: none;\n    }\n\n    .xp-safety-overlay {\n      min-height: 78px;\n      padding: 20px 22px;\n    }\n\n    .xp-safety-overlay h3 {\n      max-width: 100%;\n      font-size: 14px;\n      line-height: 1.45;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-safety-section {\n      padding: 45px 0;\n    }\n\n    .xp-safety-wrapper {\n      gap: 14px;\n      padding: 0 18px 10px;\n      scroll-padding-left: 18px;\n    }\n\n    .xp-safety-card {\n      flex-basis: 86%;\n      height: 235px;\n    }\n\n    .xp-safety-overlay {\n      padding: 18px;\n    }\n\n    .xp-safety-overlay h3 {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n\n\n\n\n\n<section class=\"xp-testdrive\">\n  <div class=\"xp-wrap\">\n\n    <div class=\"xp-left\">\n      <h2>Explore the XPENG P7+<\/h2>\n      <p>Book a test drive of the XPENG P7+<\/p>\n\n      <img decoding=\"async\"\n        class=\"xp-car\"\n        src=\"https:\/\/s-cdn.xpeng.com\/xpwebsite\/prod\/2025-12-30\/7ccc70b3c164441a806694cd017df113.png\"\n        alt=\"XPENG P7+\"\n      \/>\n    <\/div>\n\n    <form\n      id=\"Home-form\"\n      class=\"xp-form\"\n      action=\"https:\/\/xpeng.rayaauto.com\/action.php\"\n      method=\"POST\"\n      novalidate\n    >\n      <input type=\"hidden\" id=\"g-recaptcha-response\" name=\"g-recaptcha-response\">\n\n      <div class=\"xp-cars\">\n        <label>\n          <input type=\"radio\" name=\"carType\" value=\"P7+\">\n          <span>P7+<\/span>\n        <\/label>\n\n        <label>\n          <input type=\"radio\" name=\"carType\" value=\"New G6\">\n          <span>New G6<\/span>\n        <\/label>\n\n        <label>\n          <input type=\"radio\" name=\"carType\" value=\"New G9\">\n          <span>New G9<\/span>\n        <\/label>\n\n        <label>\n          <input type=\"radio\" name=\"carType\" value=\"X9\">\n          <span>X9<\/span>\n        <\/label>\n      <\/div>\n\n      <p class=\"xp-main-error\" id=\"mainError\">\n        Please provide all required information.\n      <\/p>\n\n      <div class=\"xp-row\">\n        <div class=\"xp-field\">\n          <input id=\"firstName\" name=\"fname\" type=\"text\" maxlength=\"30\" placeholder=\"First name*\">\n        <\/div>\n\n        <div class=\"xp-field\">\n          <input id=\"lastName\" name=\"lname\" type=\"text\" maxlength=\"30\" placeholder=\"Name*\">\n        <\/div>\n      <\/div>\n\n      <div class=\"xp-field\">\n        <input id=\"email\" name=\"email\" type=\"email\" maxlength=\"50\" placeholder=\"E-Mail*\">\n      <\/div>\n\n      <div class=\"xp-field\">\n        <input id=\"phone\" name=\"mobile\" type=\"tel\" maxlength=\"20\" placeholder=\"Phone Number*\">\n      <\/div>\n\n      <div class=\"xp-field\">\n        <input id=\"area\" name=\"area\" type=\"text\" maxlength=\"20\" placeholder=\"Postal Code*\">\n      <\/div>\n\n      <div class=\"xp-field xp-select-field\">\n        <select id=\"subject\" name=\"dropdownInput\">\n          <option value=\"\">Subject*<\/option>\n          <option value=\"Learn More\">Learn More<\/option>\n          <option value=\"Get a quote\">Get a quote<\/option>\n          <option value=\"After-Sales\">After-Sales<\/option>\n          <option value=\"Complaints\">Complaints<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"xp-field xp-select-field\">\n        <select id=\"hearAbout\" name=\"hearAbout\">\n          <option value=\"\">How did you hear about us?<\/option>\n          <option value=\"Events\">Events<\/option>\n          <option value=\"Referral\">Referral<\/option>\n          <option value=\"Outdoor ads\">Outdoor ads<\/option>\n          <option value=\"Facebook\">Facebook<\/option>\n          <option value=\"YouTube\">YouTube<\/option>\n          <option value=\"Instagram\">Instagram<\/option>\n          <option value=\"LinkedIn\">LinkedIn<\/option>\n          <option value=\"Radio advertisement\">Radio advertisement<\/option>\n          <option value=\"Website\">Website<\/option>\n          <option value=\"Tiktok\">Tiktok<\/option>\n        <\/select>\n      <\/div>\n\n      <label class=\"xp-check\">\n        <input id=\"policy\" name=\"policy\" type=\"checkbox\" value=\"1\">\n        <span class=\"xp-check-icon\"><\/span>\n        <span class=\"xp-check-text\">\n          I consent to the processing of my personal data so that XPENG can communicate with me about its products and services.\n          For more information about the processing of your personal data, you can access our privacy statement here:\n          <a href=\"https:\/\/xpeng.com\/eg\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>\n        <\/span>\n      <\/label>\n\n      <label class=\"xp-check\">\n        <input id=\"subscription\" name=\"subscription\" type=\"checkbox\" value=\"1\">\n        <span class=\"xp-check-icon\"><\/span>\n        <span class=\"xp-check-text\">\n          I consent to the processing of my personal data in order to receive\n          <a href=\"\/eg\/marketing-communications\">personalized advertising by XPENG<\/a>\n          that will better meet my expectations.\n        <\/span>\n      <\/label>\n\n      <button id=\"contactBTN\" type=\"submit\" class=\"xp-btn\">\n        Submit\n      <\/button>\n    <\/form>\n\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-testdrive {\n    width: 100%;\n    min-height: 100vh;\n    background: #fff;\n    padding: 110px 8vw 70px;\n    font-family: Arial, Helvetica, sans-serif;\n    color: #06152b;\n    overflow: hidden;\n  }\n\n  .xp-wrap {\n    max-width: 1320px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 372px;\n    gap: 90px;\n    align-items: center;\n  }\n\n  .xp-left h2 {\n    margin: 0 0 14px;\n    font-size: 30px;\n    font-weight: 400;\n    color: #001026;\n  }\n\n  .xp-left p {\n    margin: 0 0 130px;\n    font-size: 16px;\n    color: #000;\n  }\n\n  .xp-car {\n    display: block;\n    width: 100%;\n    max-width: 770px;\n    object-fit: contain;\n  }\n\n  .xp-form {\n    width: 100%;\n  }\n\n  .xp-cars {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n  }\n\n  .xp-cars label {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: #06152b;\n    cursor: pointer;\n  }\n\n  .xp-cars input {\n    width: 15px;\n    height: 15px;\n    margin: 0;\n    accent-color: #111;\n  }\n\n  .xp-main-error {\n    display: none;\n    margin: 0 0 20px;\n    color: #ff3030;\n    font-size: 13px;\n  }\n\n  .xp-main-error.show {\n    display: block;\n  }\n\n  .xp-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 26px;\n  }\n\n  .xp-field {\n    position: relative;\n    width: 100%;\n  }\n\n  .xp-field input,\n  .xp-field select {\n    width: 100%;\n    height: 62px;\n    border: 0;\n    border-bottom: 1px solid #e8e8e8;\n    border-radius: 0;\n    outline: none;\n    background: transparent !important;\n    box-shadow: none !important;\n    padding: 0;\n    font-size: 13px;\n    color: #06152b;\n    font-family: inherit;\n    appearance: none;\n  }\n\n  .xp-field input::placeholder,\n  .xp-field select {\n    color: #aaaebb;\n    opacity: 1;\n  }\n\n  .xp-select-field select {\n    padding-right: 22px;\n    background-image:\n      linear-gradient(45deg, transparent 50%, #9ba0aa 50%),\n      linear-gradient(135deg, #9ba0aa 50%, transparent 50%) !important;\n    background-position:\n      calc(100% - 10px) 50%,\n      calc(100% - 5px) 50% !important;\n    background-size: 5px 5px, 5px 5px !important;\n    background-repeat: no-repeat !important;\n  }\n\n  .xp-field input:-webkit-autofill,\n  .xp-field input:-webkit-autofill:hover,\n  .xp-field input:-webkit-autofill:focus {\n    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;\n    -webkit-text-fill-color: #06152b !important;\n    transition: background-color 9999s ease-in-out 0s;\n  }\n\n  .xp-check {\n    position: relative;\n    display: grid;\n    grid-template-columns: 28px 1fr;\n    gap: 14px;\n    margin-top: 24px;\n    color: #4c5668;\n    cursor: pointer;\n  }\n\n  .xp-check input {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .xp-check-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    border: 1px solid #b8bfca;\n    margin-top: 2px;\n    background: #fff;\n    position: relative;\n    transition: 0.25s ease;\n  }\n\n  .xp-check input:checked + .xp-check-icon {\n    background: #93c83e;\n    border-color: #93c83e;\n  }\n\n  .xp-check input:checked + .xp-check-icon::after {\n    content: \"\";\n    position: absolute;\n    left: 8px;\n    top: 6px;\n    width: 10px;\n    height: 6px;\n    border-left: 3px solid #fff;\n    border-bottom: 3px solid #fff;\n    transform: rotate(-45deg);\n  }\n\n  .xp-check-text {\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .xp-check-text a {\n    color: #8cc63f;\n    text-decoration: none;\n  }\n\n  .xp-btn {\n    width: 100%;\n    height: 42px;\n    margin-top: 24px;\n    border: 0;\n    border-radius: 3px;\n    background: #000;\n    color: #fff;\n    font-size: 15px;\n    font-family: inherit;\n    cursor: pointer;\n    transition: 0.25s ease;\n  }\n\n  .xp-btn:hover {\n    background: #222;\n  }\n\n  .xp-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  .xp-invalid input,\n  .xp-invalid select {\n    border-bottom-color: #ff3030 !important;\n  }\n\n  .xp-checkbox-invalid .xp-check-icon {\n    border-color: #ff3030 !important;\n  }\n\n  @media (max-width: 900px) {\n    .xp-testdrive {\n      padding: 0 50px 60px;\n      min-height: auto;\n    }\n\n    .xp-wrap {\n      display: flex;\n      flex-direction: column;\n      gap: 28px;\n      align-items: stretch;\n    }\n\n    .xp-left h2,\n    .xp-left p {\n      display: none;\n    }\n\n    .xp-car {\n      width: 170%;\n      max-width: none;\n      margin-left: -35%;\n      margin-top: -10px;\n    }\n\n    .xp-row {\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n\n    .xp-cars {\n      gap: 14px;\n      margin-bottom: 12px;\n    }\n\n    .xp-cars label {\n      font-size: 14px;\n    }\n\n    .xp-field input,\n    .xp-field select {\n      height: 86px;\n      font-size: 25px;\n      background: #fff !important;\n    }\n\n    .xp-main-error {\n      font-size: 14px;\n      margin-bottom: 18px;\n    }\n\n    .xp-check {\n      grid-template-columns: 28px 1fr;\n      gap: 14px;\n      margin-top: 22px;\n    }\n\n    .xp-check-text {\n      font-size: 22px;\n      line-height: 1.35;\n    }\n\n    .xp-btn {\n      height: 42px;\n      margin-top: 28px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .xp-testdrive {\n      padding: 0 40px 55px;\n    }\n\n    .xp-car {\n      width: 150%;\n      margin-left: -20%;\n      margin-top: -0px;\n    }\n\n    .xp-field input,\n    .xp-field select {\n      height: 106px;\n      font-size: 26px;\n    }\n\n    .xp-cars {\n      margin-top: 6px;\n    }\n\n    .xp-check-text {\n      font-size: 24px;\n    }\n  }\n<\/style>\n\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6LeKypgqAAAAAElmzWT44ssVn3FoJEy1y3bQHDGJ\"><\/script>\n\n<script>\n  const xpForm = document.getElementById(\"Home-form\");\n  const mainError = document.getElementById(\"mainError\");\n  const submitButton = document.getElementById(\"contactBTN\");\n\n  function isValidEmail(value) {\n    return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value);\n  }\n\n  function isValidEgyptPhone(value) {\n    return \/^(010|011|012|015)\\d{8}$\/.test(value.replace(\/\\D\/g, \"\"));\n  }\n\n  function clearInvalid() {\n    document.querySelectorAll(\".xp-invalid\").forEach(function (el) {\n      el.classList.remove(\"xp-invalid\");\n    });\n\n    document.querySelectorAll(\".xp-checkbox-invalid\").forEach(function (el) {\n      el.classList.remove(\"xp-checkbox-invalid\");\n    });\n\n    mainError.classList.remove(\"show\");\n    mainError.textContent = \"Please provide all required information.\";\n  }\n\n  function markInvalid(field) {\n    const wrapper = field.closest(\".xp-field\");\n    if (wrapper) wrapper.classList.add(\"xp-invalid\");\n  }\n\n  function validateForm() {\n    clearInvalid();\n\n    let valid = true;\n\n    const firstName = document.getElementById(\"firstName\");\n    const lastName = document.getElementById(\"lastName\");\n    const email = document.getElementById(\"email\");\n    const phone = document.getElementById(\"phone\");\n    const area = document.getElementById(\"area\");\n    const subject = document.getElementById(\"subject\");\n    const hearAbout = document.getElementById(\"hearAbout\");\n    const policy = document.getElementById(\"policy\");\n    const selectedCar = document.querySelector('input[name=\"carType\"]:checked');\n\n    if (!selectedCar) {\n      valid = false;\n    }\n\n    if (!firstName.value.trim()) {\n      markInvalid(firstName);\n      valid = false;\n    }\n\n    if (!lastName.value.trim()) {\n      markInvalid(lastName);\n      valid = false;\n    }\n\n    if (!email.value.trim() || !isValidEmail(email.value.trim())) {\n      markInvalid(email);\n      valid = false;\n    }\n\n    if (!phone.value.trim() || !isValidEgyptPhone(phone.value.trim())) {\n      markInvalid(phone);\n      valid = false;\n    }\n\n    if (!area.value.trim()) {\n      markInvalid(area);\n      valid = false;\n    }\n\n    if (!subject.value.trim()) {\n      markInvalid(subject);\n      valid = false;\n    }\n\n    if (!hearAbout.value.trim()) {\n      markInvalid(hearAbout);\n      valid = false;\n    }\n\n    if (!policy.checked) {\n      policy.closest(\".xp-check\").classList.add(\"xp-checkbox-invalid\");\n      valid = false;\n    }\n\n    if (!valid) {\n      mainError.classList.add(\"show\");\n    }\n\n    return valid;\n  }\n\n  xpForm.addEventListener(\"submit\", function (e) {\n    e.preventDefault();\n\n    if (!validateForm()) return;\n\n    submitButton.disabled = true;\n    submitButton.textContent = \"Sending...\";\n\n    grecaptcha.ready(function () {\n      grecaptcha\n        .execute(\"6LeKypgqAAAAAElmzWT44ssVn3FoJEy1y3bQHDGJ\", { action: \"submit\" })\n        .then(function (token) {\n          document.getElementById(\"g-recaptcha-response\").value = token;\n          xpForm.submit();\n        })\n        .catch(function () {\n          submitButton.disabled = false;\n          submitButton.textContent = \"Try\";\n          mainError.textContent = \"reCAPTCHA failed. Please try again.\";\n          mainError.classList.add(\"show\");\n        });\n    });\n  });\n\n  document.querySelectorAll(\".xp-field input, .xp-field select\").forEach(function (field) {\n    field.addEventListener(\"input\", function () {\n      const wrapper = this.closest(\".xp-field\");\n      if (wrapper) wrapper.classList.remove(\"xp-invalid\");\n    });\n\n    field.addEventListener(\"change\", function () {\n      const wrapper = this.closest(\".xp-field\");\n      if (wrapper) wrapper.classList.remove(\"xp-invalid\");\n    });\n  });\n\n  document.getElementById(\"policy\").addEventListener(\"change\", function () {\n    if (this.checked) {\n      this.closest(\".xp-check\").classList.remove(\"xp-checkbox-invalid\");\n    }\n  });\n<\/script>\n\n<section class=\"xp-faq-section\">\n  <div class=\"xp-faq-container\">\n    <h2>Frequently Asked Questions<\/h2>\n\n    <div class=\"xp-faq-list\">\n\n      <div class=\"xp-faq-item active\">\n        <button class=\"xp-faq-question\" type=\"button\">\n          <span>What is the price of the XPENG P7+?<\/span>\n          <span class=\"xp-faq-icon\"><\/span>\n        <\/button>\n\n        <div class=\"xp-faq-answer\">\n          <p>\n            The XPENG P7+ is available from 2.150000 for the standard battery life model\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"xp-faq-item\">\n        <button class=\"xp-faq-question\" type=\"button\">\n          <span>What is the engine of the XPENG P7+?<\/span>\n          <span class=\"xp-faq-icon\"><\/span>\n        <\/button>\n\n        <div class=\"xp-faq-answer\">\n          <p>\n            The XPENG P7+ is a fully electric vehicle powered by an advanced electric motor system,\n            designed to deliver smooth acceleration, high efficiency, and intelligent performance.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"xp-faq-item\">\n        <button class=\"xp-faq-question\" type=\"button\">\n          <span>What is the charging speed of the XPENG P7+?<\/span>\n          <span class=\"xp-faq-icon\"><\/span>\n        <\/button>\n\n        <div class=\"xp-faq-answer\">\n          <p>\n            Charging speed depends on the charger type and battery configuration. With DC fast charging,\n            the XPENG P7+ is designed to support quick charging for daily and long-distance usage.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"xp-faq-item\">\n        <button class=\"xp-faq-question\" type=\"button\">\n          <span>What is the range of the XPENG P7+ in km?<\/span>\n          <span class=\"xp-faq-icon\"><\/span>\n        <\/button>\n\n        <div class=\"xp-faq-answer\">\n          <p>\n            The driving range depends on the selected battery version, driving conditions, road type,\n            temperature, and usage of in-car systems.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  .xp-faq-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 48px 16px;\n    font-family: basis_grotesque_regular, Arial, sans-serif;\n  }\n\n  .xp-faq-container {\n    width: 100%;\n    max-width: 92%;\n    margin: 0 auto;\n  }\n\n  .xp-faq-container h2 {\n    margin: 0 0 26px;\n    color: #000000;\n    font-size: 24px;\n    line-height: 1.2;\n    font-weight: 400;\n    text-align: center;\n  }\n\n  .xp-faq-list {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    width: 100%;\n  }\n\n  .xp-faq-item {\n    width: 100%;\n    background: #ffffff;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);\n    overflow: hidden;\n    transition: 0.25s ease;\n  }\n\n  .xp-faq-question {\n    width: 100%;\n    min-height: 48px;\n    padding: 14px 16px;\n    border: 0;\n    background: #ffffff;\n    color: #000000;\n    cursor: pointer;\n    display: grid;\n    grid-template-columns: 1fr 24px;\n    align-items: center;\n    gap: 14px;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .xp-faq-question span:first-child {\n    font-size: 13px;\n    line-height: 1.4;\n    font-weight: 600;\n  }\n\n  .xp-faq-icon {\n    width: 24px;\n    height: 24px;\n    border: 1px solid #6e6e6e;\n    border-radius: 50%;\n    position: relative;\n    display: inline-block;\n  }\n\n  .xp-faq-icon::before,\n  .xp-faq-icon::after {\n    content: \"\";\n    position: absolute;\n    background: #555555;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    transition: 0.25s ease;\n  }\n\n  .xp-faq-icon::before {\n    width: 9px;\n    height: 1px;\n  }\n\n  .xp-faq-icon::after {\n    width: 1px;\n    height: 9px;\n  }\n\n  .xp-faq-item.active .xp-faq-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    opacity: 0;\n  }\n\n  .xp-faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.32s ease;\n  }\n\n  .xp-faq-answer p {\n    margin: 0;\n    padding: 0 16px 18px;\n    color: #333333;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n\n  .xp-faq-item.active .xp-faq-answer {\n    max-height: 220px;\n  }\n\n  @media (min-width: 768px) {\n    .xp-faq-section {\n      padding: 70px 32px;\n    }\n\n    .xp-faq-container {\n      max-width: 1100px;\n    }\n\n    .xp-faq-container h2 {\n      font-size: 34px;\n      margin-bottom: 34px;\n    }\n\n    .xp-faq-question {\n      min-height: 62px;\n      padding: 19px 26px;\n      grid-template-columns: 1fr 30px;\n    }\n\n    .xp-faq-question span:first-child {\n      font-size: 17px;\n    }\n\n    .xp-faq-answer p {\n      font-size: 15px;\n      padding: 0 26px 24px;\n      max-width: 92%;\n    }\n\n    .xp-faq-icon {\n      width: 30px;\n      height: 30px;\n    }\n\n    .xp-faq-icon::before {\n      width: 11px;\n    }\n\n    .xp-faq-icon::after {\n      height: 11px;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .xp-faq-container {\n      max-width: 1240px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xp-faq-section {\n      padding: 44px 14px;\n    }\n\n    .xp-faq-container {\n      max-width: 100%;\n    }\n\n    .xp-faq-container h2 {\n      font-size: 23px;\n      margin-bottom: 24px;\n    }\n\n    .xp-faq-list {\n      gap: 12px;\n    }\n\n    .xp-faq-question {\n      padding: 13px 14px;\n      grid-template-columns: 1fr 22px;\n    }\n\n    .xp-faq-question span:first-child {\n      font-size: 12px;\n    }\n\n    .xp-faq-answer p {\n      font-size: 11px;\n      padding: 0 14px 16px;\n    }\n\n    .xp-faq-icon {\n      width: 22px;\n      height: 22px;\n    }\n  }\n<\/style>\n\n<script>\n  document.querySelectorAll(\".xp-faq-question\").forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      const currentItem = this.closest(\".xp-faq-item\");\n\n      document.querySelectorAll(\".xp-faq-item\").forEach(function (item) {\n        if (item !== currentItem) {\n          item.classList.remove(\"active\");\n        }\n      });\n\n      currentItem.classList.toggle(\"active\");\n    });\n  });\n<\/script>\n\n    <div class=\"fqoocdue\" style=\"background-color:\">\n        <div class=\"eO4wNdCc animation-bg-content\">\n            <div class=\"-mOPuTM5\">\n                <div class=\"omaPTzsk\">\n                    <div class=\"eZFVaNVR text-display q7qbAE8e\">\n                        <div class=\"ToFHl71Q close-icon\" style=\"opacity: 1;\"><svg class=\"icon undefined\"\n                                aria-hidden=\"true\">\n                                <use xlink:href=\"#icon-x-new\"><\/use>\n                            <\/svg><\/div>\n                        <div class=\"_3UgFVRV4D_black\" style=\"text-align: center; font-size: 3rem;\">\n                            XPENG APP<\/div>\n                        <div class=\"text-display-sub-title-container\">\n                            <div class=\"_73la0dYd text-display-sub-title\"\n                                style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; font-family: 'basis_grotesque_regular';\">\n                                Explore the world intelligently<\/div>\n                            <div class=\"_73la0dYd text-display-sub-title\"\n                                style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                                <div class=\"VQp9MOe-\">\n                                    <div class=\"bt1o6Cub\">\n                                        <div class=\"ciUVZy26\">\n                                            <div class=\"JnytOMdo auto-fit-img\">\n                                                <a href=\"https:\/\/apps.apple.com\/eg\/app\/xpeng\/id1538089870\">\n                                                    <picture>\n                                                        <img decoding=\"async\" class=\"xFmdDrOy lazy entered loaded\"\n                                                            data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/app-store.f3c5cb87.svg\"\n                                                            data-ll-status=\"loaded\"\n                                                            src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/app-store.f3c5cb87.svg\">\n                                                    <\/picture>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"bt1o6Cub\">\n                                        <div class=\"ciUVZy26\">\n                                            <div class=\"JnytOMdo auto-fit-img\">\n                                                <a\n                                                    href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.xiaopeng.globalcarinfo&#038;hl=en_US\">\n                                                    <picture><img decoding=\"async\" class=\"xFmdDrOy lazy entered loaded\"\n                                                            data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/google.93118a38.svg\"\n                                                            data-ll-status=\"loaded\"\n                                                            src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/google.93118a38.svg\">\n                                                    <\/picture>\n\n                                                <\/a>\n\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                <\/div>\n                <div class=\"ijjYcchS\">\n                    <div class=\"JnytOMdo TfXupsJr auto-fit-img\">\n                        <picture>\n                            <source media=\"(min-width: 1920px)\"\n                                data-srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3@2x.9ad37525.png\"\n                                srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3@2x.9ad37525.png\"><img decoding=\"async\"\n                                class=\"xFmdDrOy lazy entered loaded\"\n                                data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3.7fbcd99e.png\"\n                                data-ll-status=\"loaded\"\n                                src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3.7fbcd99e.png\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"JnytOMdo -M8N5lCl auto-fit-img\">\n                        <picture>\n                            <source media=\"(min-width: 1920px)\"\n                                data-srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1@2x.c75ee3c6.png\"\n                                srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1@2x.c75ee3c6.png\"><img decoding=\"async\"\n                                class=\"xFmdDrOy lazy entered loaded\"\n                                data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1.0bbf1eeb.png\"\n                                data-ll-status=\"loaded\"\n                                src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1.0bbf1eeb.png\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"JnytOMdo _2UvDeyYx auto-fit-img\">\n                        <picture>\n                            <source media=\"(min-width: 1920px)\"\n                                data-srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2@2x.cb17584e.png\"\n                                srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2@2x.cb17584e.png\"><img decoding=\"async\"\n                                class=\"xFmdDrOy lazy entered loaded\"\n                                data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2.431eb74f.png\"\n                                data-ll-status=\"loaded\"\n                                src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2.431eb74f.png\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"IryU0VNR\">\n        <div class=\"B6McRuBT\">\n            <div class=\"nuq7OU8I\">\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">1. All technical data are subject\n                    to type approval. Data is obtained below\n                    internal testing. All figures shown are representative of the maximum or fastest values\n                    obtained under test conditions from non-standard G9 models. Actual range may vary\n                    the calculated WLTP range, depending on the driver&#8217;s driving style, speed, number of passengers,\n                    vehicle load, outside temperature, use of air conditioning, terrain, vehicle condition, etc.\n                <\/div>\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">2. The vehicle configuration\n                    information only applies to the corresponding ones\n                    the models produced within a particular production month, and the vehicle configuration information\n                    which is produced during different production months may be different.<\/div>\n            <\/div>\n            <div class=\"PyZMN4YK\">\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">3. XPILOT intelligent driving\n                    system is a driving assistance function and does not cope\n                    all traffic, weather and road conditions. The driver must always be aware of the person in question\n                    the traffic situation. If the automatic assistant driving system fails to provide the correct\n                    steering assistance or maintaining the correct distance and speed, the driver must actively\n                    intervene.\n                    Please read all information about XPILOT in the user manual to better understand its limitations\n                    this system. The driver should be aware of these restrictions before using the XPILOT. Weather\n                    carefully in complex and changing traffic conditions, icy and snowy roads, wet and slippery\n                    lead, roads with mud or standstill, poor visibility, rough mountain roads or\n                    motorway exitsSend feedback Side panels History Saved.<\/div>\n            <\/div>\n            <div class=\"_94-fgBFy\">\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">4. Our cars can receive OTA\n                    updates that improve existing ones\n                    features or introduce new features via a Wi-Fi or 4G connection. As soon\n                    the update has been downloaded, you will receive a notification on the screen in the car. You can\n                    also check out new ones\n                    updates by tapping the XPENG logo at the top of the central screen. It is also possible to\n                    schedule an update download for a later time. After you have set\n                    the download to a later time, you can adjust the time or cancel the update at\n                    touch screen by clicking the XPENG logo Send feedback Side panels History Saved-&gt; Install -&gt;\n                    Cancel or Adjust time.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div\n<\/body>\n\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>XPENG P7+ | XPENG EGY XPENG P7+ Up to 530KM1 WLTP range 4.3s1 0\u2013100 km \/h (RWD) 10-80% SOC Charge in just 12 minutes\u00b9 &#10094; &#10095; Fastback silhouette A line that enhances the feeling of fastback driving Dynamic enveloping surface Full-width integrated lighting Double-bladed rear spoiler Colors Inspired by the Cosmos Silver Frost Midnight Black [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1075","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/1075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/comments?post=1075"}],"version-history":[{"count":23,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/1075\/revisions"}],"predecessor-version":[{"id":1101,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/1075\/revisions\/1101"}],"wp:attachment":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/media?parent=1075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}