/* =====================================================================
   BAIC Iraq — BJ60 page (Phase 2 rebuild of baicglobal.com/models/31)
   Every value below is ported 1:1 from the original Nuxt scoped CSS.
   Each original component's [data-v-xxxxxxxx] scope is replaced by ONE
   namespace class on the component root, so specificity is unchanged:
     page 045b5336/f8966222 -> #b60 / .b60-*        HighLights   66a1209a -> .b60-ext
     TestDriveBtn 5fe9ac0f  -> .b60-kv              HighLightsOne b2a9d433 -> .b60-int
     SlideCarColor ebc7fc1e -> .b60-color           HighLightsTwo 776eb2f9 -> .b60-perf
     Chart 38d6ce3e         -> .b60-chart           HighLightsThree 2f803663 -> .b60-eng
     Meitu 2929b173         -> .b60-gal             Configuration 31cb1c1f -> .b60-cfg
     SlideCarBanner a93bc8a5-> .b60-kvm             CommonTestDrive 1e47b27e -> .b60-td
     Parameter fa7ac5ec     -> .b60-param           CarHover bf8307a2 -> .b60-hov
     VehicleVideo 9080230c  -> .b60-vm              CarMore 03f06469  -> .car_more
     BackTop 817b9d6b       -> .back_top
   Breakpoints: DOM switch at 1200px (Tailwind md), CSS layout switch at 768px.
   ===================================================================== */

