'); background-repeat:repeat-x; width:100%; height:24px; position:relative; display:flex}#car-description #car-description-ratings-score .rating-stars-fill{ background-image:url('data:image/svg+xml;charset=utf-8,'); background-repeat:repeat-x; background-size:24px 24px; height:24px; position:absolute}#car-description #car-description-ratings-score .rating-stars-link{ display:block; float:left; width:24px; height:24px; background:none; cursor:pointer; z-index:1; fill:transparent; padding:0; transition:fill .4s}#car-description #car-description-ratings-score .rating-stars-link:hover{ fill:var(--text-primary-hover)}#car-description #car-description-faq{ margin-top:var(--spacing-7)} #car-description .car-relatives{ columns:370px auto; margin-top:var(--spacing-8);}#car-description .car-relatives .relatives{ display:flex; min-width:288px; padding:var(--spacing-5); flex-direction:column; gap:var(--spacing-4); height:fit-content; border-radius:var(--radius-m); background:var(--surface-01); break-inside:avoid}#car-description .car-relatives .relatives ul{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--spacing-2); margin:0; padding:0; list-style:none}#car-description .car-relatives .relatives ul a{ display:flex; align-items:center; align-content:center; gap:var(--spacing-2); color: var(--text-body-01);}#car-description .car-relatives .relatives ul a:hover{ color: var(--text-link-hover);}#car-description .car-relatives .relatives ul a:active{ color: var(--text-link-active);}#car-description .car-relatives .relatives ul a img{ max-width:64px} #car-description-ratings-safety .data{ display:flex; justify-content: center; gap:var(--spacing-5); margin-top:var(--spacing-4)}#car-description-ratings-safety .data article{ width:120px}#car-description-ratings-safety .data article .stars{ display:flex}#car-description-ratings-safety .data article .stars svg{ width:24px; height:24px; fill:var(--text-primary-default)} #car-compare-charts{ display:flex; gap:var(--spacing-4); flex-wrap:wrap; width:100%}#car-compare-charts .buttons{ width:100%;}#car-compare-charts .buttons a{ margin-top: 0;}#car-compare-charts .car-compare-chart-wrap{ display:flex; width:100%; max-width:calc(50% - var(--spacing-4) / 2); padding:var(--spacing-5); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); margin-top:var(--spacing-5)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items{ display:none; flex-direction:column; gap:var(--spacing-4); list-style:none; padding:0; margin:0}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items.active{ display:flex}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li, #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ display:flex; align-items:center; gap:var(--spacing-2)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item a.car-link{ display:flex; align-items:center; width: 64px; height: 32px;}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .pic{ width:64px; pointer-events:none}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ color:var(--text-body-01); flex: 1; min-width: 180px;} #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li.current .name{ font-weight:500}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .button{ margin-left:auto; position:relative}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .value{ width:60px; font-weight:500; text-wrap:nowrap}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference{ display:flex; width:72px; justify-content:flex-end; align-items:flex-end}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.better{ color:var(--success-text)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.worse{ color:var(--error-text)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference svg{ opacity:.3; width:24px; height:24px}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.better svg{ fill:var(--success-text)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.worse svg{ fill:var(--error-text); transform:rotate(180deg)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.equal svg{ transform:rotate(90deg)} #car-videos{ display:flex; flex-direction:column; width:100%; margin:0 auto; gap:var(--spacing-5); padding-block: var(--spacing-8); background-color: var(--surface-01);}#car-videos h2{ margin-bottom: var(--spacing-5);}#car-videos .items{ display:flex; gap:var(--spacing-4); overflow-x:auto; padding-bottom:var(--spacing-2); margin-bottom: var(--spacing-5);}#car-videos .items .video-clear{ min-width:336px}#car-videos .items .text.links{ display: none;} #car-user-rating{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#car-user-rating header{ display:flex; justify-content:space-between; align-items:center}#car-user-rating header .car-user-rating-score{ display:flex; padding:var(--spacing-1) var(--spacing-3); justify-content:center; align-items:center; border-radius:var(--radius-m); background:var(--primary-default); color:var(--text-body-01-inverse, #FFF); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px}#car-user-rating .car-user-rating-data{ display:flex; align-items:center; gap:var(--spacing-4); justify-content:space-between}#car-user-rating .car-user-rating-data .highlight{ color:var(--text-primary-default); font-weight:500; line-height:1.5; letter-spacing:-.08px}#car-user-rating .car-user-rating-data .buttons{ display:flex; align-items:center; gap:var(--spacing-2)}#car-user-rating .car-user-rating-data .buttons .dislike{ transform:rotate(180deg)}#car-user-rating .car-user-rating-data .buttons .button-basic.secondary{ /* pointer-events:none */}#car-user-rating .car-user-rating-data .user-likes-summary{ display:flex; flex-direction:column}#car-user-rating .car-user-rating-data .user-likes-summary .user-like{ color:var(--text-body-02); line-height:1.5; letter-spacing:-.08px} #car-gcc-score{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#car-gcc-score header{ display:flex; justify-content:space-between; align-items:center}#car-gcc-score header .car-gcc-score-score{ display:flex; padding:var(--spacing-1) var(--spacing-3); justify-content:center; align-items:center; column-gap: 4px; border-radius:var(--radius-m); background:var(--primary-default); color:var(--text-body-01-inverse, #FFF); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px; width:90px}#car-gcc-score header .car-gcc-score-score span{ font-size:16px; letter-spacing:-.08px}#car-gcc-score .car-gcc-score-data{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:var(--spacing-2)}#car-gcc-score .car-gcc-score-data .car-gcc-score-item{ display:flex; justify-content:space-between; width:100%}#car-gcc-score .car-gcc-score-data .car-gcc-score-item .title{ font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px}#car-gcc-score .car-gcc-score-data .car-gcc-score-item .value{ display:flex; width:90px; padding:2px 0; justify-content:center; align-items:center; border-radius:var(--radius-m); background:var(--surface-02); font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px} #car-ev-rankings{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#car-ev-rankings .ranking{ display:flex; min-width:220px; flex-direction:column; gap:var(--spacing-1)}#car-ev-rankings .ranking .header{ display:flex; justify-content:space-between; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px}#car-ev-rankings .ranking .header .title{ color: var(--text-body-01);}#car-ev-rankings .ranking .header .place{ color:var(--text-link-default); min-width:92px; text-align:right; transition:color .4s}#car-ev-rankings .ranking .line{ background:var(--secondary-default); height:var(--spacing-2); position:relative; width:100%; margin:var(--spacing-2) 0}#car-ev-rankings .ranking .line .fill{ background:var(--secondary-active); left:0; position:absolute; height:var(--spacing-2)}#car-ev-rankings .ranking .line .fill:after{ content:""; display:block; width:2px; height:var(--spacing-4); background:var(--primary-default); position:absolute; right:0; top:-4px}#car-ev-rankings .ranking:hover .header .place{ color:var(--text-link-hover)} #car-scores{ display:flex; flex-wrap: wrap; gap:var(--spacing-2); width: 100%;}#car-scores .car-score{ flex: 1; display:flex; min-width:140px; padding:var(--spacing-2) 0; align-items:center; color:var(--text-body-01, #181818); text-align:center; font-size:18px; line-height:1.5; letter-spacing:-.09px; border-radius:var(--radius-m); gap:var(--spacing-2); justify-content:center; background:var(--tertiary-default); height:fit-content}#car-scores .car-score .highlight{ font-size:20px; font-weight:700; letter-spacing:-.3px}#car-scores .car-score.positive{ color:var(--success-text)}#car-scores .car-score.negative{ color:var(--error-text)}#car-scores .car-score:hover{ background:var(--tertiary-hover)}#car-scores .car-score:active{ background:var(--tertiary-active)} #car-savings{ display:flex; flex-direction:column; gap:var(--spacing-5); background-color: var(--surface-01); margin-inline: 0; padding-block: var(--spacing-8);}#car-savings .data{ display:flex; flex-wrap: wrap; gap:var(--spacing-5); margin-top: var(--spacing-5);}#car-savings .data .calculations{ background: var(--surface-white); gap: var(--spacing-4); display: flex; min-width: 680px; padding: var(--spacing-5); flex-direction: column; border-radius: var(--radius-m); height:fit-content}#car-savings .data .calculations .title-savings-result{ text-align: center; font-size: 20px; font-weight: 700; line-height:1.5; letter-spacing:-.3px}#car-savings .data .calculations .title-savings-result span{ color: var(--text-primary-default)}#car-savings .data .calculations .savings-description { display: flex; flex-wrap: wrap; gap: var(--spacing-2); font-size: 18px; line-height: 1.5; letter-spacing: -.09px; width: 100%; justify-content: center; align-items: center}#car-savings .data .calculations .savings-description .select { display: flex; gap: var(--spacing-2); align-items: baseline; color: var(--text-primary-default); font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -.09px}#car-savings .data .calculations .savings-description .data { margin-top:0;}#car-savings .data .calculations .savings-description .select .black { color: var(--text-body-01); font-weight: 400;}#car-savings .data .calculations .savings-description .select .h3 { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.6px;}#car-savings .data .calculations .savings-description .data { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--spacing-1); align-items: baseline}#car-savings .data .description{ display:flex; flex-direction:column; gap:var(--spacing-4); font-size: 18px; line-height:1.5; letter-spacing:-.09px; min-width: 480px; flex: 1;}#car-savings .data .description ul{ display:flex; flex-direction:column; gap:var(--spacing-4); padding:0 0 0 var(--spacing-5); margin:0}#car-savings .data .description ul .value{ font-weight:700} #savings-calculator-fuel-savings-result { display: flex; padding: var(--spacing-3); align-items: center; border-radius: var(--radius-m); background: var(--secondary-default); color: var(--text-primary-default); font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.56px; width: fit-content} #car-savings .data .calculations .savings-result { display: flex; flex-direction: column; gap: var(--spacing-1)} #car-savings .data .calculations .savings-result-line { background: var(--border-light); border-radius: var(--radius-m); width: 100%; height: 40px; position: relative; overflow: hidden} #car-savings .data .calculations .savings-result-line .ev,#car-savings .data .calculations .savings-result-line .ice { display: flex; align-items: center; justify-content: center; position: absolute; height: 40px; font-weight: 500; line-height: 1.5; letter-spacing: -.08px} #car-savings .data .calculations .savings-result-line .ev { background: var(--primary-default); color: var(--text-body-01-inverse); left: 0} #car-savings .data .calculations .savings-result-line .ice { right: 0;} #car-savings .data .calculations .savings-result-titles { display: flex; justify-content: space-between; color: var(--text-primary-default); font-weight: 500; line-height: 1.5; letter-spacing: -.08px} #car-savings .data .calculations .savings-result-titles .ice { color: var(--text-body-01);} @media(max-width:1439px){ #car-main, #car-specs, #car-range-map, #car-description, #car-compare, #car-comments{ padding-right:var(--spacing-7); padding-left:var(--spacing-7) }} @media(max-width:1279px){ #car-main{ flex-direction:column } #car-main .data{ flex-direction:row; margin-left:0; } #car-main .data .info{ min-width: 552px; flex: 1; } #car-trims .trims .tabs-wrap{ max-width: 100%; } #car-main .data header .compare, #car-main .data header .snackbar-basic{ max-width:400px } #car-main .data .block{ height:fit-content } #car-specs-blocks .car-specs-block{ min-width:300px; max-width:50% } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ width:100% } #car-description #car-description-text, #car-description #car-description-additional{ width:100% } #car-description #car-description-additional{ columns:370px auto; display:block } #car-description #car-description-additional > section{ width:100%; break-inside:avoid } #car-description #car-description-additional > section:not(:last-child){ margin-bottom:var(--spacing-4) } #car-videos .items .video-clear{ min-width:300px }} @media(max-width:991px){ #car-description .car-relatives, #car-description #car-description-additional{ columns:294px auto } #car-savings .data{ grid-template-columns:1fr }}@media(max-width:767px){ #car-main .data .info{ min-width: auto; } #car-detail{ gap:var(--spacing-9) } #car-specs{ padding:var(--spacing-6) 0 } #car-main, #car-specs, #car-range-map, #car-description, #car-compare, #car-comments{ padding-right:var(--spacing-4); padding-left:var(--spacing-4) } #car-main .data{ flex-direction:column } #car-description{ flex-direction:column } #car-main .data .block{ width:100% } #car-main .data #explore-sections-nav{ width:100% } #car-main .data .block#explore-sections-nav{ width: 100%; } #explore-sections-nav ul li{ width:fit-content } #car-specs-blocks .car-specs-block{ max-width:100% } #car-compare-charts .car-compare-chart-wrap{ max-width:100% } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ width:auto } #car-description-ratings-score{ margin-top:24px } #car-description #car-description-additional{ flex-wrap:wrap } #car-savings .data{ flex-wrap: nowrap; flex-direction: column; } #car-savings .data .calculations, #car-savings .data .description { min-width: 288px; flex: 1; }} @media(max-width:635px) { #car-description .car-relatives .relatives:not(:last-child){ margin-bottom:var(--spacing-4) }} @media(max-width:479px){ #car-scores .car-score .highlight{ font-size: 18px; font-weight: 700; letter-spacing: -.09px; } #car-scores .car-score{ font-size: 16px; letter-spacing: -.08px; } #car-detail .car-last-updated{ justify-content: center; } #car-specs .car-data-sources{ font-size:16px } .car-last-updated{ justify-content:center } #car-main .data header .specs{ gap:var(--spacing-2) } #car-main .data header .specs dl{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference{ min-width:unset } #car-description #car-description-text #car-description-preview, #car-description #car-description-text #car-description-preview .snackbar-basic.inline{ font-size:16px } #car-savings .data .description{ font-size:16px; letter-spacing:-.08px } #car-savings .data .description .button-basic.secondary{ width: 100%; } #car-specs-pdf, #car-charging-calculator, #compare-side-by-side, #see-all-videos{ width: 100%; }}@media(max-width:390px){ #car-scores{ grid-template-columns:1fr } #car-specs-blocks .car-specs-block{ max-width:288px; min-width:100% } #car-videos .items .video-clear{ min-width:270px }}#charging-calculator{ width:100%; display:flex; justify-content:center; flex-wrap:wrap}#charging-calculator .charging-calculator-header{ display:grid; grid-template-columns:minmax(288px, 360px) 1fr; gap:var(--spacing-9)}#charging-calculator .charging-calculator-header header{ order:1; display:flex; flex-direction:column; gap:var(--spacing-4); font-size:18px; line-height:1.5; letter-spacing:-.09px}#charging-calculator .charging-calculator-header header p{ margin:0}#charging-calculator .charging-calculator-header .charging-calculator-car-card{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; justify-content:center; align-items:center; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#charging-calculator .charging-calculator-header .charging-calculator-car-card .title{ display:flex; flex-direction:column; align-items:center; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:-.09px}#charging-calculator .charging-calculator-header .charging-calculator-car-card .details,#charging-calculator .charging-calculator-header .charging-calculator-car-card .details .heading{ display:flex; flex-direction:column; justify-content:center; gap:var(--spacing-4)}#charging-calculator .charging-calculator-header .charging-calculator-car-card .details > img{ max-width:240px; height:fit-content}#charging-calculator .charging-calculator-header .charging-calculator-car-card .title span{ font-weight:400}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports{ width:100%}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports ul{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; width:100%; justify-content:center; gap:var(--spacing-4)}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports ul li{ display:flex; gap:var(--spacing-2); align-items:center; font-weight:500; line-height:1.5; letter-spacing:-.08px}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports ul li img{ max-width:48px}#charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons{ display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); justify-content:space-between; align-items:center; gap:var(--spacing-2); width:100%} #charging-calculator dl{ display:flex; gap:var(--spacing-2); align-items:center; justify-content:center; color:var(--text-body-01); font-size:14px; line-height:1.5; letter-spacing:-.09px; margin:0}#charging-calculator dt{ display:flex; align-items:center; gap:var(--spacing-1)}#charging-calculator dd{ font-weight:500; margin:0} #charging-calculator .hint-wrap{ position:relative; display:flex; align-items:center; cursor:help}#charging-calculator .hint-wrap .hint-ui{ display:none}#charging-calculator .hint-wrap img{ width:24px; height:24px; filter:var(--text-body-02-icon)}#charging-calculator .hint-wrap:hover .hint-ui{ display:flex}#charging-calculator .h2{ text-align:center; width:100%; justify-content:center} #charging-calculator-trim{ display:flex; flex-direction:column; width:100%; gap:var(--spacing-5); margin-bottom:var(--spacing-5);}#charging-calculator-trim .main-pic{ width:auto; max-height:240px; margin:var(--spacing-6)}#charging-calculator-trim .description{ color:var(--text-body-01); font-size:20px; line-height:1.5; letter-spacing:-.3px}#charging-calculator-trim .description span{ font-weight:700}#charging-calculator-trim .form{ width:680px; height:263px; margin:var(--spacing-5) 0; padding:var(--spacing-5); border-radius:var(--radius-m); background:var(--surface-01); display:flex; gap:var(--spacing-5)}#charging-calculator-trim .form .inputs,#charging-calculator-trim .form .car{ width:100%}#charging-calculator-trim .form .car .name{ color:var(--text-body-01); text-align:center; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:-.09px}#charging-calculator-trim .form .car .trim{ color:var(--text-body-01); text-align:center; font-size:18px; line-height:1.5; letter-spacing:-.09px}#charging-calculator-trim .form .car .pic{ width:304px; height:152px; display:flex; justify-content:center; align-items:center} #calculator-model,#calculator-trim{ display:none} #charging-calculator-sockets{ display:flex; flex-wrap:wrap; width:100%; height:fit-content; gap:var(--spacing-5)}#charging-calculator-sockets .car-charging-port{ user-select:none; display:flex; flex-direction:column; min-width:192px; padding:var(--spacing-4); align-items:center; gap:var(--spacing-5); border-radius:var(--radius-m); background:var(--surface-01); cursor:pointer; border:2px solid transparent; transition:background .4s, border-color .4s;}#charging-calculator-sockets .car-charging-port .car-charging-port-image{ width:80px; filter:var(--text-body-02-icon)}#charging-calculator-sockets .car-charging-port .data{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--spacing-1); flex:1 0 0; font-size:14px}#charging-calculator-sockets .car-charging-port .charge-ports{ display:flex; flex-direction:column; position:absolute; bottom:0; right:var(--spacing-4); gap:var(--spacing-4)}#charging-calculator-sockets .car-charging-port .charge-ports img{ width:120px} #charging-calculator-sockets .car-charging-port dl{ gap:var(--spacing-1); padding:0; width:100%}#charging-calculator-sockets .car-charging-port dl dd{ font-weight:500; line-height:1.5; margin:0; display:flex; flex-direction:column; gap:var(--spacing-1)}#charging-calculator-sockets .car-charging-port dl dd.body{ position:relative; width:100%}#charging-calculator-sockets .car-charging-port dl dd.body img{ width:180px; max-width:180px; position:absolute; right:0; bottom:50%; transform:translate(0, 35%)}#charging-calculator-sockets .car-charging-port .data .values{ font-weight: 500;}#charging-calculator-sockets .car-charging-port header .h4{ font-size: 20px; font-weight: 600; line-height: 120%; letter-spacing: -0.3px; text-align: center;} #charging-calculator-sockets .car-charging-port:hover{ background:var(--secondary-hover)}#charging-calculator-sockets .car-charging-port.active{ background:var(--secondary-active); border-color:var(--primary-active)}#charging-calculator-sockets .car-charging-port:hover header .h4{ color:var(--text-primary-hover)}#charging-calculator-sockets .car-charging-port.active header .h4{ color:var(--text-primary-active)}#charging-calculator-sockets .car-charging-port:hover .car-charging-port-image{ filter:var(--text-primary-hover-icon)}#charging-calculator-sockets .car-charging-port.active .car-charging-port-image{ filter:var(--text-primary-active-icon)} #sockets{ max-width:100%} #sockets .sockets-wrap{ display:flex; overflow-x:auto; gap:var(--spacing-2); padding-bottom:var(--spacing-2); margin-bottom:var(--spacing-7)}.sockets-ac,.sockets-dc{ display:none!important}.sockets-ac.active,.sockets-dc.active{ display:flex!important} #adjustments{ width:100%; gap:var(--spacing-4); display:flex; flex-wrap:wrap}#adjustments > .switcher-basic{ display:none}#adjustments .line{ gap:var(--spacing-4); display:flex; width:100%}#adjustments .line.first{ max-height:0; transition:max-height .4s; overflow:hidden; margin:0 0 var(--spacing-5)}#adjustments .line.first.active{ max-height:1000px}#adjustments .block{ display:flex; width:100%; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-2); border-radius:var(--radius-m); background:var(--tertiary-default)}#adjustments .block .title{ color:var(--text-body-01); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px}#adjustments .block .description{ color:var(--text-body-01, #181818); line-height:1.5; letter-spacing:-.08px}#adjustments .block .description-small{ color:var(--text-body-01); font-size:14px; line-height:1.5; letter-spacing:-.07px}#adjustments .block .description-small .item{ display:none}#adjustments .block .description-small .item.active{ display:block}#adjustments .phase{ min-width:255px}#adjust-manually{ cursor:pointer; transition:color .4s; display:flex; gap:var(--spacing-3); align-items:center; user-select:none}#adjust-manually span{ position:relative}#adjust-manually span:before,#adjust-manually span:after{ position:absolute; content:""; width:14px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%,-50%)}#adjust-manually span:after{ position:absolute; content:""; width:14px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%,-50%) rotate(90deg); transition:transform .4s}#adjust-manually:hover{ color:var(--text-primary-default)}#adjust-manually.open span:after{ transform:translate(-50%,-50%) rotate(0deg)} #adjustments .charge-levels{ display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:1fr; grid-column-gap:var(--spacing-11)}#adjustments .charge-levels .first { grid-area:1 / 1 / 2 / 2; }#adjustments .charge-levels .second { grid-area:1 / 2 / 2 / 3; } #charging-results{ display:flex; align-items:center; align-content:center; flex-wrap:wrap}#charging-results .results{ display:grid; grid-template-columns:repeat(auto-fit, minmax(480px, 1fr)); gap:var(--spacing-5)}#charging-results .results .onboard-charger{ display:flex; justify-content:center; align-items:center; gap:var(--spacing-2); align-self:stretch; margin-bottom:var(--spacing-4); flex-wrap:wrap}#charging-results .results .onboard-charger .title{ font-weight:700}#charging-results .snackbar-basic{ text-align:center; width:100%; justify-content:center; margin-bottom:var(--spacing-4)}#charging-results .snackbar-basic .sockets-ac.active,#charging-results .snackbar-basic .sockets-dc.active{ justify-content:center}#charging-results .attrs{ display:flex; padding:var(--spacing-5); align-items:center; align-content:center; justify-content:center; gap:16px var(--spacing-4); flex-wrap:wrap; height:fit-content; border-radius:var(--radius-m); background:var(--secondary-default)}#charging-results .attr{ display:flex; min-width:200px; flex-direction:column; align-items:center; gap:var(--spacing-1)}#charging-results .attr .title{ color:var(--text-body-01); font-size:20px; line-height:1.5; letter-spacing:-.3px}#charging-results .attr .value{ color:var(--text-body-01); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px} .input-additional{ position:relative; overflow:hidden}.input-additional .before,.input-additional .after{ position:absolute; left:10px; top:50%; transform:translate(0, -50%); color:var(--text-body-02, #808080); font-size:18px; line-height:1.5; letter-spacing:-.09px; user-select:none}.input-additional .after{ right:10px; left:unset}#adjustments .price .input-additional .after,#adjustments .voltage .input-additional .after,#adjustments .amperage .input-additional .after,#adjustments .power .input-additional .after{ right:55%}#adjustments .price .input-additional input,#adjustments .voltage .input-additional input,#adjustments .amperage .input-additional input,#adjustments .power .input-additional input{ max-width:50%} #section-faq{ margin-top:var(--spacing-5)}#section-summary-ac,#section-summary-dc{ flex-direction:column; font-size:18px; letter-spacing:-.09px} #charging-calculator .hide-s1{ display:none!important} .section-share{ display:flex; align-items:center; gap:var(--spacing-2); margin-bottom:var(--spacing-5); height:fit-content} .dc-incapable,.sockets-dc-empty{ margin-top:var(--spacing-4);}.snackbar-basic.inline.dc-incapable.active,.snackbar-basic.inline.sockets-dc-empty.active{ display:inline} #car-comments{ width:100%} @media(max-width:1279px) { #charging-calculator-sockets{ width:100% } #charging-calculator .scroll-manual{ display:none } #sockets .sockets-wrap{ overflow-x:auto; padding-bottom:var(--spacing-2); flex-direction:row; } #charging-calculator dl, #charging-calculator-sockets .car-charging-port .data{ font-size:14px; align-items: center; text-align: center; } #charging-calculator-sockets .car-charging-port{ flex-direction:column; min-width:190px } #charging-calculator-sockets .car-charging-port header .h4{ font-size:18px } #charging-calculator-sockets .car-charging-port dl{ justify-content: center; }}@media(max-width:991px){ #charging-calculator .charging-calculator-header{ grid-template-columns:1fr; gap:var(--spacing-5) } #charging-calculator .charging-calculator-header header{ order:-1 } #charging-calculator .charging-calculator-header .charging-calculator-car-card .details{ width:100%; display:grid; grid-template-columns:240px minmax(288px, 1fr); align-items:center } #charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons{ flex-direction:row }}@media(max-width:767px){ #adjustments .line{ flex-wrap:wrap } #adjustments .voltage, #adjustments .amperage, #adjustments .temperature, #adjustments .price{ max-width:48%; max-width:calc(50% - var(--spacing-4) / 2) } #adjustments .phase{ text-align:center } #adjustments .phase .switcher-basic{ align-items:center } #charging-calculator-adjustments{ max-width:100% } .range-slider{ order:1; margin-top:var(--spacing-2) }} @media(max-width:575px){ #charging-calculator .charging-calculator-header .charging-calculator-car-card .details{ grid-template-columns:1fr } #charging-calculator .charging-calculator-header .charging-calculator-car-card .details > img{ margin:0 auto } #adjustments .temperature, #adjustments .price{ max-width:100% } #charging-results .attr{ min-width:calc(50% - 8px) } .section-share{ flex-wrap:wrap } .section-share .hide-mobile{ display:none } .section-share .expand-mobile{ width:100% } #charging-results .results{ grid-template-columns:1fr }}@media(max-width:479px){ #adjustments .voltage, #adjustments .amperage{ max-width:100% } #adjustments .charge-levels{ grid-column-gap:var(--spacing-5) } #charging-calculator .charging-calculator-header header, #section-summary-ac, #section-summary-dc{ font-size:16px; letter-spacing:.08px } #charging-calculator .charging-calculator-header .charging-calculator-car-card .details{ display:flex } #charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons{ flex-direction:column } #charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons .expand{ width:100% }}.faq-wrap{ display: flex; flex-direction: column; gap: var(--spacing-2); margin-top:var(--spacing-2)}.faq-wrap .item{ display: flex; flex-direction: column; overflow:hidden}.faq-wrap .item header{ display: flex; padding: var(--spacing-2) 0; align-items: center; gap: var(--spacing-3); color: var(--text-body-01, #181818); font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing:-.48px; cursor:pointer; user-select:none; padding:var(--spacing-2) 0; transition:color .4s; position:relative}.faq-wrap .item header span{ display:flex; min-height:40px; align-items:center}.faq-wrap .item header button{ position:relative; aspect-ratio:1/1}.faq-wrap .item header button:after,.faq-wrap .item header button:before{ position:absolute; content:""; width:14px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%, -50%)}.faq-wrap .item header button:before{ transform:rotate(90deg); transition:transform .4s; left:33%; top:48%}.faq-wrap .item header:hover button:before,.faq-wrap .item header:hover button:after{ background:var(--primary-hover)}.faq-wrap .item header:hover,.faq-wrap .item header:hover{ color:var(--text-primary-hover)}.faq-wrap .item header:active,.faq-wrap .item header:active{ color:var(--text-primary-active)}.faq-wrap .item .answer{ color: var(--text-body-01); font-size: 18px; line-height:1.5; letter-spacing:-.08px; max-height:0; transition: max-height .4s}.faq-wrap .item.active .answer{ max-height:1000px}.faq-wrap .item .answer p{ margin:0 0 12px}.faq-wrap .item.active header button:before{ transform:rotate(0deg) translate(-50%, -50%); top:50%; left:50%}.faq-wrap .snackbar-basic.inline{ display:flex; font-size:18px}@media(max-width:479px){ .faq-wrap .item header{ font-size:18px } .faq-wrap .item .answer, .faq-wrap .snackbar-basic.inline{ font-size:16px }}.car-card-slider{ display:flex; width:100%; flex-direction:column; margin-top:var(--spacing-9)}.car-card-slider .car-card-slider-list{ display:flex; width:100%; margin-top:var(--spacing-5); gap:var(--spacing-2); overflow:hidden; overflow-x:auto; padding-bottom:var(--spacing-2)}.car-card-slider .car-card-slider-list .item{ padding:var(--spacing-5); background:var(--tertiary-default); border-radius:var(--radius-m); width:100%; display:flex; flex-direction:column; gap:var(--spacing-2); min-width:272px; max-width:272px; color:var(--text-body-01); transition:background .4s}.car-card-slider .car-card-slider-list .item:hover .title{ color:var(--primary-hover)}.car-card-slider .car-card-slider-list .item .pic{ height:120px; width:100%; display:flex; align-items:center; justify-content:center; pointer-events:none}.car-card-slider .car-card-slider-list .item .title{ display:flex; text-align:center; width:100%; flex-direction:column; line-height:1.5; display:inline-block; font-size:18px; font-weight:700; letter-spacing:-.09px}.car-card-slider .car-card-slider-list .item .title span{ font-weight:400; display:block}.car-card-slider .car-card-slider-list .item .title,.car-card-slider .car-card-slider-list .item .title span{ text-overflow:ellipsis; overflow:hidden; text-wrap:nowrap}.car-card-slider .car-card-slider-list .item .specs{ }.car-card-slider .car-card-slider-list .item .specs .snackbar-basic{ width:100%; margin-bottom:var(--spacing-2); min-height:unset}.car-card-slider .car-card-slider-list .item .specs dl{ margin:0; padding:0; display:flex; justify-content:space-between; line-height:1.5; font-size:16px}.car-card-slider .car-card-slider-list .item .specs dd{ margin-left: 0; font-weight:500} .car-card-slider .car-card-slider-list .item .buttons{ display:flex; max-width:100%; justify-content:space-between; gap:var(--spacing-2); margin-top:auto; position:relative}.car-card-slider .car-card-slider-list .item .buttons .car-page{ width:100%; flex:1} @media(max-width:767px){ .car-card-slider .car-card-slider-list{ width:auto; }}.video-clear{ display:flex; flex-direction:column; gap:var(--spacing-3) } .video-clear .preview{ aspect-ratio: 16 / 9; border-radius: var(--radius-m); overflow: hidden; position: relative; } .video-clear .preview .play{ position:absolute; display:flex; width:56px; height:56px; align-items:center; justify-content:center; border-radius: var(--radius-m); background: var(--secondary-default); top:50%; left:50%; transform:translate(-50%, -50%) } .video-clear .preview .play svg use{ fill: var(--text-primary-default); } .video-clear .preview .play img{ width:24px; height:24px } .video-clear .content{ display: flex; flex-direction: column; gap: var(--spacing-1) } .video-clear .title{ overflow: hidden; color: var(--text-body-01); text-overflow: ellipsis; font-size: 18px; line-height:1.5; letter-spacing:-.09px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .video-clear .details{ display: flex; gap: var(--spacing-3); justify-content:space-between; width:100% } .video-clear .details .channel{ overflow: hidden; color: var(--text-body-02); text-overflow: ellipsis; text-wrap:nowrap; line-height:1.5; letter-spacing:-.08px; } .video-clear .details .duration{ color: var(--text-body-02); line-height: 1.5; letter-spacing:-.08px } .video-clear:hover .preview .play{ background: var(--secondary-hover); z-index: 2; } .video-clear .preview::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: background-color 0.3s ease; z-index: 1; } .video-clear:hover .preview::after { background-color: rgba(0, 0, 0, 0.2); } @media(max-width:1279px){ .video-clear{ flex: 1; min-width:240px } }.comments-replace{ max-width:var(--container-width-max); width:100%; display:flex; flex-direction:column; align-items:center; gap:var(--spacing-4) } .comments-replace > header{ display:flex; flex-direction:column; gap:var(--spacing-4); width:100% } .comments-replace > header .h2, .comments-replace > header .description{ text-align: center; } .comments-replace > header .description{ font-size: 18px; text-align: center; } .comments-wrap{ margin-top:var(--spacing-5) } .comments-replace, .comments-wrap{ width:100%; max-width:800px; margin:0 auto } .comments-wrap .description{ margin-top:var(--spacing-4) } .comments-wrap .comments-count{ display:flex; align-items:center; gap:var(--spacing-6); margin:var(--spacing-8) 0 } .comments-wrap .comments-count .title{ color:var(--text-body-01); font-size:24px; font-style:normal; font-weight:600; line-height:1.2; letter-spacing:-.48px } .comments-wrap .comments-list{ display:flex; flex-direction:column } .comments-wrap .comments-list .comment{ display:flex; padding-top:var(--spacing-3); flex-direction:column; gap:var(--spacing-3) } .comments-wrap .comments-list .comment.depth-1{ padding-left:var(--spacing-5); border-left: 2px dashed var(--border-light); padding-top:calc(var(--spacing-5) + var(--spacing-3)); } .comments-wrap .comments-list .comment.depth-2{ padding-left:calc(var(--spacing-5) * 2); border-left: 2px dashed var(--border-light); position:relative } .comments-wrap .comments-list .comment.depth-3{ padding-left:calc(var(--spacing-5) * 3); border-left: 2px dashed var(--border-light); position:relative } .comments-wrap .comments-list .comment.depth-2:before, .comments-wrap .comments-list .comment.depth-3:before, .comments-wrap .comments-list .comment.depth-3:after{ content:""; height:100%; display:block; border-left: 2px dashed var(--border-light); width:2px; position:absolute; left:var(--spacing-5); top:0 } .comments-wrap .comments-list .comment.depth-3:after{ left:calc(var(--spacing-5) * 2) } .comments-wrap .comments-list .comment header{ display:flex; align-items:baseline; gap:0 var(--spacing-3); flex-wrap:wrap } .comments-wrap .comments-list .comment header .author{ color:var(--text-body-01); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px } .comments-wrap .comments-list .comment header .date{ color:var(--text-body-02); line-height:1.5; letter-spacing:-.08px } .comments-wrap .comments-list .comment .text{ color:var(--text-body-01); font-size:18px; line-height:1.5; letter-spacing:-.09px } .comments-wrap .comments-list .comment .buttons{ display:flex } .comments-wrap .comments-list .comment .buttons .reply{ display:flex; height:40px; padding:0; justify-content:center; align-items:center; gap:var(--spacing-2); background:transparent; color:var(--text-body-01, #181818); text-align:center; font-weight:500; line-height:1.5; font-size:16px; letter-spacing:-.08px; cursor:pointer } @media (max-width: 480px) { .comments-replace > header .description{ font-size: 16px; } }#chili_page_comment_form{ display: flex; padding: var(--spacing-5); flex-direction: column; gap: var(--spacing-3); border-radius: var(--radius-m); background: var(--tertiary-default);}#chili_page_comment_form .button-basic{ width:100%; max-width:unset}#chili_page_comment_form textarea{ resize: vertical; overflow: hidden; transition: height .3s ease;}/**Top menu**/#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{ margin:0; padding:0; list-style:none; float:left} #horizontal-multilevel-menu { display:flex; gap:var(--spacing-5); justify-content:space-between; width:100%; align-items:center} #horizontal-multilevel-menu a{ font-size:18px; letter-spacing:-.09px; display:block; text-decoration:none; text-align:center; line-height:1.5; color:var(--text-body-01)}#horizontal-multilevel-menu a:hover{ border-bottom:1px solid var(--primary-hover); color:var(--primary-hover)}#horizontal-multilevel-menu a:active{ border-bottom:1px solid var(--primary-active); color:var(--primary-active)} #horizontal-multilevel-menu li{ float:left;}#horizontal-multilevel-menu li.disabled{ position:relative}#horizontal-multilevel-menu li.disabled a{ color:var(--text-primary-disabled); user-select:none; pointer-events:none}#horizontal-multilevel-menu li .hint-ui{ display:none}#horizontal-multilevel-menu li.disabled:hover .hint-ui{ display:flex} /*Sub-menu box*/#horizontal-multilevel-menu li ul{ position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; width:15rem; margin-left:-.5rem; background:#eee; border-bottom:1px solid #bbb; border-radius:0 0 10px 10px} /*Sub-menu item box*/#horizontal-multilevel-menu li li{ width:100%; padding:.5rem .7rem}#horizontal-multilevel-menu li li:not(:last-child){ border-bottom:1px solid #bbb;} #horizontal-multilevel-menu li ul ul{ margin:-27px 0 0 132px;} #horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{ display:none;} #horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{ display:block} div.menu-clear-left{ clear:left;}#horizontal-multilevel-menu li a.root-item-selected{ font-weight:500; color:var(--primary-active)} @media(max-width:1279px){ #horizontal-multilevel-menu { gap: var(--spacing-4); } #horizontal-multilevel-menu a{ font-size:16px; letter-spacing:-.08px }}@media(max-width:479px){ #horizontal-multilevel-menu{ gap:unset }}#title-search{ display:flex; position:relative; background:#f4f4f4; border-radius:var(--radius-m); height:48px; width:100%; max-width:328px}#title-search input{ background:transparent; border:2px solid var(--border-light); padding:var(--spacing-3) 0 var(--spacing-3) var(--spacing-7); height:48px; background:var(--surface-white); border-radius:var(--radius-m); font-family:'Inter',Arial,Helvetica,sans-serif}#title-search input:focus-visible,#title-search input{ outline-color:var(--primary-active)}#title-search #input_search,#title-search #delete-search{ appearance:none; border:none; display:flex; width:24px; align-items:center; justify-content:center; background:transparent; position:absolute; left:12px; top:50%; transform:translate(0, -50%); cursor:pointer}#title-search #input_search svg,#title-search #delete-search svg{ min-width:24px; width:24px; height:24px; fill:var(--text-body-02)}#title-search #delete-search{ display:none; right:12px; left:unset}.title-search-result{ display:none; flex-direction:column; padding:var(--spacing-2); border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); z-index:50; margin-top:8px}.title-search-result .title{ padding:var(--spacing-4) var(--spacing-3) var(--spacing-2); color:var(--text-body-02); font-size:16px}.title-search-result a{ line-height:1.5; font-size:16px; letter-spacing:-.08px}.title-search-result a:not(.button-basic){ display:block; padding:var(--spacing-3); border-radius:var(--radius-m); max-height:70px; height:fit-content; color:var(--text-body-01); transition:background .4s}.title-search-result a:not(.button-basic):hover{ background:var(--tertiary-active); color:var(--text-body-01)}@media(max-width:1279px){ #title-search, #title-search input{ max-width:100%; width:100% }}.breadcrumbs-main{ max-width:1392px; display:flex; margin:var(--spacing-5) auto; padding:0 0 var(--spacing-2); width:100%; width:auto; overflow-x:auto; list-style:none}.breadcrumbs-main li{ display:contents; color:var(--text-body-02); align-items:center}.breadcrumbs-main li svg{ min-width:24px; fill:var(--text-body-02)}.breadcrumbs-main li a,.breadcrumbs-main li .current{ border-bottom:1px solid transparent}.breadcrumbs-main li a{ color:var(--text-body-02); line-height:1.5; font-size:16px; border-bottom:1px solid transparent; letter-spacing:-.08px}.breadcrumbs-main li a:hover{ color:var(--text-primary-hover); border-color:var(--text-primary-hover)}.breadcrumbs-main li a:active{ color:var(--text-primary-active); border-color:var(--text-primary-active)}.breadcrumbs-main li .current{ font-weight:500; color:var(--text-primary-default)}.breadcrumbs-main span{ white-space:nowrap} @media(max-width:1439px){ .breadcrumbs-main{ margin-inline:var(--spacing-7); }}@media(max-width:767px){ .breadcrumbs-main{ margin-inline:var(--spacing-4); }}.menu-bottom ul{ display:flex; gap:var(--spacing-5); list-style:none; margin:0; padding:0; flex-wrap:wrap}.menu-bottom li.disabled{ position:relative}.menu-bottom li.disabled a{ color:var(--text-primary-disabled); user-select:none; pointer-events:none}.menu-bottom li a{ color:var(--text-body-01); font-size:18px;}.menu-bottom li.active a{ font-weight:500; color:var(--primary-active)}.menu-bottom li a:hover{ border-bottom:1px solid var(--primary-hover); color:var(--primary-hover)}.menu-bottom li a:active{ border-bottom:1px solid var(--primary-active); color:var(--primary-active)}.menu-bottom li .hint-ui{ display:none}.menu-bottom li.disabled:hover .hint-ui{ display:flex}#compare-button{ position:fixed; right:80px; bottom:40px; display:flex; border-radius:var(--radius-m); border:2px solid var(--primary-default); background:var(--secondary-default); padding:var(--spacing-2) var(--spacing-3); width:fit-content; align-items:center; height:56px; z-index:2}#compare-button.hide{ display:none}#compare-button .compare-button-wrap{ display:flex; width:fit-content; gap:var(--spacing-2); align-items:center}#compare-button .compare-button-wrap .compare{ display:flex; gap:var(--spacing-2); align-items:center}#compare-button .compare-button-wrap .compare .count{ color:var(--text-primary-default); font-size:20px; line-height:150%; letter-spacing:-.3px}#compare-button .compare-button-wrap .compare img{ min-width:64px; width:64px; height:auto}#compare-button .bx_catalog-compare-list{ position:absolute; bottom:0; background:var(--surface-white); display:flex; visibility:hidden; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-5); width:375px; flex-shrink:0; left:0; right:0; max-height:0; overflow:hidden; border-radius:var(--radius-m); border:2px solid var(--border-light); transition:max-height 1s}#compare-button .bx_catalog-compare-list .title{ font-size:24px; display:flex; justify-content:space-between; color:var(--primary-default); font-weight:700; align-items:center}#compare-button .bx_catalog-compare-list .title .items-to-compare-count{ font-size:16px; font-weight:500; margin-top:var(--spacing-1); letter-spacing:-.08px}#compare-button .bx_catalog-compare-list .title .expand svg,#compare-button .compare-button-wrap .expand svg{ width:24px; height:24px}#compare-button .compare-button-wrap .expand svg{ transform:rotate(-90deg)}#compare-button .bx_catalog-compare-list .title .expand svg{ transform:rotate(90deg)}#compare-button .bx_catalog-compare-list .title{ font-size:24px; color:var(--primary-default); font-weight:700}#compare-button .bx_catalog-compare-list .compare-items{ display:flex; gap:var(--spacing-2); flex-direction:column; max-height:24vh; max-height:calc(80vh - 270px); overflow-y:auto}#compare-button .bx_catalog-compare-list .item{ display:flex; gap:var(--spacing-2); padding-right:var(--spacing-3); font-size:16px; align-items:center}#compare-button .bx_catalog-compare-list .item .close svg{ fill:var(--text-body-02)}#compare-button .bx_catalog-compare-list .item .close:hover svg{ fill:var(--text-body-01)}#compare-button .bx_catalog-compare-list .item a{ color:var(--text-body-01)}#compare-button .bx_catalog-compare-list .item button{ margin-left:auto}#compare-button .bx_catalog-compare-list .item .img{ width:64px; min-width:64px; height:32px; display:flex; align-items:center}#compare-button .bx_catalog-compare-list .item .img img{ width:64px; height:auto}#compare-button .bx_catalog_compare_count{ display:flex; flex-direction:column; gap:var(--spacing-2); justify-content:center}#compare-button .bx_catalog_compare_count .button-basic{ width:100%}#compare-button.hover{ border:none; min-width:325px; margin-right:50px}#compare-button.hover .bx_catalog-compare-list{ visibility:visible; max-height:80vh}#compare_list_count{ margin-right:var(--spacing-neg-4); margin-right:calc(var(--spacing-neg-4) + 2px); overflow:hidden} #snackbar-cleared:not(.active){ display:none} @media(max-width:767px){ #compare-button{ right:0; bottom:1px; border-radius:var(--radius-m) 0 0 0 } #compare-button.hover{ bottom:40px }} @media(max-width:479px){ #compare-button{ right:0; bottom:0; border-radius:var(--radius-m) 0 0 0 } #compare-button.hover{ min-width:100%; bottom:1px } #compare-button.hover .bx_catalog-compare-list{ top:0; position:fixed; max-height:unset; border:0 } #compare-button .bx_catalog-compare-list{ width:100% } #compare_list_count, #compare-button .bx_catalog-compare-list .compare-items{ max-height:calc(100% - 270px) } #compare-button .bx_catalog-compare-list .compare-items{ max-height:100% } #compare-button .compare_from_wrap{ display:flex; flex-direction:column; height:100% } #compare-button .bx_catalog_compare_count{ margin-top:auto; width:100% } .body-overflow-hidden{ overflow:hidden }}@media(max-width:390px){ #compare-button .bx_catalog-compare-list .item{ font-size:14px } #compare-button .bx_catalog-compare-list .item .img{ width:48px; min-width:48px; height:24px; display:flex; align-items:center } #compare-button .bx_catalog-compare-list .item .img img{ width:48px; min-width:48px; height:fit-content }} .range-slider{ height:var(--spacing-5) } .rs-container { position:relative } .rs-container .rs-bg, .rs-container .rs-selected { background:var(--secondary-default); height:var(--spacing-1); left:0; position:absolute; top:5px; width:100%; border-radius:2px } .rs-container .rs-selected { background:var(--primary-default); width:0 } .rs-container.disabled .rs-selected { background-color:#ccc; border-color:#bbb; } .rs-container .rs-pointer { width:var(--spacing-6); height:var(--spacing-6); background:var(--primary-default); border-radius:100%; cursor:pointer; left:calc(var(--spacing-5) / 2); position:absolute; top:-10px; border:var(--spacing-1) solid var(--tertiary-default) } .rs-container .rs-scale { left:0; position:absolute; top:5px; white-space:nowrap } .rs-tooltip { color:#333; width:auto; min-width:60px; height:30px; position:relative; background:#fff; border:1px solid #00969b; border-radius:3px; position:absolute; transform:translate(-50%, -35px); left:13px; text-align:center; font-size:13px; padding:6px 10px 0 } .rs-container.disabled .rs-tooltip { border-color:#ccc; color:#999 }#goodcar-referral{ display: flex; padding: var(--spacing-5); align-items: flex-start; gap: var(--spacing-5); border-radius: var(--radius-m); background: var(--surface-marine) } #goodcar-referral .content{ display: flex; gap:var(--spacing-5); flex-wrap:wrap } #goodcar-referral .content .details{ display: flex; flex-direction:column; gap:var(--spacing-4); font-size:18px; letter-spacing:-.09px; flex:1 0; min-width:300px } #goodcar-referral .content .banner{ display: flex; align-items:center; flex-direction:column; gap:var(--spacing-2); color: var(--text-body-02); text-align: center; font-size: 14px; letter-spacing:-.07px; flex: 1; min-width: 215px; max-width: 288px; } #goodcar-referral .content .banner .logo{ max-width:140px } #goodcar-referral.mobile .content{ flex-wrap:wrap } #goodcar-referral.mobile .content .details{ font-size:16px; letter-spacing:-.08px; min-width:240px } #goodcar-referral.mobile .content .details .external{ align-self:center; width:100% } #goodcar-referral.mobile .content .banner{ flex: 1; min-width: 215px; max-width: 288px } @media(max-width:640px){ #goodcar-referral.mobile .content .details .external{ align-self:flex-start; width:fit-content } #goodcar-referral.mobile .content .details{ min-width:300px } } @media(max-width:479px){ #goodcar-referral .content .details{ font-size:16px; letter-spacing:-.08px; min-width:240px } #goodcar-referral .content .banner{ flex: 1; max-width: unset } #goodcar-referral .content .details .external{ align-self:center; width:100% } #goodcar-referral.mobile .content .details .external{ align-self:center; width:100% } #goodcar-referral.mobile .content .details{ min-width:unset } #goodcar-referral.mobile .content .banner{ flex: 1; max-width: unset } }@font-face{ font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:local('Inter'), url('/fonts/inter/Regular.woff2?v2') format('woff2'), url('/fonts/inter/Regular.woff?v2') format('woff')}@font-face{ font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:local('Inter Medium'), url('/fonts/inter/Medium.woff2?v2') format('woff2'), url('/fonts/inter/Medium.woff?v2') format('woff')}@font-face{ font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:local('Inter Semibold'), url('/fonts/inter/SemiBold.woff2?v2') format('woff2'), url('/fonts/inter/SemiBold.woff?v2') format('woff')}@font-face{ font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:local('Inter Bold'), url('/fonts/inter/Bold.woff2?v2') format('woff2'), url('/fonts/inter/Bold.woff?v2') format('woff')}:root{ --marine-blue-25:#f4f6f6; --marine-blue-50:#e6ebec; --marine-blue-65:#DAE6E9; --marine-blue-75:#CCDCDF; --marine-blue-200:#8aa4a7; --marine-blue-300:#547b7f; --marine-blue-400:#336166; --marine-blue-500:#003a40; --marine-blue-600:#00353a; --acid-green-50:#f2fae6; --acid-green-100:#d6efb0; --acid-green-150:#C8EA95; --acid-green-200:#c2e88a; --acid-green-500:#7acc00; --acid-green-800:#437000; --acid-green-850:#335600; --acid-green-900:#243D00; --night-blue-500:#081f2c; --white:#ffffff; --neutral-50:#f6f6f6; --neutral-100:#ededed; --neutral-200:#e0e0e0; --neutral-300:#c7c7c7; --neutral-500:#959595; --neutral-600:#808080; --neutral-900:#181818; --error-50:#fdede8; --error-500:#ec4a17; --error-600:#d74315; --warning-50:#fffbe6; --warning-500:#ffd600; --warning-800:#8c7600; --success-50:#f0f7e6; --success-100:#f2fae6; --success-200:#D6EFB0; --success-500:#6bb200; --success-700:#4c7e00; --success-800:#335600; }:root{ --primary-default:var(--marine-blue-500); --primary-hover:var(--marine-blue-400); --primary-active:var(--marine-blue-600); --primary-disabled:var(--marine-blue-50); --secondary-default:var(--marine-blue-50); --secondary-hover:var(--marine-blue-65); --secondary-active:var(--marine-blue-75); --ai-primary-default:var(--acid-green-850); --ai-primary-hover:var(--acid-green-800); --ai-primary-active:var(--acid-green-900); --ai-secondary-default:var(--acid-green-100); --ai-secondary-hover:var(--acid-green-150); --ai-secondary-active:var(--acid-green-200); --tertiary-default:var(--neutral-50); --tertiary-hover:var(--neutral-100); --tertiary-active:var(--neutral-200); --success-text:var(--success-700); --success-bg:var(--success-500); --success-ghost-bg:var(--success-50); --warning-text:var(--warning-800); --warning-bg:var(--warning-500); --warning-ghost-bg:var(--warning-50); --error-text:var(--error-600); --error-bg:var(--error-500); --error-ghost-bg:var(--error-50); --text-primary-default:var(--marine-blue-500); --text-primary-hover:var(--marine-blue-400); --text-primary-active:var(--marine-blue-600); --text-primary-disabled:var(--marine-blue-200); --text-body-01:var(--neutral-900); --text-body-02:var(--neutral-600); --text-body-01-inverse:var(--white); --text-body-02-inverse:var(--neutral-300); --text-link-default:var(--marine-blue-300); --text-link-hover:var(--marine-blue-200); --text-link-active:var(--marine-blue-400); --text-ai-default:var(--acid-green-850); --text-ai-hover:var(--acid-green-800); --text-ai-active:var(--acid-green-900); --text-ai-disabled:var(--acid-green-200); --border-light:var(--neutral-200); --border-dark:var(--neutral-500); --surface-white:var(--white); --surface-marine:var(--marine-blue-25); --surface-01:var(--neutral-50); --surface-02:var(--neutral-100); --surface-03:var(--neutral-300); --surface-ai:var(--acid-green-50); --text-body-01-inverse-icon:invert(100%); --text-body-01-icon:invert(5%) sepia(2%) saturate(206%) hue-rotate(314deg) brightness(109%) contrast(92%); --text-body-02-icon:invert(55%) sepia(11%) saturate(3%) hue-rotate(333deg) brightness(89%) contrast(87%); --text-body-03-icon:invert(68%) sepia(88%) saturate(1%) hue-rotate(51deg) brightness(100%) contrast(89%); --text-primary-default-icon:invert(18%) sepia(16%) saturate(3326%) hue-rotate(144deg) brightness(92%) contrast(102%); --text-primary-hover-icon:invert(32%) sepia(48%) saturate(391%) hue-rotate(138deg) brightness(92%) contrast(90%); --text-primary-active-icon:invert(18%) sepia(19%) saturate(2551%) hue-rotate(141deg) brightness(88%) contrast(105%); --text-primary-disabled-icon:invert(67%) sepia(13%) saturate(415%) hue-rotate(138deg) brightness(94%) contrast(84%); --text-ai-default-icon:invert(27%) sepia(28%) saturate(2056%) hue-rotate(46deg) brightness(97%) contrast(105%); --text-ai-hover-icon:invert(27%) sepia(95%) saturate(1488%) hue-rotate(60deg) brightness(94%) contrast(103%); --text-ai-active-icon:invert(20%) sepia(22%) saturate(2561%) hue-rotate(47deg) brightness(93%) contrast(102%); --text-ai-disabled-icon:invert(85%) sepia(52%) saturate(319%) hue-rotate(29deg) brightness(96%) contrast(92%); --success-text-icon:invert(40%) sepia(66%) saturate(5886%) hue-rotate(63deg) brightness(98%) contrast(104%); --warning-text-icon:invert(38%) sepia(26%) saturate(4033%) hue-rotate(37deg) brightness(95%) contrast(101%); --error-text-icon:invert(35%) sepia(93%) saturate(3216%) hue-rotate(355deg) brightness(87%) contrast(92%); }h1, h2, h3, h4, h5, h6{ font-size:16px; text-align:left; font-weight:700; margin:0 } .h1{ font-size:44px; font-weight:700; line-height:1.2; letter-spacing:-1.3px } .h2{ font-size:36px; font-weight:700; line-height:1.2; letter-spacing:-.9px } .h3{ font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-.6px } .h4{ font-size:24px; font-weight:600; line-height:1.2; letter-spacing:-.4px } .h5{ font-size:18px; font-weight:700; line-height:1.2; letter-spacing:-.09px } .h1 span, .h2 span, .h3 span, .h4 span, .h5 span{ color:var(--text-primary-default) } .mobile .h1{ font-size:32px; letter-spacing:-.7px } .mobile .h2{ font-size:28px; letter-spacing:-.6px } .mobile .h3{ font-size:24px; letter-spacing:-.4px } .mobile .h4{ font-size:20px; letter-spacing:-.3px } .mobile .h5{ font-size:16px; letter-spacing:0 } @media(max-width:479px) { .h1{ font-size:32px; letter-spacing:-.7px } .h2{ font-size:28px; letter-spacing:-.6px } .h3{ font-size:24px; letter-spacing:-.4px } .h4{ font-size:20px; letter-spacing:-.3px } .h5{ font-size:16px; letter-spacing:0 } }*{ box-sizing:border-box; scroll-margin-top:72px}:root{ --container-width-max:1392px; --spacing-1:4px; --spacing-2:8px; --spacing-3:12px; --spacing-4:16px; --spacing-5:24px; --spacing-6:32px; --spacing-7:40px; --spacing-8:48px; --spacing-9:64px; --spacing-10:80px; --spacing-11:120px; --spacing-neg-1:-4px; --spacing-neg-2:-8px; --spacing-neg-3:-12px; --spacing-neg-4:-16px; --spacing-neg-5:-24px; --spacing-neg-6:-32px; --spacing-neg-7:-40px; --radius-none:0; --radius-xs:4px; --radius-s:8px; --radius-m:12px; --radius-l:16px; --radius-xl:24px; --radius-rounded:50%}body{ vertical-align:baseline; background:#fff; margin:0; padding:0; border:0; outline:0 none; color:#000; font-family:'Inter',Arial,Helvetica,sans-serif; font-size:16px; line-height:1.4; letter-spacing:0; font-weight:400} a{ color:var(--text-link-default); text-decoration:none; transition:color .4s, background .4s}a:hover{ color:var(--text-link-hover)}a:active{ color:var(--text-link-active)}a.link{ color:var(--text-link-default); text-decoration:none; transition:color .4s, background .4s; width:fit-content; font-weight:500; border-bottom:1px solid transparent}a.link:hover{ color:var(--text-link-hover); border-color:var(--text-primary-hover)}a.link:active{ color:var(--text-link-active)}table{ border-spacing:0}img{ width:100%; max-width:100%; height:auto}strong,th{ font-weight:inherit; text-align:inherit}address,var{ font-size:inherit; font-weight:inherit; font-style:inherit; display:inline}p{ margin:var(--spacing-4) 0}button{ appearance:none; border:0; font-family:'Inter',Arial,Helvetica,sans-serif; background:inherit; font:inherit;}::-webkit-scrollbar{ width:4px; height:8px}body::-webkit-scrollbar{ width:8px; height:8px}::-webkit-scrollbar-track{ background:var(--surface-02); border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{ background:var(--surface-03); border-radius:var(--radius-xs); cursor:grab} .divider{ display:flex; width:340px; max-width:100%; padding:var(--spacing-2) var(--spacing-4); align-items:flex-start; background:var(--surface-white)}.divider:after{ content:""; width:100%; height:1px; background:var(--border-light);} .iframe-16-9{ position:relative; overflow:hidden; width:100%; padding-top:56.25%}.responsive-iframe{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%} iframe{ max-width:100%; border:0}.text-bold{ font-weight:700}.hide{ clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px!important; z-index:-1000; -webkit-user-select:none}.w100{ width:100%}.overflow-hidden{ overflow:hidden}textarea{ resize:none; width:100%; font-size:18px; min-height:5rem; border:1px solid #333; border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); border-radius:10px; padding:var(--spacing-3); font-family:'Inter',Arial,Helvetica,sans-serif}select{ font:inherit; letter-spacing:inherit; word-spacing:inherit; cursor:pointer} #header,.container{ width:100%; max-width:var(--container-width-max); margin:0 auto} #header{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:var(--spacing-3) 0 0; background:var(--surface-white)}#header .left{ display:flex; justify-content:space-between; align-items:center; gap:var(--spacing-5)}#header .logo,#footer .logo{ width:192px; line-height:1}#header .menu{ display:flex; align-items:center}#header .other-countries{ display:flex; gap:var(--spacing-2); align-items:center}#header .other-countries button,#header .other-countries a{ display:flex; align-items:center; transition:background .4s; color:var(--text-body-01); height:48px; line-height:1; padding:0;}#header .other-countries a{ filter:grayscale(1); opacity:.3; transition:opacity .4s}#header .other-countries button img,#header .other-countries img{ width:24px; height:24px; min-width:24px; min-height:24px}#header .other-countries button .leftside,#header .other-countries .leftside{ min-width:24px; min-height:24px; margin-right:var(--spacing-1)}#header .other-countries button .title,#header .other-countries .title{ display:block; line-height:1.5; font-size:14px;}#header .other-countries .countries-dropdown{ display:none; position:absolute; width:100%; z-index:1; border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); overflow:hidden}#header .other-countries a:hover{ filter:none; opacity:1}#header .other-countries a:active{ opacity:1}#header .other-countries button .expand{ transition:transform .4s; fill:var(--text-body-02); margin:0 var(--spacing-2); min-width:24px; min-height:24px; flex:1;}@media (max-width:479px) { #header .other-countries button { max-width:120px; }}@media (pointer:fine) { #header .other-countries:hover .countries-dropdown{ display:block; border-color:var(--tertiary-hover) } #header .other-countries:hover button{ border-color:var(--primary-hover) } #header .other-countries:hover button .expand{ transform:rotate(180deg); fill:var(--text-primary-default) }}#header .other-countries.active .countries-dropdown{ display:block; border-color:var(--tertiary-hover)} #header .other-countries.active button{ border-color:var(--primary-hover)}#header .other-countries.active button .expand{ transform:rotate(180deg)} #footer{ width:100%; background:var(--surface-01); margin-top:var(--spacing-9); padding:var(--spacing-7) 0}#footer .top,#footer .bottom{ width:100%; max-width:var(--container-width-max); margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--spacing-5)}#footer .top .contacts{ width:100%; display:flex; flex-direction:column; gap:var(--spacing-3)}#footer .top{ padding-bottom:var(--spacing-6); border-bottom:2px solid var(--border-light)}#footer .top .contacts .title{ font-weight:700}#footer .copyright{ letter-spacing:-.07px; font-size:14px; color:var(--text-body-02); padding:var(--spacing-4) 0}#footer .links{ display:flex; align-items:center; justify-content:space-between; width:100%; flex-wrap:wrap; gap:var(--spacing-3)}#footer .links .social-networks{ display:flex; gap:var(--spacing-2)}#header .breadcrumbs-main{ order:4} #comparelistchange{ position:fixed; top:0; left:0; right:0; background:var(--marine-blue-500); color:#fff; padding:16px; display:none; justify-content:center}#comparelistchange.active{ display:flex}#comparelistchange.active.removed .added{ display:none}#comparelistchange.active.removed .removed{ display:block}#comparelistchange.active.added .added{ display:block}#comparelistchange.active.added .removed{ display:none} #feedbackPopupWrap{ display:none; position:fixed; top:0; bottom:0; left:0; right:0; align-items:center; justify-content:center; z-index:1000}#feedbackPopupWrap .wrap{ width:100%; height:100%; display:flex}#feedbackPopupWrap .overlay{ position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.8); z-index:5; cursor:pointer}#feedbackPopupWrap.active{ display:flex} .button-basic.share-link-button{ display:none}.button-basic.share-link-button.inline{ display:flex}.share-link-heading .button-basic.share-link-button{ margin-left:var(--spacing-2)}.share-link-heading:hover .button-basic.share-link-button{ display:inline-flex; height:auto; vertical-align:middle} @media(max-width:1439px){ #header, #footer .top, #footer .bottom, .container{ max-width:100%; max-width:-webkit-fill-available; margin-left:var(--spacing-7); margin-right:var(--spacing-7) }}@media(max-width:1279px){ #header{ gap:var(--spacing-4) 0 } #header .logo{ width:166px } #footer .menu-bottom li a{ font-size:16px; letter-spacing:-.08px; }}@media(max-width:767px){ #header, #footer .top, #footer .bottom, .container{ margin-left:var(--spacing-4); margin-right:var(--spacing-4) } #header .left{ width:100% } #header .menu{ margin:0 auto }}@media(max-width:479px){ #header .left, #header .menu{ width:100% } #header .logo{ width:140px } #header .left{ gap:unset } #header .other-countries button, #header .other-countries a{ height:40px } #header .other-countries button .title, #header .other-countries .title{ font-size:16px; line-height:1.5; letter-spacing:-.08px } .iframe-16-9{ padding-top:0; height:400px }}input[type="text"], input[type="tel"], input[type="number"], input[type="email"]{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border:2px solid var(--border-light); padding:var(--spacing-3); max-width:100%; min-width:1px; width:100%; font-size:18px; background:var(--surface-white); border-radius:var(--radius-m); font-family:'Inter', Arial, Helvetica, sans-serif } input:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px #e4eaf1 inset } input[type="text"]::-webkit-input-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]::-placeholder, input[type="text"]::-ms-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]::-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]::-placeholder, input[type="email"]::-ms-input-placeholder{ font-family:'Inter',Arial,Helvetica,sans-serif; opacity:.7; font-weight:200 } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{ z-index:1 } input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="text"]:disabled + .after, input[type="tel"]:disabled + .after, input[type="number"]:disabled + .after, input[type="email"]:disabled + .after{ opacity:.3 } .input-additional{ position:relative; overflow:hidden } .input-additional.switcher input{ display:none } .input-additional.switcher input.active{ display:inline } .input-additional .before, .input-additional .after{ position:absolute; left:10px; top:50%; transform:translate(0, -50%); color:var(--text-body-02); font-size:18px; line-height:1.5; letter-spacing:-.09px; user-select:none } .input-additional .after{ right:10px; left:unset } .input-additional .after.switcher-basic{ right:4px } .input-additional .after.switcher-basic .items{ box-shadow:none; padding:0 } .input-additional .after.switcher-basic .items .item{ font-size:14px } .input-additional .after.switcher-basic .items .item:not(.active){ color:var(--text-body-02) } .input-additional .after.switcher-basic .items .item svg{ height:20px } .input-additional .after.switcher-basic .items .item.active svg{ width:20px } .input-fields input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]){ display:flex; align-items:center; margin:1rem 0; border:none; border-radius:12px; width:100%; background:var(--bg10); height:56px; padding:16px 12px 0; font-size:16px; outline:none; border:1px solid transparent; transition:border .4s; background:#fff; border:1px solid #959595 } .input-fields input::placeholder{ opacity:0 } .input-fields input:focus-visible{ border:1px solid var(--marine-blue-500) } .input-fields input:focus-visible::placeholder{ opacity:1 } .input-fields input.false{ border:1px solid var(--error) } .input-fields .value{ display:block; max-width:100%; position:relative } .input-fields label{ width:100% } .input-fields label:focus-within input{ background:#fff } .input-fields label p, .input-fields .value span{ z-index:1; position:absolute; margin:1em 0; left:12px; top:0; display:block; user-select:none; color:var(--text02); transition:top .4s,font-size .4s,left .4s } .input-fields label:focus-within p, .input-fields label.focused p, .input-fields label:focus-within .value span, .input-fields label.focused .value span{ top:-7px; font-size:13px } .input-fields .field select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; border:1px solid transparent; border-radius:12px; width:100%; background:var(--bg10); height:56px; font-size:16px; font-weight:400; color:#000; margin:0; padding:1rem 0 0 1rem; outline:none; transition:border .4s; cursor:pointer; position:relative } .input-fields .field select:after{ content:""; background:url(/images/icons/chevron_icon.svg); width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem; margin-top:0.35rem; margin-left:0.5rem; display:block; float:right; transition:transform .4s } .input-fields .field select option{ padding:0; min-height:unset; color:#000 } .input-fields .field .field.check input, .input-fields .field .field.check select{ background-color:#ffcccc }.button-basic{ display:flex; height:48px; padding:0 var(--spacing-4); justify-content:center; align-items:center; gap:var(--spacing-2); flex-shrink:0; border-radius:var(--radius-m); font-size:20px; color:var(--text-body-01); text-align:center; font-family:Inter; font-style:normal; font-weight:500; line-height:27px; letter-spacing:-.3px; cursor:pointer; width:fit-content; background:transparent; user-select:none; border:none; white-space:nowrap; transition:background .4s, opacity .4s}.button-basic.img-only{ padding:0}.button-basic.img-only span:not(.replace){ display:none}.button-basic.expand{ width:100%} .button-basic .replace{ display:flex; gap:inherit; align-items:center; justify-content:center}.button-basic img,.button-basic svg{ width:24px; height:24px; min-width:24px}.button-basic.disabled{ opacity:.3; pointer-events:none}.button-basic.disabled.compare-button-car{ pointer-events:auto} .button-basic.size-xl{ height:56px}.button-basic.size-l{ font-size:18px}.button-basic.size-m{ height:40px; font-size:16px}.button-basic.size-s{ height:32px; font-size:16px}.button-basic.img-only.size-xl{ width:56px}.button-basic.img-only.size-l{ width:48px}.button-basic.img-only.size-m{ width:40px}.button-basic.img-only.size-s{ width:32px} .button-basic.outline{ border:2px solid var(--border-light)}.button-basic.outline:hover{ background:var(--tertiary-hover); color:inherit}.button-basic.outline:active{ background:var(--tertiary-active)} .button-basic.primary{ background:var(--primary-default); color:var(--text-body-01-inverse);}.button-basic.primary:hover{ background:var(--primary-hover)}.button-basic.primary:active{ background:var(--primary-active)}.button-basic.primary img{ filter:var(--text-body-01-inverse-icon)}.button-basic.primary svg use{ fill:var(--text-body-01-inverse)} .button-basic.flat{ border-color:transparent}.button-basic.flat:hover{ background:var(--tertiary-hover); color:var(--text-body-01);}.button-basic.flat:active{ background:var(--tertiary-active); color:var(--text-body-01);} .button-basic.secondary{ background:var(--secondary-default); color:var(--primary-default)}.button-basic.secondary:hover{ background:var(--secondary-hover)}.button-basic.secondary:active{ background:var(--secondary-active)}.button-basic.secondary img{ filter:var(--text-primary-default-icon)}.button-basic.secondary svg use{ fill:var(--text-primary-default)} .button-basic.success{ border-color:transparent}.button-basic.success:hover{ background:var(--success-ghost-bg); color:var(--success-text);}.button-basic.success:active{ background:var(--success-bg); color:var(--success-text);}.button-basic.success svg use{ fill:var(--success-text)} .button-basic.ai{ background:var(--ai-secondary-default); color:var(--text-ai-default)}.button-basic.ai:hover{ background:var(--ai-secondary-hover)}.button-basic.ai:active{ background:var(--ai-secondary-active)}.button-basic.ai img{ filter:var(--text-ai-default-icon)}.button-basic.ai svg use{ fill:var(--text-ai-default)} .button-basic.warning{ background:var(--warning-bg); color:var(--text-body-01)} .button-basic.dislike svg{ transform:rotate(180deg)}.hint-ui{ display:flex; width:288px; padding:var(--spacing-2); flex-direction:column; align-items:flex-start; gap:var(--spacing-2); border-radius:var(--radius-s); border:2px solid var(--border-light); background:var(--surface-01); position:absolute; z-index:1; font-size:14px; min-width:168px; right:0 } .hint-ui:before{ content:""; position:absolute; right:12px; top:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid var(--border-light) } .hint-ui.fit{ width:fit-content } .hint-ui.bottom{ bottom:100%; bottom:calc(100% + 8px) } .hint-ui.bottom:before{ border-bottom:0; border-top:6px solid var(--border-light); top:unset; bottom:-8px } .hint-ui.top{ top:100%; top:calc(100% + 8px) } .hint-ui.top:before{ border-top:0; border-bottom:6px solid var(--border-light); bottom:unset; top:-8px } .hint-ui.left{ right:unset; left:-8px } .hint-ui.left:before{ right:unset; left:12px } @media(max-width:767px){ .hint-ui{ width:180px } .hint-ui.fit{ width:fit-content } .hint-ui.left{ right:180px; left:-180px; transform:translate(50%) } .hint-ui.left:before{ right:unset; left:94px } }.tabs-wrap{ display: flex; align-items: center; gap:var(--spacing-2); overflow-x:auto; position:relative}.tabs-item{ display:flex; height:40px; padding:0 var(--spacing-4); justify-content:center; align-items:center; gap:var(--spacing-2); border-radius:var(--radius-m); border:2px solid var(--border-light); letter-spacing:-.08px; white-space:nowrap; color:var(--text-body-01); font-weight:400; user-select:none; cursor:pointer; transition:background .4s}.tabs-item:hover{ background:var(--tertiary-hover); color:var(--text-body-01)}.tabs-item:active{ background:var(--tertiary-active)}.tabs-item.selected{ background:var(--primary-default); border-color:var(--primary-default); color:var(--text-body-01-inverse)}.tabs-item.disabled{ opacity:.3; user-select:none; pointer-events:none} .tabs-wrap.wrapped{ flex-wrap:wrap}.tabs-wrap.overflowed{ padding-bottom:var(--spacing-2)}.snackbar-basic{ width:430px; max-width:100%; padding:var(--spacing-2) var(--spacing-4); display:flex; gap:var(--spacing-2); align-items:center; font-size:16px; line-height:150%; letter-spacing:-.08px; position:fixed; right:80px; min-height:56px; bottom:110px; border-radius:var(--radius-m); z-index:1; transition:transform 0.3s ease-out, opacity 0.3s ease-out;}.snackbar-basic:has(button.img-only) button.secondary { padding-inline: var(--spacing-2);}.snackbar-basic:has(button.img-only) { padding-right: var(--spacing-2);}.snackbar-basic:not(.inline){ transform:translateY(100%); opacity:0; display:none}.snackbar-basic.inline{ display:none; position:relative; width:fit-content; bottom:unset; right:unset; left:unset}.snackbar-basic.active{ display:flex; transform:translateY(0); opacity:1}.snackbar-basic.inline.active{ display:inline-block; max-width:688px; min-height:unset}.snackbar-basic.active:not(.inline){ transform:translateY(0)}.snackbar-basic.inline.expand{ width:100%; max-width:100%; display:flex}.snackbar-basic .info{ width:100%}.snackbar-basic .button-basic{ margin-left:auto}.snackbar-basic.primary{ background:var(--primary-default); color:var(--text-body-01-inverse)}.snackbar-basic.secondary{ background:var(--secondary-default); color:var(--primary-default)}.snackbar-basic.warning{ background:var(--warning-ghost-bg); color:var(--warning-text)}.snackbar-basic.success{ background:var(--success-ghost-bg); color:var(--success-text)} @media(max-width:767px){ .snackbar-basic{ right:20px }}@media(max-width:479px){ .snackbar-basic{ left:20px; width:auto; bottom:20px }}@media(max-width:430px){ .snackbar-basic{ right:10px; left:10px; }}.switcher-basic{ display:flex; flex-direction:column; gap:var(--spacing-1); overflow-x:auto } .switcher-basic .items{ display:flex; padding:var(--spacing-1); align-items:center; border-radius:var(--radius-m); box-shadow:inset 0 0 0 2px var(--secondary-active); background:var(--surface-white); width:fit-content } .switcher-basic .items .item{ display:flex; height:40px; padding:0 var(--spacing-3); justify-content:center; align-items:center; border-radius:var(--radius-s); background:var(--surface-white); color:var(--text-body-01); font-weight:400; line-height:1.5; letter-spacing:-.08px; user-select:none; cursor:pointer; border:2px solid transparent; transition:background .4s; font-size:16px } .switcher-basic .items .item:hover{ background:var(--tertiary-hover) } .switcher-basic .items .item:active{ background:var(--tertiary-active) } .switcher-basic .items .item.active{ border-color:var(--secondary-active); background:var(--secondary-default); color:var(--primary-default); pointer-events:none; gap:var(--spacing-1); font-weight:500 } .switcher-basic .items .item.active img{ filter:var(--text-primary-default-icon) } .switcher-basic .items .item.active svg use{ fill:var(--text-primary-default) } .switcher-basic .items .item img{ width:0; height:24px; transition:width .4s } .switcher-basic .items .item.active img{ display:block; width:24px } .switcher-basic .items .item svg{ width:0; height:24px; transition:width .4s } .switcher-basic .items .item.active svg{ display:block; width:24px } .switcher-basic .values .value{ display:none } .switcher-basic .values .value.active{ display:block } .switcher-basic.size-s .items .item{ height: 32px; font-size: 14px; letter-spacing: -0.1px; padding:0 var(--spacing-2) }.select-items{ padding:var(--spacing-2); border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); z-index:50; margin-top:8px; max-height:300px; overflow-y:auto } .select-items .select-item{ line-height:27px; font-size:18px; letter-spacing:-.09px; display:block; padding:var(--spacing-3) var(--spacing-4); border-radius:var(--radius-m); max-height:70px; height:fit-content; color:var(--text-body-01); transition:background .4s; cursor:pointer } .select-items .select-item:hover{ background:var(--tertiary-active); color:var(--text-body-01) }.dropdown-basic { position: relative; } .dropdown-basic button, /* Target the element */ select.dropdown-basic { margin: 0; padding: 0; list-style: none; border-radius: var(--radius-m); border: 2px solid var(--border-light); background: var(--surface-white); font-size: 16px; width: 100%; display: flex; align-items: center; padding-left: var(--spacing-3); transition: background 0.4s; color: var(--text-body-01); height: 48px; white-space: nowrap; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.dropdown-basic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_9693_13699' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9693_13699)'%3E%3Cpath d='M12.5 15.3746L6.5 9.37461L7.9 7.97461L12.5 12.5746L17.1 7.97461L18.5 9.37461L12.5 15.3746Z' fill='%23808080'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; padding-right: var(--spacing-5); } select.dropdown-basic:focus-visible { outline: none; border-color: var(--primary-active); } .dropdown-basic button, .dropdown-basic .dropdown-items a { display: flex; align-items: center; padding-left: var(--spacing-3); transition: background .4s; color: var(--text-body-01); white-space: nowrap; line-height: 1; } .dropdown-basic .dropdown-items a { padding-inline: var(--spacing-3); padding-block: var(--spacing-3); border-radius: var(--radius-m); margin-right: var(--spacing-1); } .dropdown-basic button span { flex: 1; font-size: 16px; min-height: fit-content; text-align: left; line-height: 150%; text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap; } .dropdown-basic button svg, .dropdown-basic .dropdown-items svg { width: 24px; height: 24px; min-width: 24px; min-height: 24px; } .dropdown-basic button .leftside, .dropdown-basic .dropdown-items .leftside { margin-right: var(--spacing-2); } .dropdown-basic button .title, .dropdown-basic .dropdown-items .title { display: block; font-size: 16px; line-height: 150%; } .dropdown-basic .dropdown-container { display: none; position: absolute; border-radius: var(--radius-m); padding-top: var(--spacing-2); overflow: hidden; min-width: fit-content; z-index: 1; } .dropdown-basic .dropdown-items { border-radius: var(--radius-m); border: 2px solid var(--border-light); background: var(--surface-white); overflow: hidden; max-height: 450px; min-width: fit-content; padding: var(--spacing-2); } .dropdown-basic .dropdown-items .dropdown-list { overflow: auto; max-height: 430px; } .dropdown-basic .dropdown-items a:hover { background: var(--tertiary-hover); } .dropdown-basic .dropdown-items a:active { background: var(--tertiary-active); } .dropdown-basic button .expand { transition: transform .4s; fill: var(--text-body-02); margin: 0 var(--spacing-2); } .dropdown-basic:hover .dropdown-container { display: block; border-color: var(--tertiary-hover); z-index: 2; } .dropdown-basic:hover button { border-color: var(--primary-hover); } .dropdown-basic:hover button .expand { transform: rotate(180deg); fill: var(--text-primary-default); } .dropdown-basic.active .dropdown-container { display: block; } .dropdown-basic.active .dropdown-items { display: block; border-color: var(--tertiary-hover); } .dropdown-basic.active button { border-color: var(--primary-hover); } .dropdown-basic.active button .expand { transform: rotate(180deg); } .dropdown-basic .dropdown-items .subtitle { display: flex; align-items: center; padding-left: var(--spacing-3); transition: background .4s; color: var(--text-body-01); height: 41px; white-space: nowrap; line-height: 1; font-size: 14px; color: var(--text-body-02); line-height: 1.5; letter-spacing: -0.08px; } .chip-basic:not(.button-basic){ display:flex; height:var(--spacing-7); min-width:var(--spacing-8); padding:0 var(--spacing-2); justify-content:center; align-items:center; gap:var(--spacing-1); flex-shrink:0; border-radius:var(--radius-m); background:var(--tertiary-default); width:fit-content; color: var(--text-body-01); line-height:1.5; letter-spacing:-.08px; border: 2px solid transparent; cursor:pointer; transition:background .4s } .chip-basic:hover{ background:var(--tertiary-hover) } .chip-basic:active{ background:var(--tertiary-active) } .chip-basic.active{ color:var(--text-primary-active); font-weight:500; border-color:var(--secondary-active); background: var(--secondary-default) } .chip-basic.active:hover{ color:var(--text-primary-hover); background: var(--secondary-hover) } .chip-basic.active:active{ color:var(--text-primary-active); background: var(--secondary-active) } .chip-basic.active:after{ content:""; width:24px; height:24px; display:block; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Ik04LjQgMTcuMDAwNEw3IDE1LjYwMDRMMTAuNiAxMi4wMDA0TDcgOC40MjUzOUw4LjQgNy4wMjUzOUwxMiAxMC42MjU0TDE1LjU3NSA3LjAyNTM5TDE2Ljk3NSA4LjQyNTM5TDEzLjM3NSAxMi4wMDA0TDE2Ljk3NSAxNS42MDA0TDE1LjU3NSAxNy4wMDA0TDEyIDEzLjQwMDRMOC40IDE3LjAwMDRaIi8+PC9nPjwvc3ZnPg=='); filter:var(--text-primary-default-icon); background-size: contain; transition:filter .4s } .chip-basic.active:hover:after{ filter:var(--text-primary-hover-icon) } .chip-basic.active:active:after{ filter:var(--text-primary-active-icon) }.slider-basic{ height:var(--spacing-5); position:relative } .slider-basic .line-basic, .slider-basic .line-fill{ background:var(--secondary-default); height:var(--spacing-1); left:0; position:absolute; top:5px; width:100%; border-radius:2px } .slider-basic .line-fill{ background:var(--primary-default); width:0 } .slider-basic .pointer{ width:var(--spacing-6); height:var(--spacing-6); background:var(--primary-default); border-radius:100%; cursor:grab; margin-left:calc(var(--spacing-neg-6) / 2); position:absolute; top:-10px; border:var(--spacing-1) solid var(--tertiary-default); z-index:5 } .slider-basic .pointer:active{ cursor:grabbing } .slider-basic-mutual{ width:100%; position:relative } .slider-basic-mutual .second{ position:absolute; left:0; top:0; right:0 } .slider-basic-mutual .first .line-fill{ z-index:4; background:var(--secondary-default) } .slider-basic-mutual .second .line-basic{ z-index:1 } .slider-basic-mutual .second .line-fill{ z-index:3 }.checkbox-label-basic{ display:flex; gap:var(--spacing-2); cursor:pointer; font-size:18px; line-height:1.5; letter-spacing:-.09px } .checkbox-toggle-basic{ display:flex; width:var(--spacing-8); height:var(--spacing-5); align-items:flex-start; gap:var(--spacing-1); flex-shrink:0; border:none; appearance:none; border-radius:var(--radius-m); background:var(--tertiary-default); position:relative; justify-content:space-between; cursor:pointer; user-select:none; transition:background .4s } .checkbox-toggle-basic:disabled{ opacity:.5; pointer-events:none } .checkbox-toggle-basic:not(:disabled):hover{ background:var(--tertiary-hover) } .checkbox-toggle-basic:not(:disabled):active{ background:var(--tertiary-active) } .checkbox-toggle-basic:before, .checkbox-toggle-basic:after{ content:""; border-radius:var(--radius-rounded); position:absolute; top:50%; transform:translate(0,-50%) } .checkbox-toggle-basic:before{ width:var(--spacing-4); height:var(--spacing-4); background:var(--surface-white); left:var(--spacing-1) } .checkbox-toggle-basic:after{ width:var(--spacing-2); height:var(--spacing-2); background:transparent; border:2px solid #959595; right:var(--spacing-1) } .checkbox-toggle-basic:checked{ background:var(--primary-default) } .checkbox-toggle-basic:not(:disabled):checked:hover{ background:var(--primary-hover) } .checkbox-toggle-basic:not(:disabled):checked:active{ background:var(--primary-active) } .checkbox-toggle-basic:checked:before{ left:unset; right:var(--spacing-1) } .checkbox-toggle-basic:checked:after{ content:""; background-image:url("data:image/svg+xml;charset=utf-8,"); width:var(--spacing-4); height:var(--spacing-4); border-radius:0; border:none; right:unset; left:var(--spacing-1) } @media(max-width:479px){ .checkbox-label-basic{ font-size:16px } }.ad-banner-class.advertisement.text-ad{ height:1px; width:1px; opacity:0.01; position:absolute; left:-9999px; top:-9999px; pointer-events:none } .spons-container{ overflow:hidden; position:relative } .spons-container .fallback{ display:none } .spons-container .adsbygoogle{ display:block; background:transparent } .spons-container:has(.adsbygoogle[data-ad-status="unfilled"]){ display:none } .spons-container.footer{ width:100%; max-width:var(--container-width-max); height:300px; margin:var(--spacing-9) auto 0 } .spons-container.footer .adsbygoogle{ height:300px }body.no-scroll{ overflow:hidden}.light-gallery{ width:100%; max-width:100%; position:relative}.light-gallery .g-inside{ width:100%; max-width:100%; position:relative}.light-gallery:not(.fullscreen) .g-inside{ overflow:hidden}.light-gallery .g-inside .close{ position:fixed; top:0; align-items:center; justify-content:center; cursor:pointer; right:16px; opacity:.6; display:none}.light-gallery .g-inside .expand{ position:absolute; top:1rem; right:1rem; z-index:1}.light-gallery .g-inside .close:hover,.light-gallery .g-inside .expand:hover{ opacity:1}.light-gallery .main,.light-gallery .g-main{ width:100%; max-width:100%; height:auto; border-radius:var(--radius-m) var(--radius-m) var(--radius-xs) var(--radius-xs)}.light-gallery .full{ position:absolute; top:0; bottom:0; cursor:zoom-in; display:flex; align-items:center}.light-gallery .prev,.light-gallery .next{ position:absolute; display:flex; align-items:center; padding-left:16px; width:50%; top:0; bottom:0; left:0; cursor:pointer; transition:background .4s}.light-gallery .prev:hover,.light-gallery .next:hover{ background:rgba(0,0,0,.1)}.light-gallery .prev:hover{ background:linear-gradient(270deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)}.light-gallery .next:hover{ background:linear-gradient(90deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)}.light-gallery .prev:hover .button-basic,.light-gallery .next:hover .button-basic{ background:var(--secondary-hover)}.light-gallery .next{ border-radius:0 var(--radius-m) var(--radius-xs) 0; left:unset; right:0; padding-left:0; padding-right:16px; justify-content:flex-end}.light-gallery .prev{ border-radius:var(--radius-m) 0 0 var(--radius-xs)}.light-gallery .prev svg{ transform:rotate(-180deg)}.light-gallery .full{ right:30%; width:40%}.light-gallery .g-previews{ width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; overflow:hidden; gap:var(--spacing-1); margin-top:var(--spacing-1)}.light-gallery .g-preview{ width:100%; max-width:calc(100% / 6 - var(--spacing-1) + var(--spacing-1) / 6); height:auto; cursor:zoom-in; position:relative; aspect-ratio: 16 / 9; height: -webkit-fill-available}.light-gallery .g-preview:after{ content: ""; position: absolute; inset: 0; border-radius:var(--radius-xs); box-shadow:inset 0 0 0 2px transparent;} .light-gallery .g-previews img{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-xs); transition:filter .4s}.light-gallery .g-previews .g-preview:hover img{ filter:brightness(.8)}.light-gallery .g-previews.oneline{ flex-wrap:nowrap}.light-gallery .g-previews.oneline img:not(:last-child){ margin-right:1rem}.light-gallery .g-previews .g-preview.active:after{ box-shadow:inset 0 0 0 2px var(--primary-active)} .light-gallery.fullscreen{ position:fixed; z-index:10; background:rgba(0,0,0,.9); bottom:0; left:0; top:0; right:0; max-width:100%; display:flex; margin:0}.light-gallery.fullscreen .g-inside{ padding:48px 0; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; width:auto; overflow:auto; order:1; margin:0 auto; text-align:center}.light-gallery.fullscreen .g-inside .close{ display:flex; opacity:.9; top:10px; z-index:11}.light-gallery.fullscreen .g-inside .expand{ display:none}.light-gallery.fullscreen .g-inside .g-main{ width:auto; max-height:95vh; padding:0 .5rem .5rem; border-radius:0; cursor:zoom-out}.light-gallery.fullscreen .g-inside .g-main.large{ max-width:unset; max-height:unset; width:1200px}.light-gallery.fullscreen .prev,.light-gallery.fullscreen .next{ position:fixed; width:20%}.light-gallery.fullscreen .full{ display:none} .light-gallery.fullscreen .g-previews{ width:100px; padding-left:1rem; display:none}.light-gallery.fullscreen .g-previews img{ max-width:100%; max-height:unset}.light-gallery.fullscreen .g-previews img:first-child{ margin-top:1rem} @media(max-width:992px) { .light-gallery.fullscreen .prev, .light-gallery.fullscreen .next{ display:none }} @media(max-width:767px) { .light-gallery:not(.fullscreen) .g-inside { display: block; overflow: hidden; } .light-gallery{ margin:0 var(--padding-main-neg); max-width:unset; width:unset } .light-gallery .g-previews{ flex-wrap:nowrap; overflow-x:auto; width:100%; -webkit-overflow-scrolling: touch; padding-bottom:var(--spacing-2); min-height:96px } .light-gallery .g-previews .g-preview.active:after{ box-shadow:none } .light-gallery .g-preview{ max-width:33%; min-width:fit-content } .light-gallery .g-inside .close, .light-gallery .g-inside .next .button-basic, .light-gallery .g-inside .prev .button-basic, .light-gallery .g-inside .full{ display:none }} USA Global Cars Compare Charging Savings Blog Home Electric cars Skoda Enyaq Coupe Škoda Enyaq Coupe iV 80 (2022-2023) Škoda Enyaq Coupe iV 80 Years of Production When the car first came out and when they stopped making it 2022-2023 This car is not available in the US, but you can still compare it with other cars Compare In 2023 this car was replaced by: Škoda Enyaq Coupe 85 (2023-2025) Trims Currently Produced 60 Since 2025 85 Since 2025 85x Since 2025 Discontinued iV 60 2022-2023 iV 80 2022-2023 iV RS 2022-2023 60 2023-2024 iV 80x 2023 85 2023-2025 85x 2023-2025 RS 2023-2025 Jump to Specs Savings Charging FAQs Compare Videos Discussion Škoda Enyaq Coupe iV 80 (2022-2023) Specifications and Dimensions Green Cars Compare gathers data from government agencies, vehicle manufacturers, and real owners to provide accurate and accessible EV information. General Info Years of Production When the car first came out and when they stopped making it 2022-2023 (Discontinued) Market Availability EU Country of Manufacture Country where final assembly of the car took place Czech Republic Body Style Vehicle category based on its shape and layout SUV Range and Efficiency Range Range on a full charge: EPA (USA), WLTP (EU), NEDC (EU old), GCC (Green Cars Compare) WLTP EPA GCC 331-348 mi 80 out of 257 No Data 297 mi 77 out of 260 Battery Capacity Nominal (total energy storage), Usable (accessible portion) Nominal Usable 82 kWh 57 out of 170 77 kWh 74 out of 198 Efficiency Higher efficiency means lower energy consumption Energy/Range Range/Energy 25.9 kWh/100 mi 51 out of 215 3.86 mi/kWh 77 out of 245 Charging Max AC Charging 11 kW 10 out of 24 Max DC Charging 143 kW 45 out of 86 Architecture Higher voltage allows to charge faster and use less wiring 400 V Charge Port The port type impacts charging speed and station compatibility CCS Type 2 Performance Drive Type Motor types: PMSM (Permanent Magnet Synchronous), IM (AC Induction), EESM (Externally Excited Synchronous) RWD 1 motor: PMSM Motor Peak power and torque of the car's electric motor(s) Power Torque 150 kW (201 hp) 152 out of 200 229 lb-ft 157 out of 194 0-60 mph Acceleration time from a standstill 8.4 s 68 out of 118 Top Speed The fastest the car can go (max speed) 99 mph 52 out of 72 0.00 s 00 mph Launch Dimensions Length Car's body length (front to back bumper) 183.2 in 113 out of 235 Width Car's body width including or excluding side mirrors with Mirrors w/o Mirrors 84.6 in 37 out of 108 74 in 49 out of 101 Height Car's body height (from ground to highest point) 63.7 in 71 out of 160 Wheelbase Distance between centers of front and rear wheels (affects ride and handling) 108.9 in 80 out of 142 Cargo and Towing Number of Seats Total passenger capacity of the car (including driver) 5 Curb Weight Car's weight without passengers or cargo 4671 lb 260 out of 544 Cargo Volume Cargo capacity: Trunk (rear seats up), Max (rear seats folded), Frunk (front hood) Trunk Max Frunk 20.3 ft³ 60 out of 160 60 ft³ 58 out of 190 No Data Towing Capacity Maximum weight the car can tow safely with a trailer that has its own brakes 2204 lb 40 out of 52 Last Updated: August 30, 2024 Download Specs PDF Fuel Savings If You Switched to Škoda Enyaq Coupe iV 80 (2022-2023) in 5 years you could save $ 5,962 on fuel $2,792 $8,754 Electric ICE EV fuel savings are calculated using the following parameters: Annual mileage: 13,476 mi ICE vehicle efficiency: 24.4 mpg Gasoline price: $3.17 per gallon Electricity price: $0.16 per kWh These estimates exclude factors like fluctuations in gas and electricity prices or car maintenance and insurance costs. Open Savings Calculator Charging Slow (AC) Fast (DC) Home and Office (AC) Charging Fast (DC) Charging This car does not support DC fast charging This car is not is not sold in the USA and therefore not compatible with US charging stations. To see compatible DC chargers, switch your website version to Global NEMA 5-15 Output: 1.8 kW 120 V, 15 A, 1-phase NEMA 5-20 Output: 2.4 kW 120 V, 20 A, 1-phase NEMA 6-20 Output: 4.8 kW 240 V, 20 A, 1-phase NEMA 14-30 Output: 7.2 kW 240 V, 30 A, 1-phase NEMA 14-50 Output: 9.6 kW 240 V, 40 A, 1-phase NEMA 6-50 Output: 9.6 kW 240 V, 40 A, 1-phase Charging power is limited by the car’s on-board charger ( kW) Charging power is limited by the car’s DC charging capability (143 kW) The car only accepts single-phase current (max 240 V) 1 The car’s DC charging capability at 400V stations is limited to 143 kW Time h min Avg. Rate ≈ mph Avg. Power kW Open Charging Calculator AC Charging 20–80% Using a outlet, charging the Škoda Enyaq Coupe iV 80 (2022-2023) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by . For deeper insights like added range, charging costs, and more, plus the ability to tweak settings manually, check out the Charging Calculator. DC Charging 20–80% Using a station, charging the Škoda Enyaq Coupe iV 80 (2022-2023) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by . For deeper insights like added range, charging costs, and more, plus the ability to tweak settings manually, check out the Charging Calculator. Overview Detailed Descriptions The Škoda Enyaq Coupe iV 80 (2022-2023) is an all-electric rear-wheel drive SUV. It came out in 2022. Skoda stopped making the iV 80 in 2023 and replaced it with the Škoda Enyaq Coupe 85 (2023-2025). The car is not available on the US market.The Škoda Enyaq Coupe iV 80 (2022-2023) has a 82 kWh battery pack, allowing it to travel up to 297 mi on a single charge — ranked №201 out of 928 electric vehicles. In 2023 Skoda has simplified its EV naming system, removing the 'iV' suffix to bring all of their vehicles into a single naming style. Frequently Asked Questions How powerful is it? How fast does it accelerate? The Škoda Enyaq Coupe iV 80 (2022-2023) can accelerate from 0 to 60 mph in 8.4 seconds (№68 out of 118 ranked positions, among 928 electric vehicles, with some cars sharing positions) and reach a top speed of 99 mph. The car’s powertrain delivers up to 150 kW (201 hp) of power and 229 lb-ft of torque. How far can it go on single charge? What is the real-world range? Real-world range of the Škoda Enyaq Coupe iV 80 (2022-2023) is 297 miles (№77 out of 260 ranked positions, among 928 electric vehicles, with some cars sharing positions) — depending on several factors, including: Speed: Higher speeds deplete the battery faster. Temperature: Extreme cold and hot weather impacts range. Terrain: Hilly or mountainous terrain reduces range. Driving style: Aggressive driving with frequent acceleration and braking consumes more energy. Use of features: Features like climate control and media system also affect range. It's important to remember that these are just estimates, and your actual range may vary. It's always best to factor in these various factors when planning your trip and be prepared for potential charging stops. Plan your trips using the EV Navigation interactive map. What charging options are available? How long does it take to charge it? In the USA Škoda Enyaq Coupe iV 80 (2022-2023) has a CCS Type 2 charge port. You can charge it at home using a standard domestic socket or plug into any public AC charging station using the right cable. Keep in mind that the car's on-board charger (inverter) limits the maximum AC charging rate to 11 kW, which translates to approximately 38 miles of range added per hour of charging. For quicker charging, consider using a compatible DC fast-charging station. The car boasts a maximum charging rate of 143 kW, but remember that battery temperature and charge level can influence the actual speed you'll experience. Estimate charging time, rate and cost using EV Charging Calculator. How big is it? What are the dimensions (length, width, height)? Here are the dimensions and weight for the Škoda Enyaq Coupe iV 80 (2022-2023): Length: 183.2 in Width: 84.6 in (including side mirrors) or #WIDTH_WO_MIRRORS_VALUE# in (excluding side mirrors) Height: 63.7 in Wheelbase: 108.9 in (distance between the center of the front and rear wheels) Curb weight: 4671 lbs (weight of the empty car, no people or cargo) How much cargo space does it offer? Does it have a front trunk? Here's a breakdown of the Škoda Enyaq Coupe iV 80 (2022-2023) cargo space: Trunk capacity: With the rear seats up, you get 20.3 cubic feet of cargo space in the back (№60 out of 160 ranked positions, among 928 electric vehicles, with some cars sharing positions). Max cargo capacity: Fold down the rear seats, and you open up 60 cubic feet of total cargo space (№58 out of 190 ranked positions, among 928 electric vehicles, with some cars sharing positions). Frunk capacity: The car doesn’t have a “frunk” (front trunk). Is it suitable for towing? What is the maximum towing capacity? The Škoda Enyaq Coupe iV 80 (2022-2023) has a towing capacity (braked) of up to 2204 lbs (maximum weight the car can tow safely with a trailer that has its own brakes). Previous Generation There are no earlier versions of this car Next Generation Škoda Enyaq Coupe 85 (2023-2025) Additional Information User Rating --% --% like this car GCC Score 6.6 / 10 Value for Money 7.5 Range and Efficiency 8.5 Charging 6.5 Performance 3.3 Cargo and Towing 7.1 EV Rankings Real Range 77 out of 260 Efficiency 51 out of 215 DC Charging 45 out of 86 Acceleration 68 out of 118 Trunk Volume 60 out of 160 See All Rankings Safety Ratings NCAP safety rating Similar Electric Cars Audi Q4 Sportback e-tron 40 Not available in the USA Real Range 217 mi 0-60 mph 7.8 s Details Audi Q4 e-tron 40 Not available in the USA Real Range 213 mi 0-60 mph 7.8 s Details Škoda Enyaq 60 Not available in the USA Real Range 229 mi 0-60 mph 7.8 s Details Škoda Enyaq Coupe 60 Not available in the USA Real Range 235 mi 0-60 mph 7.8 s Details Volkswagen ID.4 Pro Performance Not available in the USA Real Range 279 mi 0-60 mph 8.2 s Details Volkswagen ID.5 Pro Performance Not available in the USA Real Range 284 mi 0-60 mph 8.1 s Details Volkswagen ID.4 Standard Produced 2023-… Real Range 198 mi 0-60 mph 7.3 s Price (USA) $39,735 Details Volkswagen ID.4 Pro Discontinued 2022-2024 Real Range 276 mi 0-60 mph 8.2 s Price (USA) $19,999 Details Škoda Enyaq iV 80 Not available in the USA Real Range 285 mi 0-60 mph 8.3 s Details Škoda Enyaq Coupe 85 Not available in the USA Real Range 307 mi 0-60 mph 6.4 s Details Similar Range WLTP GCC 348 mi 0% NIO ET5 Touring Long Range (2023-…) 348 mi 0% Mercedes EQA 250+ (2023-…) 348 mi 0% BMW i7 M70 xDrive (2023-…) 348 mi 0% Cupra Born 77 kWh (2022-…) 348 mi Škoda Enyaq Coupe iV 80 (2022-2023) 348 mi 0% Polestar 3 Long Range Performance (2024-…) 348 mi 0% BMW i5 Touring eDrive40 (2024-2025) 348 mi 0% Xiaomi SU7 (2024-...) 347 mi -0.3% Volkswagen ID.3 Pro S (2024-…) 298 mi +0.3% Volkswagen ID.3 Pro S (2020-2023) 298 mi +0.3% GMC Hummer EV SUV 3X (2023-…) 297 mi 0% BMW i5 Touring eDrive40 (2025-…) 297 mi 0% Hyundai Ioniq 5 Long Range RWD (2024-…) 297 mi Škoda Enyaq Coupe iV 80 (2022-2023) 296 mi -0.3% GMC Hummer EV Pickup 2X (2023-…) 296 mi -0.3% Mercedes EQE 350 4MATIC (2022-…) 296 mi -0.3% Polestar 2 Long Range Dual Motor (2023-…) 296 mi -0.3% Ford Mustang Mach-E California Route 1 AWD (2022-2023) Similar Performance 0-60 mph Torque Power 8.4 s 0% Peugeot e-3008 73 kWh FWD (2024-…) 8.4 s 0% Opel Corsa Electric 50 kWh (2023-…) 8.4 s 0% DS 3 Crossback E-Tense (2020-2022) 8.4 s 0% Škoda Enyaq iV 60 (2021-2023) 8.4 s Škoda Enyaq Coupe iV 80 (2022-2023) 8.4 s 0% Škoda Enyaq 60 (2023-2024) 8.4 s 0% Ford Capri EV Standard Range RWD (2024-…) 8.3 s -1.2% Mercedes EQA 250 (2023-…) 8.3 s -1.2% Mercedes EQA 250+ (2023-…) 229 lb-ft 0% Volkswagen ID.4 1st Edition (2020-2021) 229 lb-ft 0% Audi Q4 Sportback e-tron 35 (2021-2023) 229 lb-ft 0% Audi Q4 e-tron 35 (2021-2023) 229 lb-ft 0% Volkswagen ID.Buzz Pro (2022-2024) 229 lb-ft Škoda Enyaq Coupe iV 80 (2022-2023) 229 lb-ft 0% Audi Q4 e-tron 40 (2021-2024) 229 lb-ft 0% Volkswagen ID.3 Pure Performance (2021-2022) 229 lb-ft 0% Volkswagen ID.3 Pro Performance (2020-2023) 229 lb-ft 0% Volkswagen ID.3 1st Edition (2019-2021) 201 hp 0% Hyundai Kona Electric Long Range (2021-2023) 201 hp 0% Volkswagen ID.Buzz Pro (2022-2024) 201 hp 0% Kia Niro EV Long Range (2018-2022) 201 hp 0% Chevrolet Bolt EV Gen 1 (2017-2019) 201 hp Škoda Enyaq Coupe iV 80 (2022-2023) 201 hp 0% Kia Soul EV Long Range (2020-…) 201 hp 0% Lexus UX 300e (2023-…) 201 hp 0% Volkswagen ID.4 1st Edition (2020-2021) 201 hp 0% Audi Q4 e-tron 40 (2021-2024) Compare Side-by-Side Video Reviews and Test Drives NEW Skoda Enyaq IV 80 Review: Here's Why It's BRILLIANT | 4K AutoTrader 10:44 Škoda Enyaq vRS vs Kia EV6 BMW i4: family electric cars GUARANTEED to make you smile / Electrifying Electrifying 22:02 Graag geziene gast | Skoda Enyaq Coupé iV 80 (2022) | Autovisie Autovisie 10:35 Skoda Enyaq iv80 for 24hrs review and real-world tests of range and running costs. RSymons RSEV 23:09 2023 Skoda ENYAQ iV 80 - Visual review Supergimm 09:45 See All Videos Discussion Share your thoughts, ask questions, and connect with the EV community. No registration required. Comment
Using a outlet, charging the Škoda Enyaq Coupe iV 80 (2022-2023) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by .
For deeper insights like added range, charging costs, and more, plus the ability to tweak settings manually, check out the Charging Calculator.
Using a station, charging the Škoda Enyaq Coupe iV 80 (2022-2023) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by .
The Škoda Enyaq Coupe iV 80 (2022-2023) is an all-electric rear-wheel drive SUV. It came out in 2022. Skoda stopped making the iV 80 in 2023 and replaced it with the Škoda Enyaq Coupe 85 (2023-2025). The car is not available on the US market.
The Škoda Enyaq Coupe iV 80 (2022-2023) has a 82 kWh battery pack, allowing it to travel up to 297 mi on a single charge — ranked №201 out of 928 electric vehicles.
In 2023 Skoda has simplified its EV naming system, removing the 'iV' suffix to bring all of their vehicles into a single naming style.
The Škoda Enyaq Coupe iV 80 (2022-2023) can accelerate from 0 to 60 mph in 8.4 seconds (№68 out of 118 ranked positions, among 928 electric vehicles, with some cars sharing positions) and reach a top speed of 99 mph.
The car’s powertrain delivers up to 150 kW (201 hp) of power and 229 lb-ft of torque.
Real-world range of the Škoda Enyaq Coupe iV 80 (2022-2023) is 297 miles (№77 out of 260 ranked positions, among 928 electric vehicles, with some cars sharing positions) — depending on several factors, including:
It's important to remember that these are just estimates, and your actual range may vary. It's always best to factor in these various factors when planning your trip and be prepared for potential charging stops.
Plan your trips using the EV Navigation interactive map.
In the USA Škoda Enyaq Coupe iV 80 (2022-2023) has a CCS Type 2 charge port.
Estimate charging time, rate and cost using EV Charging Calculator.
Here are the dimensions and weight for the Škoda Enyaq Coupe iV 80 (2022-2023):
Here's a breakdown of the Škoda Enyaq Coupe iV 80 (2022-2023) cargo space:
The Škoda Enyaq Coupe iV 80 (2022-2023) has a towing capacity (braked) of up to 2204 lbs (maximum weight the car can tow safely with a trailer that has its own brakes).