#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:flex-start;gap:12px;padding-bottom:16px;display:flex}#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead h2,#pCompareCars .bCompareCars .bCompareGrid [class*=bCarsItem] .bCarDetails .bCarModelItemDetails .bHead p{font-weight:var(--fw-semibold);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 .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}