/* ---------- Base (Tailwind preflight + normalize as shipped by the original; zero specificity) ---------- */
:where(#b60) *,:where(#b60) :after,:where(#b60) :before{border:0 solid #e5e7eb;box-sizing:border-box}
:where(#b60) h1,:where(#b60) h2,:where(#b60) h3,:where(#b60) h4,:where(#b60) h5,:where(#b60) h6{font-size:inherit;font-weight:inherit;margin:0}
:where(#b60) a{color:inherit;text-decoration:inherit}
:where(#b60) p,:where(#b60) figure{margin:0}
:where(#b60) img,:where(#b60) svg,:where(#b60) video,:where(#b60) canvas{display:block;vertical-align:middle}
:where(#b60) img,:where(#b60) video{height:auto;max-width:100%}
:where(#b60) img{border-style:none}
:where(#b60) b,:where(#b60) strong{font-weight:bolder}
#b60{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;max-width:100vw;overflow-x:clip}

/* ---------- DOM switch (Tailwind "!hidden md:!block" / "md:!hidden", md = 1200px) ---------- */
.pc{display:none!important}
@media (min-width:1200px){.pc{display:block!important}.m{display:none!important}}

/* ---------- "wow" reveal directive (DC1s4517.js + inline style 1) ---------- */
.wow-await-animate{opacity:0;transform:translateY(150px);transition:opacity .6s ease-out,transform .6s ease-out}
.wow-animate{opacity:1;transform:translateY(0)}

/* ---------- Page (data-v-f8966222 / live 045b5336) ---------- */
.model-30-wrap .hover_mobile .title{text-transform:capitalize}
.model-30-wrap .heig_box{left:0;position:absolute;top:0}
.model-30-wrap .heig,.model-30-wrap .heig_box{height:100vh;width:100vw}
.model-30-wrap .heig{position:relative}
.model-30-wrap .video-box{line-height:0}
.model-30-wrap .video-box,.model-30-wrap .video-box>.pc>.video-wrapper{position:relative;width:100%}
.model-30-wrap .video-box>.pc>.video-wrapper{min-height:200px}
.model-30-wrap .video-element{background-color:#000;display:block;width:100%}
.model-30-wrap .video-cover-wrap{cursor:pointer;position:relative;width:100%}
.model-30-wrap .video-cover-img{display:block;width:100%}
.model-30-wrap .video-box .icon-wrap{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}
.model-30-wrap .min_height{margin-bottom:1vw}
.model-30-wrap .swiper_kv{position:relative}
.model-30-wrap .swiper_kv>.pc img{height:100%;object-fit:cover;width:100vw}
.model-30-wrap p{margin:0!important}
/* original: ".car_highlights_max .hover_content[data-v-f8966222]{width:40%}" never matches (hover_content is
   rendered by CarHover and carries no f8966222 attribute) -> intentionally NOT ported */
.model-30-wrap .high_2_box .car_highlights_open{flex-direction:row-reverse}
.model-30-wrap .high_2_box .highlights_right{margin-left:0;margin-right:1vw}
.model-30-wrap .high_2_box .highlights_t_l{flex:1;margin-left:0!important}
.model-30-wrap .configuration{background-image:linear-gradient(180deg,#fff,#eff0f1);box-sizing:border-box;padding:0 2vw 5vw}
/* live 31.DAOHcjQJ.css orders this page rule after the Configuration rules, so it wins at <=768px too (verified at 390px: first item 100%) */
@media screen and (max-width:1200px){.model-30-wrap .b60-cfg .configuration_r .item_box .item:first-child{width:100%}}

/* ---------- Hero copy + buttons (TestDriveBtn data-v-5fe9ac0f) ---------- */
.b60-kv .test_drive_pc{align-items:flex-end;color:#fff;display:flex;flex-direction:column;position:absolute;right:3vw;top:40vh;width:auto;z-index:4}
.b60-kv .test_drive_pc .car_title{width:25vw}
.b60-kv .test_drive_pc .car_title img{mix-blend-mode:lighten}
.b60-kv .test_drive_pc .my_btn_test{border-radius:2.5vw;font-size:1.1vw;height:2.5vw;line-height:2.5vw;margin-left:1vw;padding:0 2vw}
.b60-kv .test_drive_pc .my_btn_test:hover{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff1a}
.b60-kv .test_drive_pc .car_title{font-size:5vw;font-style:italic;letter-spacing:.8vw}
.b60-kv .test_drive_pc .car_title img{width:100%}
.b60-kv .car_title>span{font-size:8vw}
.b60-kv .car_title{text-shadow:.5vw .5vw 8px #000}
.b60-kv .my_btn_test{border:1px solid #fff;box-shadow:0 0 5px #999;color:#fff;display:inline-block;letter-spacing:.1vw;margin-top:2vw;text-align:center;text-shadow:0 0 5px #999;transition:all .5s}
.b60-kv .test_drive_mobile{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:8vw;justify-content:center;left:0;position:absolute;top:13vh;width:100%;z-index:1}
.b60-kv .test_drive_mobile .car_title{display:flex;font-size:7vw;justify-content:center}
.b60-kv .test_drive_mobile .car_title img{width:80%}
.b60-kv .test_drive_mobile .my_btn_test{border-radius:8vw;font-size:3vw;height:8vw;line-height:8vw;margin-right:3vw;margin-top:5vw;padding:0 5vw}

/* ---------- Mobile hero slide (SlideCarBanner data-v-a93bc8a5, from live 31.DAOHcjQJ.css) ---------- */
.b60-kvm.heig{height:100vh}
.b60-kvm .index-section{background:url(/assets/bj60-global/images/meitu_bg.jpg) 0 0/100% 100% no-repeat;direction:ltr;height:100vh;margin:8px 0 0;overflow:hidden}
.b60-kvm .car-slide{width:100%}
.b60-kvm .car-slide img{height:100%;object-fit:cover;width:100%}

/* ---------- Mobile video (VehicleVideo data-v-9080230c, from live 31.DAOHcjQJ.css) ---------- */
.b60-vm.video-container{background-color:#000;line-height:0;width:100%}
.b60-vm .video-wrapper{position:relative;width:100%}
.b60-vm .video-wrapper video{background-color:#000;display:block;height:auto;object-fit:cover;width:100%}
.b60-vm .video-wrapper .cover-image{cursor:pointer;display:block;height:auto;width:100%}
.b60-vm .video-wrapper .play-icon{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.b60-vm .video-wrapper .play-icon img{height:60px;width:60px}
@media (max-width:768px){.b60-vm .video-wrapper .play-icon img{height:40px;width:40px}}

/* ---------- Colour configurator (SlideCarColor data-v-ebc7fc1e) ---------- */
.b60-color.car_color_box{direction:ltr;height:56.6vw;overflow:hidden;position:relative;z-index:0}
.b60-color .turntable{left:10vw;position:absolute;top:5vw;z-index:9}
.b60-color .car{overflow:hidden;position:relative}
.b60-color .car>div img{max-width:none;width:101%}
.b60-color .car .car_swiper{bottom:4.5vw;height:33vw;left:50%;max-height:50vw;overflow:hidden!important;position:absolute;transform:translate(-48%);width:60%}
.b60-color .car .car_swiper img{max-width:none;width:100%}
.b60-color .open_icon{cursor:pointer;left:5vw;position:absolute;top:5vw;width:5vw}
.b60-color .open_icon img{width:100%}
@media (max-width:768px){
  .b60-color.car_color_box{height:auto}
  .b60-color .open_icon{width:10vw}
  .b60-color .open_icon,.b60-color .turntable{left:50%;top:3vw;transform:translate(-50%)}
  .b60-color .car .car_swiper{bottom:21.5vw;left:50%;transform:translate(-50%);width:66vw}
}
/* Colour ring (Chart data-v-38d6ce3e). ECharts canvas replaced by an SVG of identical geometry. */
.b60-chart .close_icon{cursor:pointer;inset:0;margin:auto;position:absolute;width:5vw}
.b60-chart .chart{height:15vw;width:15vw}
.b60-chart .chart svg{display:block;height:100%;overflow:visible;width:100%}
.b60-chart .chart path{cursor:pointer}
@media (max-width:768px){.b60-chart .chart{height:40vw;width:40vw}}

/* ---------- Gallery coverflow (Meitu data-v-2929b173) ---------- */
.b60-gal.index-section{align-items:center;background:url(/assets/bj60-global/images/meitu_bg.jpg) no-repeat 0 0;background-size:100% 100%;display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden;position:relative;z-index:9}
.b60-gal.index-section .swiper-button-next,.b60-gal.index-section .swiper-button-prev{background-color:transparent;background-image:none;background-size:150%;border-radius:100%;height:50px;margin-top:-25px;top:45%;width:50px}
.b60-gal.index-section .swiper-button-next:after,.b60-gal.index-section .swiper-button-prev:after{display:none}
.b60-gal.index-section .swiper-button-next{right:5%}
.b60-gal.index-section .swiper-button-prev{left:5%}
.b60-gal.index-section .swiper-slide-active{transform:scale(.9)!important}
.b60-gal.index-section #certify .swiper-slide{border:2px solid #fff;border-radius:20px;box-shadow:0 0 20px #000;height:670px;overflow:hidden;transform:translateZ(0);width:980px}
.b60-gal.index-section #certify .swiper-slide img{display:block;height:100%;object-fit:cover;width:100%}
@media (max-width:768px){
  .b60-gal.index-section{height:68vw}
  .b60-gal.index-section #certify .swiper-slide{box-shadow:0 0 10px #000;height:auto;width:80vw}
}

/* ---------- Parameter strip (Parameter data-v-fa7ac5ec) ---------- */
.b60-param.car_parameter{position:relative}
.b60-param.car_parameter img{width:100%}
.b60-param .parameter_data{align-items:center;bottom:3.125vw;direction:ltr;display:flex;height:6.56vw;left:0;padding:0 .3vw;position:absolute;width:100%}
.b60-param .parameter_l{align-items:center;display:flex}
.b60-param .parameter_list{border-right:1px solid #c0c3c5;color:#fff;display:flex;flex-direction:column;font-size:1.56vw;height:3.95vw;justify-content:space-between;padding:0 2vw;text-align:center}
.b60-param .parameter_list .list_t,.b60-param .parameter_list .list_t span{letter-spacing:.1vw}
.b60-param .parameter_list:last-child{border-right:none}
.b60-param .list_b{color:#fff9;font-size:1vw;font-weight:100;text-transform:uppercase}
@media (max-width:768px){
  .b60-param .parameter_data{bottom:3.5vw;flex-direction:column;height:100%;justify-content:flex-end}
  .b60-param .parameter_l{flex-wrap:wrap;margin-top:10vw}
  .b60-param .parameter_list{box-sizing:border-box;height:10vw;margin-bottom:5vw;padding:0;width:33.333%}
  .b60-param .list_t{font-size:4.5vw;white-space:nowrap}
  .b60-param .parameter_list:last-child,.b60-param .parameter_list:nth-child(3n){border:none}
  .b60-param .list_b{font-size:2.5vw}
}

/* ---------- Exterior (HighLights data-v-66a1209a) ---------- */
.b60-ext .car-item,.b60-ext img{height:100%}
.b60-ext img{max-width:none;object-fit:cover;width:101%}
.b60-ext.car_highlights{margin-top:1vw;position:relative}
.b60-ext .car_highlights_max{margin:1vw 0;overflow:hidden;position:relative}
.b60-ext .car_highlights_max img{width:100%}
.b60-ext .car_highlights_open{display:flex;height:auto;justify-content:space-between;margin:0 auto;overflow:hidden;transition:all 1s;width:95%}
.b60-ext .highlights_left{height:58vw;position:relative}
.b60-ext .highlights_right{display:flex;flex:1;flex-direction:column;margin-left:1vw}
.b60-ext .highlights_t{box-sizing:border-box;display:flex;justify-content:space-between;padding-bottom:1vw}
.b60-ext .highlights_left>div{height:100%;width:100%}
.b60-ext .highlights_left img{height:100%;object-fit:cover;width:101.1%}
.b60-ext .highlights_b{height:100%;position:relative}
.b60-ext .highlights_b>div{height:100%}
.b60-ext .highlights_b>div>img{height:100%;object-fit:cover}
.b60-ext .highlights_t>div{box-sizing:border-box;flex:1;position:relative}
.b60-ext .highlights_t>div:last-child{margin-left:1vw}
.b60-ext .car_highlights_max img,.b60-ext .highlights_b img,.b60-ext .highlights_left img,.b60-ext .highlights_t img{transition:all .4s}
.b60-ext .car_highlights_max:hover img,.b60-ext .highlights_b:hover img,.b60-ext .highlights_left:hover img,.b60-ext .highlights_t_l:hover img,.b60-ext .highlights_t_r:hover img{transform:scale(1.1)}
.b60-ext .car_highlights_max,.b60-ext .highlights_b>div,.b60-ext .highlights_left,.b60-ext .highlights_t_l,.b60-ext .highlights_t_r{overflow:hidden}
@media (max-width:768px){
  .b60-ext .car_highlights_open{flex-direction:column!important;height:auto;width:100%}
  .b60-ext .highlights_left,.b60-ext .highlights_right{height:auto!important;margin-bottom:1vw;width:100%}
  .b60-ext .car_highlights_max{margin-bottom:1vw}
  .b60-ext .highlights_left{height:134.8vw;overflow:visible}
  .b60-ext .highlights_left>div{height:auto}
  .b60-ext .highlights_t{display:block;padding-bottom:0}
  .b60-ext .highlights_t_l{margin-bottom:1vw}
  .b60-ext .car_more{bottom:3.5vw}
  .b60-ext .car_more_off{bottom:-4vw}
  .b60-ext .highlights_right,.b60-ext .highlights_t>div{margin-left:0}
  .b60-ext .car_highlights_max:hover img,.b60-ext .highlights_b:hover img,.b60-ext .highlights_left:hover img,.b60-ext .highlights_t_l:hover img,.b60-ext .highlights_t_r:hover img{transform:scale(1)}
  .b60-ext .highlights_t>div:last-child{margin-bottom:1vw;margin-left:0}
}

/* ---------- Interior (HighLightsOne data-v-b2a9d433) ---------- */
.b60-int img{max-width:none;width:101%}
.b60-int.car_highlights{margin-top:1vw;position:relative}
.b60-int .car_highlights_max{margin:1vw 0;overflow:hidden;position:relative}
.b60-int .car_highlights_max img{width:100%}
.b60-int .car_highlights_open{display:flex;height:auto;justify-content:space-between;margin:0 auto;overflow:hidden;transition:all 1s;width:95%}
.b60-int .highlights_left{height:58vw;position:relative}
.b60-int .highlights_right{display:flex;flex:1;flex-direction:column;margin-left:1vw}
.b60-int .highlights_t{box-sizing:border-box;display:flex;justify-content:space-between;padding-bottom:1vw}
.b60-int .highlights_left>div{height:100%;width:100%}
.b60-int .highlights_left img{height:100%;object-fit:cover;width:101.1%}
.b60-int .highlights_b{height:100%;position:relative}
.b60-int .highlights_b>div{height:100%}
.b60-int .highlights_b>div>img{height:100%;object-fit:cover}
.b60-int .highlights_t>div{box-sizing:border-box;flex:1;position:relative}
.b60-int .highlights_t>div:last-child{margin-left:1vw}
.b60-int .car_highlights_max img,.b60-int .highlights_b img,.b60-int .highlights_left img,.b60-int .highlights_t img{transition:all .4s}
.b60-int .car_highlights_max:hover img,.b60-int .highlights_b:hover img,.b60-int .highlights_left:hover img,.b60-int .highlights_t_l:hover img,.b60-int .highlights_t_r:hover img{transform:scale(1.1)}
.b60-int .car_highlights_max,.b60-int .highlights_b>div,.b60-int .highlights_left,.b60-int .highlights_t_l,.b60-int .highlights_t_r{overflow:hidden}
@media (max-width:768px){
  .b60-int .car_highlights_open{flex-direction:column!important;height:auto;width:100%}
  .b60-int .highlights_left,.b60-int .highlights_right{height:auto!important;margin-bottom:1vw;width:100%}
  .b60-int .car_highlights_max{margin-bottom:1vw}
  .b60-int .highlights_left{height:134.8vw;overflow:visible}
  .b60-int .highlights_left>div{height:auto}
  .b60-int .highlights_t{display:block;padding-bottom:0}
  .b60-int .highlights_t_l{margin-bottom:1vw}
  .b60-int .car_more{bottom:3.5vw}
  .b60-int .car_more_off{bottom:-4vw}
  .b60-int .highlights_right,.b60-int .highlights_t>div{margin-left:0}
  .b60-int .car_highlights_max:hover img,.b60-int .highlights_b:hover img,.b60-int .highlights_left:hover img,.b60-int .highlights_t_l:hover img,.b60-int .highlights_t_r:hover img{transform:scale(1)}
}
.b60-int .car_highlights_max .hover_box:before{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5))!important;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s;width:100%}
.b60-int .car_highlights_max .hover_box:hover:before{opacity:1}
.b60-int .car_highlights_max .hover_box:hover{background-color:transparent!important}
.b60-int .car_highlights_max .hover_title{font-size:2vw!important}
.b60-int .car_highlights_max .hover_content,.b60-int .car_highlights_max .hover_title{padding-left:2.5%!important;padding-right:2.5%!important}

/* ---------- Performance (HighLightsTwo data-v-776eb2f9) ---------- */
.b60-perf img{max-width:none;width:101%}
.b60-perf .highlights_t_l_dot{background-color:#00000080;color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}
.b60-perf .highlights_t_l_dot .content{opacity:0}
.b60-perf .highlights_t_l_dot>div{position:absolute;word-wrap:break-word}
.b60-perf .highlights_t_l_dot>div>div div:first-child{font-size:1.2vw}
.b60-perf .highlights_t_l_dot>div>div div:nth-child(2){font-size:.8vw;max-width:26vw}
.b60-perf .highlights_t_l_dot>div .dot_xian_1,.b60-perf .highlights_t_l_dot>div .dot_xian_2{background-color:#fff;content:"";height:1px;position:absolute;width:10vw}
.b60-perf .highlights_t_l_dot .dot_icon{background-color:#fff;border-radius:50%;height:.8vw;opacity:0;position:absolute;width:.8vw}
.b60-perf .highlights_t_l_dot .dot_01{left:1vw;top:19vw}
.b60-perf .highlights_t_l_dot .dot_01 .dot_icon{left:16.61vw;top:-5.5vw}
.b60-perf .highlights_t_l_dot .dot_01 .content{position:absolute;top:-2vw;width:30vw}
.b60-perf .highlights_t_l_dot .dot_01 .describe{white-space:pre-line}
.b60-perf .highlights_t_l_dot .dot_01 .dot_xian_1{--my-width:0;left:14vw;top:-1vw;width:var(--my-width)}
.b60-perf .highlights_t_l_dot .dot_01 .dot_xian_2{--my-width:0;left:17vw;top:-1vw;transform:rotate(-90deg);transform-origin:0 0;width:var(--my-width)}
.b60-perf .highlights_t_l_dot .dot_02{max-width:33vw;right:2vw;top:2vw}
.b60-perf .highlights_t_l_dot .dot_02 .dot_icon{right:38.4vw;top:5.5vw}
.b60-perf .highlights_t_l_dot .dot_02 .dot_xian_1{--my-width:0;right:14.8vw;top:.8vw;width:var(--my-width)}
.b60-perf .highlights_t_l_dot .dot_02 .dot_xian_2{width:1px;--my-height:0;height:var(--my-height);right:38.8vw;top:.8vw;transform-origin:0 0}
.b60-perf .highlights_t_l_dot .dot_02>div div{text-align:right}
.b60-perf .highlights_t_l_dot .dot_03{right:2vw;top:20vw}
.b60-perf .highlights_t_l_dot .dot_03 .dot_icon{right:31.05vw;top:-7.5vw}
.b60-perf .highlights_t_l_dot .dot_03 .dot_xian_1{--my-width:0;right:16vw;top:1vw;width:var(--my-width)}
.b60-perf .highlights_t_l_dot .dot_03 .dot_xian_2{width:1px;--my-height:0;height:var(--my-height);right:31.4vw;top:1vw;transform:rotate(-180deg);transform-origin:0 0}
.b60-perf .highlights_t_l_dot .dot_03>div div{text-align:right}
.b60-perf.car_highlights{margin-top:1vw;position:relative}
.b60-perf .car_highlights_max{margin:1vw 0;overflow:hidden;position:relative}
.b60-perf .car_highlights_max img{width:100%}
.b60-perf .car_highlights_open{display:flex;height:auto;justify-content:space-between;margin:0 auto;overflow:hidden;transition:all 1s;width:95%}
.b60-perf .highlights_left{height:54vw;position:relative}
.b60-perf .highlights_right{display:flex;flex:1;flex-direction:column;margin-left:1vw}
.b60-perf .highlights_t{box-sizing:border-box;display:flex;flex:1;justify-content:space-between;padding-bottom:1vw}
.b60-perf .highlights_left>div{height:53.9vw;width:100%}
.b60-perf .highlights_left img{height:100%;object-fit:cover;width:101.1%}
.b60-perf .highlights_b{height:100%;overflow:hidden;position:relative}
.b60-perf .highlights_b>div{height:100%}
.b60-perf .highlights_b>div>img{height:100%;object-fit:cover}
.b60-perf .highlights_t>div{box-sizing:border-box;flex:1;position:relative}
.b60-perf .highlights_t>div:last-child{margin-left:1vw}
.b60-perf .car_highlights_max img,.b60-perf .highlights_b img,.b60-perf .highlights_left img,.b60-perf .highlights_t img{transition:all .4s}
/* note: no .highlights_t_l:hover zoom in this component (keeps the hotspots aligned) */
.b60-perf .car_highlights_max:hover img,.b60-perf .highlights_b:hover img,.b60-perf .highlights_left:hover img,.b60-perf .highlights_t_r:hover img{transform:scale(1.1)}
.b60-perf .car_highlights_max,.b60-perf .highlights_b>div,.b60-perf .highlights_left,.b60-perf .highlights_t_l,.b60-perf .highlights_t_r{overflow:hidden}
.b60-perf .car_highlights_max .hover_box:hover:before{opacity:1}
.b60-perf .car_highlights_max .hover_box{background-color:transparent!important}
.b60-perf .car_highlights_max .hover_box:before{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5))!important;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s;width:100%}
@media (max-width:768px){
  .b60-perf .car_highlights_open{flex-direction:column!important;height:auto;width:100%}
  .b60-perf .highlights_left,.b60-perf .highlights_right{height:auto;margin-bottom:1vw;width:100%}
  .b60-perf .car_highlights_max,.b60-perf .highlights_left{margin-bottom:1vw}
  .b60-perf .highlights_left{height:136.6vw;overflow:visible}
  .b60-perf .highlights_t{padding-bottom:0}
  .b60-perf .highlights_left>div{height:auto}
  .b60-perf .highlights_t{display:block}
  .b60-perf .highlights_t_l{margin-bottom:1vw}
  .b60-perf .car_more{bottom:3.5vw}
  .b60-perf .car_more_off{bottom:-4vw}
  .b60-perf .highlights_right,.b60-perf .highlights_t>div{margin-left:0}
  .b60-perf .car_highlights_max:hover img,.b60-perf .highlights_b:hover img,.b60-perf .highlights_left:hover img,.b60-perf .highlights_t_l:hover img,.b60-perf .highlights_t_r:hover img{transform:scale(1)}
}
.b60-perf .car_highlights_max .hover_content,.b60-perf .car_highlights_max .hover_title{padding-left:2.5%!important;padding-right:2.5%!important}

/* ---------- ENGINE + collapsible Intelligent Driving / ADAS (HighLightsThree data-v-2f803663) ---------- */
.b60-eng img{max-width:none;width:101%}
.b60-eng .max_high_02_title{color:#fff;font-size:1.5vw;left:0;position:absolute;text-align:center;text-transform:uppercase;top:3vw;width:100%}
.b60-eng .max_high_02_title_mobile{font-size:5vw;left:50%;top:8vw;transform:translate(-50%);width:80vw;z-index:9}
.b60-eng .max_high_01,.b60-eng .max_high_02{margin:0 auto 1vw;overflow:hidden;position:relative;width:95vw}
.b60-eng .max_high_01_box{height:100%;left:0;position:absolute;top:0;width:100%}
.b60-eng .max_high_01_box .drop_content{bottom:0;font-size:.8vw;font-weight:lighter;opacity:0;position:absolute}
.b60-eng .max_high_01_box .drop_content strong{font-size:1.2vw}
.b60-eng .max_high_01_box>div{color:#fff;display:inline-block;font-size:.8vw;font-weight:900;position:absolute;text-align:right;width:26vw}
.b60-eng .max_high_01_box>div .drop_xian_01,.b60-eng .max_high_01_box>div .drop_xian_02{background-color:#fff;border-radius:1px;bottom:-1vw;height:2px;position:absolute;transform-origin:0 0}
.b60-eng .maidian_01{right:68vw;top:8.5vw}
.b60-eng .maidian_01 .drop_xian_01{--my-width:0vw;left:31vw;transform:rotate(180deg);width:var(--my-width)}
.b60-eng .maidian_01 .drop_xian_02{--my-width:0vw;bottom:-7.5vw!important;left:40.2vw;transform:rotate(-145deg);width:var(--my-width)}
.b60-eng .maidian_02{left:5vw;top:34vw}
.b60-eng .maidian_02 .drop_xian_01{transform:rotate(180deg);--my-width:0vw;left:32vw;width:var(--my-width)}
.b60-eng .maidian_02 .drop_xian_02{left:40.2vw;transform:rotate(145deg);width:10vw;--my-width:0vw;bottom:4.75vw!important;width:var(--my-width)}
.b60-eng .maidian_03{right:4vw;text-align:left;top:15vw}
.b60-eng .maidian_03 .drop_xian_01{transform-origin:right!important;--my-width:0vw;right:30.1vw;transform:rotate(180deg);width:var(--my-width)}
.b60-eng .maidian_03 .drop_xian_02{right:37.7vw;transform:rotate(135deg);transform-origin:right!important;width:10vw;--my-width:0vw;bottom:-8.65vw!important;width:var(--my-width)}
.b60-eng .maidian_04{right:5vw;text-align:left;top:45vw}
.b60-eng .maidian_04 .drop_xian_01{transform-origin:right!important;--my-width:0vw;right:36vw;top:3.7vw!important;transform:rotate(180deg);width:var(--my-width)}
.b60-eng .maidian_04 .drop_xian_02{right:41.6vw!important;transform:rotate(-135deg);transform-origin:right!important;--my-width:0vw;bottom:none;top:-1.9vw!important;width:var(--my-width)}
.b60-eng .maidian_04 .drop_content{bottom:-2.5vw}
.b60-eng .drop_bright{background-color:#fff;border-radius:50%;bottom:-.9vw;height:1vw;opacity:0;position:absolute;transform:translate(-50%,50%);width:1vw}
.b60-eng .drop_bright_1,.b60-eng .drop_bright_2{left:10vw}
.b60-eng .drop_bright_2{left:15vw}
.b60-eng .drop_bright_3,.b60-eng .drop_bright_4{right:10vw;transform:translate(50%,50%)}
.b60-eng .drop_bright_4{bottom:-3.8vw}
.b60-eng .max_high_02_box{background-image:url(/assets/bj60-global/images/xian.png);background-repeat:no-repeat;background-size:100%;border-radius:50%;height:40vw;inset:0;margin:auto;opacity:0;position:absolute;transform:translateY(28%);width:40vw}
.b60-eng .max_high_02_box .high_content{text-transform:uppercase}
.b60-eng .high_yuan{color:#fff;font-size:1vw;opacity:0;position:absolute}
.b60-eng .high_yuan>div{position:absolute;right:5vw;text-align:right;top:0;width:18vw}
.b60-eng .high_yuan:nth-child(n+5){right:0}
.b60-eng .high_yuan:nth-child(n+5)>.high_content{left:5vw;text-align:left}
.b60-eng .high_yuan .high_yuan_icon{background-color:#fff;border-radius:50%;height:1.5vw;position:absolute;transform:translate(-50%,50%);width:1.5vw}
.b60-eng .high_yuan_01,.b60-eng .high_yuan_08{bottom:17vw}
.b60-eng .high_yuan_01 .high_yuan_icon{left:.5vw}
.b60-eng .high_yuan_02,.b60-eng .high_yuan_07{bottom:27.5vw}
.b60-eng .high_yuan_02 .high_yuan_icon{left:.9vw}
.b60-eng .high_yuan_03,.b60-eng .high_yuan_06{bottom:37vw}
.b60-eng .high_yuan_03 .high_yuan_icon{left:7.1vw}
.b60-eng .high_yuan_05{bottom:39.5vw;left:50%;transform:translate(-50%)}
.b60-eng .high_yuan_01>.high_content,.b60-eng .high_yuan_02>.high_content{right:2vw}
.b60-eng .high_yuan_03>.high_content{right:.5vw}
.b60-eng .high_yuan_05>.high_content{left:0;text-align:center;top:-4vw;transform:translate(-50%);width:80vw}
.b60-eng .high_yuan_06>.high_content{left:-2vw!important}
.b60-eng .high_yuan_07>.high_content,.b60-eng .high_yuan_08>.high_content{left:2vw!important}
.b60-eng .high_yuan_05 .high_yuan_icon{right:0;top:0;transform:translate(50%,-71%)}
.b60-eng .high_yuan_06 .high_yuan_icon{right:6vw}
.b60-eng .high_yuan_07 .high_yuan_icon{right:-.5vw}
.b60-eng .high_yuan_08 .high_yuan_icon{right:-1vw}
.b60-eng .click_icon{animation:b60-heartbeat 1.5s ease-in-out infinite both;position:absolute;top:15vw;inset:0;margin:16vw auto auto;width:5vw}
.b60-eng.car_highlights{position:relative}
.b60-eng .car_highlights_max{margin-bottom:1vw;overflow:hidden;position:relative}
.b60-eng .car_highlights_open,.b60-eng .car_highlights_open_02{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;overflow:hidden;transition:all 1s;width:95%}
.b60-eng .car_highlights_open{max-height:0}
.b60-eng .car_highlights_open>div{display:flex}
.b60-eng .car_highlights_open>div:last-child{flex-direction:column}
.b60-eng .car_highlights_max_2{margin-top:0!important;position:relative}
.b60-eng .high_btn{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:5vw;height:15vw;justify-content:space-between;inset:0;letter-spacing:2px;margin:auto;position:absolute;width:50vw}
.b60-eng .high_btn>p{opacity:.6;transition:all .4s}
.b60-eng .high_btn>img{opacity:.2;width:10vw}
.b60-eng .car_highlights_max_2 img{transition:all .4s}
.b60-eng .car_highlights_max_2:hover>.high_btn img{animation:b60-heartbeat 1.5s ease-in-out infinite both;filter:drop-shadow(0 0 5px #fff);opacity:1}
.b60-eng .car_highlights_max_2:hover .click_icon{opacity:0}
.b60-eng .car_highlights_max_2:hover .high_btn>p{opacity:1;text-shadow:0 0 5px #fff}
.b60-eng .car_highlights_max{overflow:hidden}
@media (max-width:768px){
  .b60-eng .car_highlights_open{width:100%}
  .b60-eng .car_highlights_open{flex-direction:column!important}
  .b60-eng .car_highlights_open>div{flex-direction:column}
  .b60-eng .car_highlights_max_2:hover img{transform:scale(1)}
}
@keyframes b60-heartbeat{
  0%{animation-timing-function:ease-out;transform:scale(1);transform-origin:center center}
  10%{animation-timing-function:ease-in;transform:scale(.91)}
  17%{animation-timing-function:ease-out;transform:scale(.98)}
  33%{animation-timing-function:ease-in;transform:scale(.87)}
  45%{animation-timing-function:ease-out;transform:scale(1)}
}

/* ---------- CarHover captions (data-v-bf8307a2) ---------- */
.b60-hov .hover_box{color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;transition:all .4s;width:100%}
.b60-hov .hover_box:hover{background-color:#00000080}
.b60-hov .hover_title{box-sizing:border-box;font-size:1.3vw;font-weight:700;padding:.5vw 1vw;text-transform:capitalize;transition:all .4s}
.b60-hov .hover_content{box-sizing:border-box;font-size:1vw;max-height:0;opacity:.6;padding:0 1vw;transition:all .4s}
.b60-hov .hove_top:hover .hover_title{background:none;transform:translateY(-2vw)}
.b60-hov .hove_top:hover .hover_content{max-height:80%;transform:translateY(-2vw)}
@media (max-width:768px){
  .b60-hov .hover_title{font-size:3.5vw!important;line-height:7vw!important;text-transform:none}
  .b60-hov .hover_box .hover_content{display:-webkit-box;font-size:3vw;-webkit-line-clamp:2;line-height:5vw;margin-bottom:3vw;max-height:10vw!important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
  .b60-hov .hove_top:hover .hover_content{max-height:0;transform:translateY(0)}
  .b60-hov .hove_top:hover .hover_title{background:none;transform:translateY(0)}
  .b60-hov .hove_top:hover{background:none}
  .b60-hov .hover_content{display:none}
}
.b60-hov .hover_mobile{background:linear-gradient(0deg,#000,transparent);bottom:0;box-sizing:border-box;color:#fff;height:auto;left:0;padding:2vw 3vw;position:absolute;width:100%}
.b60-hov .title{font-size:4vw;line-height:5vw}
.b60-hov .content{display:-webkit-box;font-size:3vw;-webkit-line-clamp:2;line-height:5vw;max-height:10vw;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;transition:all .4s}
.b60-hov .open_height{-webkit-line-clamp:unset}
/* Interior/Performance lead KV captions (deep rules from 66a1209a/b2a9d433/776eb2f9 that target CarHover) */
.b60-ext .car_highlights_max .hover_box:before{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5))!important;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s;width:100%}
.b60-ext .car_highlights_max .hover_box:hover:before{opacity:1}
.b60-ext .car_highlights_max .hover_box:hover{background-color:transparent!important}
.b60-ext .car_highlights_max .hover_title{font-size:2vw!important}
.b60-ext .car_highlights_max .hover_content,.b60-ext .car_highlights_max .hover_title{padding-left:2.5%!important;padding-right:2.5%!important}

/* ---------- CarMore collapse toggle (data-v-03f06469) ---------- */
.car_more{bottom:0;color:#fff;cursor:pointer;flex-direction:column;left:50%;position:absolute;transform:translate(-50%);width:5vw;z-index:9}
.car_more,.car_more .more_top{align-items:center;display:flex;justify-content:center;transition:all .4s}
.car_more .more_top{background-color:#ffffffd9;height:3vw;margin-bottom:5px;position:relative;width:3vw}
.car_more .more_top,.car_more .more_top:after{border-radius:50%;z-index:10}
.car_more .more_top:after{box-shadow:5px 5px 15px #000;content:"";height:100%;left:0;position:absolute;top:0;width:100%}
/* height/max-width/object-fit reset: neutralises the parent component's scoped "img{...}" rules, which in the
   original never reach CarMore's own <img> (they carry only data-v-03f06469) */
.car_more .more_top>img{animation:b60-shake-vertical-2 2s linear infinite alternate-reverse forwards;height:auto;max-width:100%;object-fit:fill;position:absolute;top:15%;transition:all .4s;width:50%}
.car_more .more_top .img_white{opacity:0}
.car_more .more_top>img:nth-child(2){top:36%}
.car_more .more_top>img:nth-child(4){top:34%}
.car_more.car_more_off{bottom:-3vw}
.car_more_off .more_top{background:#bfbfbf}
.car_more_off .more_top .img_40{opacity:0}
.car_more_off .more_top .img_white{opacity:1}
.car_more_off .more_top,.car_more_off .more_top:after{transform:rotate(180deg)}
@media (max-width:768px){
  .car_more.car_more{bottom:-6vw!important}
  .car_more .more_top{height:8vw;width:8vw}
  .car_more .more_top>img{width:50%}
}
@keyframes b60-shake-vertical-2{
  0%,to{transform:translateY(0)}
  10%,30%,50%,70%{transform:translateY(-.1vw)}
  20%,40%,60%{transform:translateY(.4vw)}
  80%{transform:translateY(.2vw)}
  90%{transform:translateY(-.2vw)}
}

/* ---------- Configuration (data-v-31cb1c1f) ---------- */
.b60-cfg .configuration_title{font-size:1.5vw;font-weight:900;margin:3vw 0;text-align:center;text-transform:uppercase}
.b60-cfg .configuration_box{display:flex;margin:0 auto;width:90%}
.b60-cfg .configuration_r{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding-left:5%;width:30%}
.b60-cfg .min_title{color:#05aad2;font-size:.9vw}
.b60-cfg .config_btn{align-items:center;background-color:#3d3d3d;color:#fff;display:flex;font-size:1vw;height:3.54vw;justify-content:center;text-transform:uppercase;width:100%}
.b60-cfg .item_box{box-sizing:border-box;display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:3vw 0}
.b60-cfg .title{color:#626262;font-size:1.5vw;margin-top:1vw;position:relative}
.b60-cfg .title:after{background-color:#d5d6d6;bottom:-1vw;content:"";height:1px;left:0;position:absolute;width:100%}
.b60-cfg .item_t{color:#b0b0b0;font-size:1vw;margin-bottom:1vw}
.b60-cfg .item_b{color:#626262;font-size:1.2vw}
.b60-cfg .config_btn{cursor:pointer}
.b60-cfg .bottom-hint{color:#626262;margin:1vw auto 0;width:90%}
@media (max-width:768px){
  .b60-cfg .configuration_title{font-size:5vw;font-weight:bolder}
  .b60-cfg .configuration_box{flex-direction:column;font-size:3vw}
  .b60-cfg .configuration_box .configuration_r{margin-top:2vw;padding-left:0;width:100%}
  .b60-cfg .configuration_box .configuration_r .min_title{font-size:3vw}
  .b60-cfg .configuration_box .configuration_r .title{display:inline-block;font-size:5vw}
  .b60-cfg .configuration_box .configuration_r .item_box{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .b60-cfg .configuration_box .configuration_r .item_box .item{margin-bottom:5vw;width:33.3333333333%}
  .b60-cfg .configuration_box .configuration_r .item_box .item:nth-child(n+2){width:50%}
  .b60-cfg .configuration_box .configuration_r .item_box .item_t{font-size:3vw}
  .b60-cfg .configuration_box .configuration_r .item_box .item_b{font-size:4vw}
  .b60-cfg .configuration_box .configuration_r .config_btn{font-size:4vw;height:auto;padding:2vw 0}
  .b60-cfg .bottom-hint{color:#626262;margin:3vw auto 0;width:90%}
}

/* ---------- Test-drive title + CTA (CommonTestDrive data-v-1e47b27e; form replaced by an Iraq link) ---------- */
.b60-td .drive_title{align-items:center;display:flex;justify-content:space-between;margin:5vw 0}
.b60-td .drive_title>div{display:flex}
.b60-td .drive_title .title_content{font-size:1.5vw;font-weight:900;margin:0 2vw;text-transform:uppercase}
.b60-td .drive_title .xian{background-color:#b1b1b1;flex:1;height:1px}
.b60-td .from_btn{background-color:#3d3d3d;color:#fff;cursor:pointer;display:inline-block;left:50%;margin:3vw 0;padding:1vw 5vw;position:relative;transform:translate(-50%)}
@media screen and (max-width:1200px){
  .b60-td .from_btn{font-size:4vw;height:auto;padding:2vw 0;text-align:center;width:90%}
  .b60-td .title_content{font-size:5vw;font-weight:bolder;margin:5vw;text-align:center;text-transform:uppercase}
}

/* ---------- Back to top (BackTop data-v-817b9d6b) ---------- */
.back_top{align-items:center;background-color:#fff6;border-radius:50%;bottom:80px;box-shadow:5px 5px 20px 5px #0000004d;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;width:60px;z-index:99}
.back_top[hidden]{display:none}
.back_top .up_icon{animation:b60-pulsate-fwd .5s ease-in-out infinite both;width:50%}
@keyframes b60-pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  .wow-await-animate{transform:none;transition:opacity .6s ease-out}
}