.slideOverlap .splide__track--draggable{overflow:visible}.splide__slide{border:none!important}.splide__pagination{-moz-column-gap:8px;margin-inline:auto;flex-wrap:nowrap;column-gap:8px;width:calc(100% - 32px);margin-top:24px;position:relative;bottom:0}@media (min-width:768px){.splide__pagination{width:95%}}@media (min-width:1024px){.splide__pagination{max-width:1248px}}.splide__pagination li{-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;align-items:center;width:100%;max-width:24px;margin:0;display:flex;overflow:hidden}.splide__pagination .splide__pagination__page{opacity:1;box-sizing:border-box;-o-transition:all .3s ease;background:#08335e80;border:none;border-radius:0;width:100%;height:6px;margin:0;transition:all .3s;box-shadow:0 1px 2px #1018280d}.splide__pagination .splide__pagination__page.is-active{background:var(--fg-brand-primary);opacity:1;transform:scale(1)}.splide__pagination .splide__pagination__page:hover{background:var(--fg-brand-primary)}.splide__progress{background:var(--overlay-subtle);width:100%;position:absolute;bottom:0}.splide__progress__bar{background-color:var(--colorPrimary);height:2px}.splide__arrows{top:46.5%;left:0;bottom:inherit;width:100%;position:absolute}.splide__arrows .splide__arrow{opacity:1;border-radius:inherit;-o-transition:all .3s ease;background:50%/auto 100% no-repeat;width:32px;height:32px;transition:all .3s}@media (min-width:768px){.splide__arrows .splide__arrow{width:48px;height:48px}}.splide__arrows .splide__arrow svg{display:none}.splide__arrows .splide__arrow:hover{opacity:1}.splide__arrows .splide__arrow:disabled{opacity:.4}.splide__arrows .splide__arrow.splide__arrow--prev{background-image:url(/assets/img/ui/slide/ico-arrow-slide-l.svg);left:-8px}@media (min-width:1024px){.splide__arrows .splide__arrow.splide__arrow--prev{left:-56px}}.splide__arrows .splide__arrow.splide__arrow--prev:hover{background-image:url(/assets/img/ui/slide/ico-arrow-slide-l-hover.svg)}.splide__arrows .splide__arrow.splide__arrow--next{background-image:url(/assets/img/ui/slide/ico-arrow-slide-r.svg);right:-8px}@media (min-width:1024px){.splide__arrows .splide__arrow.splide__arrow--next{right:-56px}}.splide__arrows .splide__arrow.splide__arrow--next:hover{background-image:url(/assets/img/ui/slide/ico-arrow-slide-r-hover.svg)}.splide .bNumber{font-weight:var(--fw-bold);background-color:var(--colorPrimary);color:var(--colorWhite);width:fit-content;margin:12px auto 0;padding:0 12px;line-height:30px;display:table}.splide .bNumber span{display:inline}.splide__sr,.splide__progress{display:none}#pCompareCars{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:calc(100% - 32px);margin-inline:auto;padding-bottom:40px;display:flex;position:relative}@media (min-width:768px){#pCompareCars{width:95%}}@media (min-width:1024px){#pCompareCars{max-width:1248px}}@media (min-width:1280px){#pCompareCars{padding-bottom:96px}}#pCompareCars .bTitle{flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (min-width:768px){#pCompareCars .bTitle{gap:24px}}#pCompareCars .bTitle h1{font-size:1.75rem;line-height:1.3571em;font-weight:var(--fw-semibold)}@media (min-width:768px){#pCompareCars .bTitle h1{font-size:2.375rem;line-height:1.1579em}}#pCompareCars .bTitle p{color:var(--text-secondary);font-size:1rem;line-height:1.5em}@media (min-width:768px){#pCompareCars .bTitle p{font-size:1.25rem;line-height:1.5em}}#pCompareCars .bCompareCars{width:100%;margin:12px 0;padding:12px 0;overflow-x:auto}#pCompareCars .bCompareCars::-webkit-scrollbar{-webkit-appearance:none;width:6px;height:6px}#pCompareCars .bCompareCars::-webkit-scrollbar-thumb{background:#d5d7da;border-radius:0}#pCompareCars .bCompareCars::-webkit-scrollbar-thumb:hover{background:var(--colorPrimary)}#pCompareCars .bCompareCars::-webkit-scrollbar-track{background:var(--colorGray100);border-radius:0;box-shadow:inset 0 0 #f0f0f0}#pCompareCars .bCompareCars .bCompareGrid{grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:repeat(3,1fr);width:250%;display:grid}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid{gap:24px;width:170%}}@media (min-width:1024px){#pCompareCars .bCompareCars .bCompareGrid{width:150%}}@media (min-width:1280px){#pCompareCars .bCompareCars .bCompareGrid{width:100%}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bSelectCar{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23D5D7DAFF' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 16px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bSelectCar .bPic img{width:100%;max-width:340px;height:auto;display:block}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bSelectCar .btnAdd{width:auto}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:none}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop{gap:24px}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage{position:relative}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage{order:2}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bPic img{aspect-ratio:340/160;-o-object-fit:cover;object-fit:cover;width:100%;max-width:340px;height:auto;margin-inline:auto;display:block}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor{gap:12px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor a,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor button{-ms-border-radius:4px;-o-border-radius:4px;border:1px solid var(--border-primary);cursor:pointer;-o-transition:all .3s ease;border-radius:4px;width:24px;height:24px;transition:all .3s;position:relative;overflow:hidden}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor a,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor button{width:28px;height:28px}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor a img,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor button img{-o-object-fit:cover;object-fit:cover;width:200%;height:200%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor a.active,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .bCarModelItemImage .bColor button.active{outline:2px solid var(--border-brand)}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarImage .btnRemoveCar{position:absolute;top:0;right:0}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarInfo{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarInfo h2{font-size:1.25rem;line-height:1.5em;font-weight:var(--fw-semibold);color:var(--colorTypoBasetext)}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bTop .bCarInfo h2{font-size:1.75rem;line-height:1.3571em}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails{width:100%}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bInfo{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bInfo{gap:24px}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bInfo>*{width:100%}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bRow{justify-content:space-between;align-items:baseline;gap:16px;width:100%;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead{border-bottom:1px solid var(--border-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-bottom:16px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead .bRow{justify-content:center;gap:8px}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead h2,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead p{font-weight:var(--fw-semibold);text-align:center;font-size:1rem;line-height:1.5em}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead h2,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead p{font-size:1.5rem;line-height:1.3333em}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead h2 span,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead p span{text-align:center;font-size:.75rem;line-height:1.5em}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead h2 span,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead p span{font-size:1rem;line-height:1.5em}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bBody{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;display:flex}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bBody{gap:12px}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bBody h3{font-weight:var(--fw-regular);font-size:.75rem;line-height:1.5em}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bBody h3{font-size:1rem;line-height:1.5em}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bBody p{text-align:right;font-size:.75rem;line-height:1.5em}@media (min-width:768px){#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bBody p{font-size:1rem;line-height:1.5em}}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bAction{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bAction .bTools{gap:32px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem].selectedCar .bSelectCar{display:none!important}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem].selectedCar .bCarDetails{display:flex!important}.bCompareCarsModelPopup{z-index:9999;background:#00000080;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.bCompareCarsModelPopup .bPopupPanel{background:var(--bg-primary,#fff);flex-direction:column;justify-content:flex-start;gap:20px;width:100%;height:100%;padding:48px 16px;display:flex;position:relative}@media (min-width:768px){.bCompareCarsModelPopup .bPopupPanel{gap:32px;padding:48px}}.bCompareCarsModelPopup .bPopupPanel .bModelCategory{border-bottom:1px solid var(--border-primary);align-items:center;gap:16px;display:flex}.bCompareCarsModelPopup .bPopupPanel .bModelCategory a,.bCompareCarsModelPopup .bPopupPanel .bModelCategory button{cursor:pointer;text-align:center;width:100%;font-family:inherit;font-size:1rem;line-height:1.5em;font-weight:var(--fw-medium);color:var(--text-quaternary);font-weight:var(--fw-semibold);text-transform:uppercase;background:0 0;border:none;border-bottom:3px solid #0000;padding:0 8px 12px;text-decoration:none}@media (min-width:768px){.bCompareCarsModelPopup .bPopupPanel .bModelCategory a,.bCompareCarsModelPopup .bPopupPanel .bModelCategory button{width:auto;font-size:1.25rem;line-height:1.5em}}.bCompareCarsModelPopup .bPopupPanel .bModelCategory a.active,.bCompareCarsModelPopup .bPopupPanel .bModelCategory button.active{color:var(--text-brand-secondary);border-bottom:3px solid var(--border-brand)}.bCompareCarsModelPopup .bPopupPanel .bModelCategory a:hover,.bCompareCarsModelPopup .bPopupPanel .bModelCategory button:hover{color:var(--text-brand-secondary)}.bCompareCarsModelPopup .bPopupPanel .bModelsTag{width:100%}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagList{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagList::-webkit-scrollbar{height:0}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagItem{flex:none;margin:0;padding:0}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagBtn{appearance:none;border:1px solid var(--border-primary);background:var(--colorWhite);color:var(--text-quaternary);cursor:pointer;-o-transition:all .3s ease;font-size:14px;font-weight:var(--fw-medium);border-radius:8px;padding:10px 12px;line-height:1;transition:all .3s}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagBtn:hover{color:var(--text-brand-secondary)}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagBtn:focus-visible{outline:2px solid var(--colorPrimary);outline-offset:2px}.bCompareCarsModelPopup .bPopupPanel .bModelsTag .bModelsTagBtn.is-active{border-color:var(--border-brand);color:var(--text-brand-secondary);background:var(--bg-brand-primary_alt)}.bCompareCarsModelPopup .bPopupPanel .bCarList{grid-column-gap:32px;grid-row-gap:24px;grid-template-columns:repeat(2,1fr);margin:0;padding:0;display:grid;overflow:hidden auto}.bCompareCarsModelPopup .bPopupPanel .bCarList::-webkit-scrollbar{-webkit-appearance:none;width:6px;height:6px}.bCompareCarsModelPopup .bPopupPanel .bCarList::-webkit-scrollbar-thumb{background:#d5d7da;border-radius:0}.bCompareCarsModelPopup .bPopupPanel .bCarList::-webkit-scrollbar-thumb:hover{background:var(--colorPrimary)}.bCompareCarsModelPopup .bPopupPanel .bCarList::-webkit-scrollbar-track{background:var(--colorGray100);border-radius:0;box-shadow:inset 0 0 #f0f0f0}@media (min-width:768px){.bCompareCarsModelPopup .bPopupPanel .bCarList{grid-column-gap:32px;grid-row-gap:24px;grid-template-columns:repeat(3,1fr);display:grid}}@media (min-width:1280px){.bCompareCarsModelPopup .bPopupPanel .bCarList{grid-column-gap:32px;grid-row-gap:24px;grid-template-columns:repeat(4,1fr);display:grid}}.bCompareCarsModelPopup .bPopupPanel .bCarList .bCarListItem{margin:0}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}@media (min-width:768px){.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn{margin-top:12px}}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn .btn{min-width:120px}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn .btn.btnAdd:before{display:none}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn .btn.btnAdd:hover{color:var(--colorWhite)}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn .btn.btnRemoveCar{border-color:var(--button-tertiary-error-fg)}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn .btn.btnRemoveCar:hover{color:var(--colorWhite);background-color:var(--button-tertiary-error-fg)}.bCompareCarsModelPopup .bPopupPanel .bCarList .bHeaderMegaCarCardInfo .bBtn .btn.btnRemoveCar:hover:before{background-color:var(--colorWhite)}.bCompareCarsModelPopup .btnComparePopupClose{background-color:var(--button-primary-bg);cursor:pointer;appearance:none;border:none;width:32px;height:32px;padding:0;position:absolute;top:12px;right:12px;-webkit-mask-size:60%;mask-size:60%}.bCompareCarsModelPopup .btnComparePopupClose:after{content:"";background-color:var(--button-primary-fg);width:100%;height:100%;display:block;position:absolute;top:0;left:0;-webkit-mask:url(/assets/img/ui/form/ico-close.svg) 50%/60% no-repeat;mask:url(/assets/img/ui/form/ico-close.svg) 50%/60% no-repeat}
