'); 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:48%; 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}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ color:var(--text-body-01); flex: 1;} #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%; max-width:var(--container-width-max); margin:0 auto; gap:var(--spacing-5)}#car-videos .items{ display:flex; gap:var(--spacing-5); overflow-x:auto; padding-bottom:var(--spacing-2)}#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) 0px; 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)}#car-savings .data{ display:flex; flex-wrap: wrap; gap:var(--spacing-5)}#car-savings .data .calculations{ background: var(--surface-marine); 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 .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: center;}#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-videos, #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-videos, #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:nowrap } #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 .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-conter} .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{ background:var(--tertiary-hover)}.car-card-slider .car-card-slider-list .item:active{ background:var(--tertiary-active)}.car-card-slider .car-card-slider-list .item .pic{ height:120px; width:100%; display:flex; align-items:center; justify-content:center}.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:0px 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 }@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-500:#7acc00; --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-500:#6bb200; --success-700:#4c7e00; }: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); --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); --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); --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%); --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; line-height:1.2; letter-spacing:-1.3px } .h2{ font-size:36px; 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) } @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} .container-ads .adsbygoogle{ display:block}.container-ads:has(.adsbygoogle[data-ad-status="unfilled"]){ display:none} .container-ads.footer{ width:100%; max-width:var(--container-width-max); height:300px; margin:var(--spacing-5) auto 0}.container-ads.footer .adsbygoogle{ height:300px} #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 0px 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:0px 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; 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{ 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.warning{ background:var(--warning-bg); color:var(--text-body-01)}.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:0px 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 .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:0px 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; }.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:0px 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 } }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 }} Global USA Cars Compare Charging Savings Blog Home Electric cars Volvo XC40 (EX40) Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 7.2 GCC Score Volvo XC40 Recharge (EX40) Twin Motor Years of Production When the car first came out and when they stopped making it 2022-… Price Europe (new) Manufacturer's suggested base price €59,590 Price Europe (used) Estimated pre-owned price €46,800 Compare Trims Currently Produced Single Motor Since 2022 Single Motor Extended Range Since 2022 Twin Motor Since 2022 Discontinued P8 AWD 2020-2021 Pure Electric 2022 Twin Pure Electric 2022 Jump to Specs Range Map Savings Charging FAQs Compare Videos Discussion Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 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-… (Produced) Available in the USA Yes Country of Manufacture Country where final assembly of the car took place Belgium 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 485-539 km 108 out of 318 409 km 95 out of 164 428 km 134 out of 335 Battery Capacity Nominal (total energy storage), Usable (accessible portion) Nominal Usable 82 kWh 56 out of 162 79 kWh 68 out of 184 Efficiency Higher efficiency means lower energy consumption Energy/Range Range/Energy 18.5 kWh/100 km 57 out of 151 5.42 km/kWh 169 out of 324 Charging Max AC Charging 11 kW 11 out of 25 Max DC Charging 200 kW 27 out of 85 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) AWD 2 motors: IM (front), PMSM (rear) Motor Peak power and torque of the car's electric motor(s) Power Torque 300 kW (402 hp) 88 out of 190 670 Nm 85 out of 192 0-100 km/h Acceleration time from a standstill 4.8 s 29 out of 120 Top Speed The fastest the car can go (max speed) 180 km/h 39 out of 66 0.00 s 000 km/h Launch Dimensions Length Car's body length (front to back bumper) 4425 mm 166 out of 253 Width Car's body width including or excluding side mirrors with Mirrors w/o Mirrors 2034 mm 87 out of 130 1873 mm 71 out of 137 Height Car's body height (from ground to highest point) 1652 mm 68 out of 227 Wheelbase Distance between centers of front and rear wheels (affects ride and handling) 2702 mm 107 out of 166 Cargo and Towing Number of Seats Total passenger capacity of the car (including driver) 5 Curb Weight Car's weight without passengers or cargo 2170 kg 189 out of 440 Cargo Volume Cargo capacity: Trunk (rear seats up), Max (rear seats folded), Frunk (front hood) Trunk Max Frunk 410 l 122 out of 193 1295 l 117 out of 190 31 l 46 out of 54 Towing Capacity Maximum weight the car can tow safely with a trailer that has its own brakes 1800 kg 23 out of 45 Last Updated: July 23, 2024 Download Specs PDF Range Map This interactive map shows the potential driving range on a full battery.For the most accurate range estimates tailored to your location, enable location access. Light green area: Round-trip Dark green area: One-way Show Range Map Hide Range Map Fuel Savings If You Switched to Volvo XC40 Recharge (EX40) Twin Motor (2022-…) in 5 years you could save € 2,149 on fuel €3,364 €5,513 Electric ICE EV fuel savings are calculated using the following parameters: Annual mileage: 12,540 km ICE vehicle efficiency: 5.6 l/100 km Gasoline price: €1.57 per litre Electricity price: €0.29 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 Europe and therefore not compatible with EU charging stations. To see compatible DC chargers, switch your website version to USA EURO 1-Ph 10 A Output: 2.3 kW 230 V, 10 A, 1-phase EURO 1-Ph 16 A Output: 3.7 kW 230 V, 16 A, 1-phase EURO 1-Ph 32 A Output: 7.4 kW 230 V, 32 A, 1-phase EURO 3-Ph 16 A Output: 11.1 kW 400 V, 16 A, 3-phase EURO 3-Ph 32 A Output: 22.2 kW 400 V, 32 A, 3-phase CCS DC 50 kW Output: 50 kW CCS DC 100 kW Output: 100 kW CCS DC 150 kW Output: 150 kW CCS DC 200 kW Output: 200 kW CCS DC 250 kW Output: 250 kW CCS DC 350 kW Output: 350 kW Supercharger V2 Split 75 kW Output: 75 kW Supercharger V2 150 kW Output: 150 kW Supercharger V3 250 kW Output: 250 kW Charging power is limited by the car’s on-board charger (11 kW) Charging power is limited by the car’s DC charging capability (200 kW) The car only accepts single-phase current (max 240 V) 1 The car’s DC charging capability at 400V stations is limited to 200 kW Time h min Avg. Rate ≈ km/h Avg. Power kW Open Charging Calculator AC Charging 20–80% Using a outlet, charging the Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 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 Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 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 Volvo XC40 Recharge (EX40) Twin Motor (2022-…) is an all-electric all-wheel drive SUV. It came out in 2022. Brand new, the car starts around €59,590. The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) has a 82 kWh battery pack, allowing it to travel up to 428 km on a single charge. The car has an average efficiency of 18.5 kWh per 100 km (or 5.42 km per kWh) — ranked №313 out of 852 electric vehicles. Volvo officially changed the name of the XC40 Recharge to the EX40 in 2024 as part of their strategy to streamline their electric vehicle naming conventions. Frequently Asked Questions How powerful is it? How fast does it accelerate? The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) is equipped with a powertrain that delivers up to 300 kW (402 hp) of power and 670 Nm of torque. This enables a 0 to 100 km/h acceleration in 4.8 seconds (№29 out of 120 ranked positions, among 852 electric vehicles, with some cars sharing positions) and a top speed of 180 km/h. How far can it go on single charge? What is the real-world range? The estimated real-world range for Volvo XC40 Recharge (EX40) Twin Motor (2022-…) is 428 km, ranking it №134 out of 335 ranked positions. Several conditions can influence this range: Speed: The battery drains faster at higher speeds. Temperature: Extreme temperatures can impact range. Terrain: Range is reduced on hilly or mountainous terrain. Driving style: Aggressive driving behaviors, such as frequent acceleration and braking, decrease efficiency. Feature utilization: Climate control and media system usage also affect range. These figures are approximations, and your actual driving range may vary. When planning trips, consider these factors and be prepared for potential charging stops. For trip planning assistance, utilize the EV Navigation interactive map. What charging options are available? How long does it take to charge it? The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) in Europe is equipped with a CCS Type 2 charging port. You can charge it conveniently at home using a standard outlet, or utilize any public AC charging station with the appropriate cable. However, the car's built-in charger (inverter) limits the maximum AC charging speed to 11 kW, which translates to roughly 54 km of range added per hour. For faster charging, use DC fast-charging stations. The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) supports a maximum DC charging rate of 200 kW, but it's important to note that battery temperature and current charge level can affect the actual charging speed you'll experience. To estimate charging time, rate, and cost, you can use our EV Charging Calculator. In Europe, this car configuration is limited to a maximum DC fast charging rate of 175 kW. How big is it? What are the dimensions (length, width, height)? Volvo XC40 Recharge (EX40) Twin Motor (2022-…) comes in the following dimensions: Length: 4425 mm Width: 2034 mm (including side mirrors) or 1873 mm (excluding side mirrors) Height: 1652 mm Wheelbase: 2702 mm (distance between the center of the front and rear wheels) Curb weight: 2170 kg (weight of the empty car, no people or cargo) How much cargo space does it offer? Does it have a front trunk? Behind the rear seats of the Volvo XC40 Recharge (EX40) Twin Motor (2022-…), you'll find 410 litres of storage space (№122 out of 193 ranked positions, among 852 electric vehicles, with some cars sharing positions). Folding down the rear seats expands the total cargo capacity to 1295 litres (№117 out of 190 ranked positions, among 852 electric vehicles, with some cars sharing positions). Frunk capacity: The front trunk is called a "frunk", and it offers an additional 31 litres for storing small items. Is it suitable for towing? What is the maximum towing capacity? The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) can safely tow up to 1800 kg, provided that the trailer has its own braking system. Previous Generation Volvo XC40 Recharge (EX40) Twin Pure Electric (2022) Next Generation There are no newer versions of this car Additional Information User Rating 0% 0% like this car You like it too You don’t like it GCC users GCC Score 7.2 / 10 Value for Money 8.7 Range and Efficiency 7.1 Charging 6.8 Performance 6.5 Cargo and Towing 6.8 EV Rankings Real Range 134 out of 335 Efficiency 57 out of 151 DC Charging 27 out of 85 Acceleration 29 out of 120 Trunk Volume 122 out of 193 See All Rankings Safety Ratings NCAP safety rating Similar Electric Cars Zeekr X Privilege AWD Produced 2023-… Real Range 340 km 0-100 km/h 3.8 s Price (Europe) €50,470 Car Details Volvo XC40 Recharge (EX40) Twin Pure Electric Discontinued 2022-2022 Real Range 357 km 0-100 km/h 4.9 s Price (Europe) €39,900 Car Details Volvo XC40 Recharge (EX40) P8 AWD Discontinued 2020-2021 Real Range 345 km 0-100 km/h 4.9 s Price (Europe) €32,980 Car Details Volvo C40 Recharge (EC40) Twin Pure Electric Discontinued 2021-2022 Real Range 362 km 0-100 km/h 4.7 s Price (Europe) €36,900 Car Details Volvo C40 Recharge (EC40) Twin Motor Produced 2022-… Real Range 447 km 0-100 km/h 4.7 s Price (Europe) €61,290 Car Details Smart #3 Brabus Produced 2024-… Real Range 353 km 0-100 km/h 3.7 s Price (Europe) €50,990 Car Details Smart #1 Pulse Produced 2023-… Real Range 340 km 0-100 km/h 4.5 s Price (Europe) €46,490 Car Details Smart #1 Brabus Produced 2023-… Real Range 340 km 0-100 km/h 3.9 s Price (Europe) €48,990 Car Details Similar Range EPA WLTP GCC 414 km +1.2% Tesla Model X 90D (2016-2017) 412 km +0.7% BMW i5 M60 xDrive (2023-…) 412 km +0.7% BMW i4 eDrive35 (2022-2024) 410 km +0.2% Volkswagen ID.4 AWD Pro (2023-2024) 409 km Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 407 km -0.5% Tesla Model S P85D (2014-2016) 407 km -0.5% Kia Niro EV Long Range (2022-…) 407 km -0.5% Audi SQ8 e-tron (2023-…) 407 km -0.5% Audi SQ8 Sportback e-tron (2023-…) 542 km +0.6% Tesla Model Y Long Range AWD (2022-…) 540 km +0.2% Ford Mustang Mach-E Extended Range AWD (2020-2022) 539 km 0% Škoda Enyaq 85x (2023-2025) 539 km 0% Audi Q4 Sportback e-tron 45 quattro (2022-…) 539 km Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 538 km -0.2% BMW i5 xDrive40 (2024-…) 537 km -0.4% Audi Q4 Sportback e-tron 55 quattro (2023-…) 537 km -0.4% Volkswagen ID.4 Pro Performance (2021-2023) 536 km -0.6% Nissan Ariya 87 kWh FWD (2021-…) 429 km +0.2% Porsche Taycan 4S Sport Turismo (2024-…) 429 km +0.2% Porsche Taycan 4S (2024-…) 429 km +0.2% XPENG P7 Wing Edition (2023-…) 429 km +0.2% XPENG P7 AWD Performance (2023-…) 428 km Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 427 km -0.2% Chevrolet Blazer EV AWD (2023-…) 427 km -0.2% Tesla Model Y Standard Range AWD (2022-2023) 427 km -0.2% BMW i5 xDrive40 (2024-…) 427 km -0.2% Peugeot e-5008 73 kWh FWD (2024-…) Similar Performance 0-100 km/h Torque Power 4.8 s 0% Jaguar I-Pace EV400 (2020-…) 4.8 s 0% Sony Vision-S 01 4.8 s 0% Tesla Model X Standard Range (2019-2020) 4.8 s 0% Jaguar I-Pace EV400 (2018-2020) 4.8 s Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 4.8 s 0% Mercedes EQS 500 4MATIC (2022-2024) 4.8 s 0% Ford Mustang Mach-E Standard Range AWD (2023-…) 4.8 s 0% Porsche Taycan RWD (2024-…) 4.8 s 0% Porsche Taycan RWD Plus (2024-…) 675 Nm +0.7% Ford Mustang Mach-E Standard Range AWD (2023-…) 675 Nm +0.7% Ford Mustang Mach-E Extended Range AWD (2023-…) 670 Nm 0% Volvo C40 Recharge (EC40) Twin Motor (2022-...) 670 Nm 0% BYD Seal Excellence AWD (2022-…) 670 Nm Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 665 Nm -0.7% MG Marvel R Performance (2021-…) 664 Nm -0.9% Audi e-tron 55 quattro (2019-2022) 664 Nm -0.9% Audi e-tron Sportback 55 quattro (2020-2022) 664 Nm -0.9% Audi Q8 e-tron 50 quattro (2022-…) 402 hp 0% Audi e-tron Sportback 55 quattro (2020-2022) 402 hp 0% Polestar 2 Long Range Dual Motor (2020-2023) 402 hp 0% Audi e-tron 55 quattro (2019-2022) 402 hp 0% Mercedes EQC 400 4MATIC (2019-2023) 402 hp Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 402 hp 0% Porsche Taycan RWD (2021-2024) 402 hp 0% Mercedes EQE SUV 500 4MATIC (2022-2023) 402 hp 0% Audi Q8 e-tron 55 quattro (2022-…) 402 hp 0% Audi Q8 Sportback e-tron 55 quattro (2022-…) Compare Side-by-Side Video Reviews and Test Drives Is the 2023 Volvo XC40 Recharge a BETTER luxury SUV than a Genesis GV70? Raiti's Rides 22:44 TESLA Owner Tests Out a VOLVO XC40 RECHARGE The RCS EV 13:37 【内外装レビュー】ボルボのコンパクトSUV・XC40のEVの完成度がヤバイ…!EVが好きになる出来の良さを徹底解説【車レビュー】 xEV STATION(イブステ) 40:31 Swedish Sleeper: the 300kW, dual motor Volvo XC40 Ecotricity NZ 19:56 Volvo EX30 vs Volvo EX40 (XC40 Recharge) | 2024 | Detailed Comparison Review Car Comparator 08:44 2024 Volvo XC40 B3 MzansiCars 05:50 2024 Volvo XC40 Recharge | MotorWeek Road Test MotorWeek 05:11 The evil XC40! 2025 Volvo EX40 Performance 440 hp Black Edition REVIEW Autogefühl 19:00 1 1 2 3 See All Videos Discussion Share your thoughts, ask questions, and connect with the EV community. No registration required. Comment Let's Compare Clear All Comparison list cleared Undo
Using a outlet, charging the Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 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 Volvo XC40 Recharge (EX40) Twin Motor (2022-…) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by .
The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) is an all-electric all-wheel drive SUV. It came out in 2022. Brand new, the car starts around €59,590.
The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) has a 82 kWh battery pack, allowing it to travel up to 428 km on a single charge. The car has an average efficiency of 18.5 kWh per 100 km (or 5.42 km per kWh) — ranked №313 out of 852 electric vehicles.
Volvo officially changed the name of the XC40 Recharge to the EX40 in 2024 as part of their strategy to streamline their electric vehicle naming conventions.
The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) is equipped with a powertrain that delivers up to 300 kW (402 hp) of power and 670 Nm of torque.
This enables a 0 to 100 km/h acceleration in 4.8 seconds (№29 out of 120 ranked positions, among 852 electric vehicles, with some cars sharing positions) and a top speed of 180 km/h.
The estimated real-world range for Volvo XC40 Recharge (EX40) Twin Motor (2022-…) is 428 km, ranking it №134 out of 335 ranked positions. Several conditions can influence this range:
These figures are approximations, and your actual driving range may vary. When planning trips, consider these factors and be prepared for potential charging stops.
For trip planning assistance, utilize the EV Navigation interactive map.
The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) in Europe is equipped with a CCS Type 2 charging port. You can charge it conveniently at home using a standard outlet, or utilize any public AC charging station with the appropriate cable. However, the car's built-in charger (inverter) limits the maximum AC charging speed to 11 kW, which translates to roughly 54 km of range added per hour.
For faster charging, use DC fast-charging stations. The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) supports a maximum DC charging rate of 200 kW, but it's important to note that battery temperature and current charge level can affect the actual charging speed you'll experience.
To estimate charging time, rate, and cost, you can use our EV Charging Calculator.
In Europe, this car configuration is limited to a maximum DC fast charging rate of 175 kW.
Volvo XC40 Recharge (EX40) Twin Motor (2022-…) comes in the following dimensions:
Behind the rear seats of the Volvo XC40 Recharge (EX40) Twin Motor (2022-…), you'll find 410 litres of storage space (№122 out of 193 ranked positions, among 852 electric vehicles, with some cars sharing positions).
Folding down the rear seats expands the total cargo capacity to 1295 litres (№117 out of 190 ranked positions, among 852 electric vehicles, with some cars sharing positions).
Frunk capacity: The front trunk is called a "frunk", and it offers an additional 31 litres for storing small items.
The Volvo XC40 Recharge (EX40) Twin Motor (2022-…) can safely tow up to 1800 kg, provided that the trailer has its own braking system.