'); 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-3)}#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}.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:20%; min-width:calc(20% - 6.5px); 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}.car-card-slider .scroll-manual{ display:flex; justify-content:space-between; width:100%; margin-top:var(--spacing-3); align-items:center}.car-card-slider .scroll-manual .buttons{ display:flex; gap:var(--spacing-2)}.car-card-slider .scroll-manual .buttons .prev svg{ transform:rotate(-180deg)}.car-card-slider .scroll-manual .dots{ display:flex; gap:var(--spacing-2)}.car-card-slider .scroll-manual .dots .dot{ width:var(--spacing-2); height:var(--spacing-2); border-radius:var(--radius-xs); background:var(--surface-02)}.car-card-slider .scroll-manual .dots .dot.active{ background:var(--primary-default)} @media(max-width:1439px){ .car-card-slider .car-card-slider-list .item{ min-width:25%; min-width:calc(25% - var(--spacing-2)) }}@media(max-width:1279px){ .car-card-slider .car-card-slider-list{ overflow-x:auto; padding-bottom:var(--spacing-2) } .car-card-slider .car-card-slider-list .item{ min-width:272px } .car-card-slider .scroll-manual{ display:none }}@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} #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:16.66666%; max-width:calc(100% / 6 - var(--spacing-1) + var(--spacing-1) / 6); height:auto; cursor:zoom-in; position:relative; height:81px}.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-3); min-height:101px } .light-gallery .g-previews .g-preview.active:after{ box-shadow:none } .light-gallery .g-preview{ max-width:33%; min-width:33% } .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 Smart #3 Smart #3 Pro (2024-…) 5.7 GCC Score Smart #3 Pro Years of Production When the car first came out and when they stopped making it 2024-… Price Europe (new) Manufacturer's suggested base price €38,490 Compare Trims Currently Produced Pro Since 2024 Pro+ Since 2024 Premium Since 2024 Brabus Since 2024 Jump to Specs Savings Charging FAQs Compare Videos Discussion Smart #3 Pro (2024-…) 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 2024-… (Produced) Available in the USA No Country of Manufacture Country where final assembly of the car took place China 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 325 km 259 out of 314 No Data 276 km 261 out of 334 Battery Capacity Nominal (total energy storage), Usable (accessible portion) Nominal Usable 49 kWh 115 out of 162 47 kWh 133 out of 183 Efficiency Higher efficiency means lower energy consumption Energy/Range Range/Energy 17 kWh/100 km 42 out of 151 5.87 km/kWh 128 out of 322 Charging Max AC Charging 7.4 kW 17 out of 25 Max DC Charging 130 kW 48 out of 84 Architecture Higher voltage allows to charge faster and use less wiring 400 V Charge Port The port type impacts charging speed and station compatibility CCS Type 2 Performance Drive Type Motor types: PMSM (Permanent Magnet Synchronous), IM (AC Induction), EESM (Externally Excited Synchronous) RWD 1 motor: PMSM Motor Peak power and torque of the car's electric motor(s) Power Torque 200 kW (268 hp) 124 out of 186 343 Nm 147 out of 189 0-100 km/h Acceleration time from a standstill 5.9 s 40 out of 120 Top Speed The fastest the car can go (max speed) 180 km/h 38 out of 65 0.00 s 000 km/h Launch Dimensions Length Car's body length (front to back bumper) 4400 mm 167 out of 248 Width Car's body width including or excluding side mirrors with Mirrors w/o Mirrors No Data 1844 mm 85 out of 136 Height Car's body height (from ground to highest point) 1556 mm 136 out of 227 Wheelbase Distance between centers of front and rear wheels (affects ride and handling) 2785 mm 81 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 1855 kg 289 out of 433 Cargo Volume Cargo capacity: Trunk (rear seats up), Max (rear seats folded), Frunk (front hood) Trunk Max Frunk 370 l 134 out of 191 1160 l 143 out of 189 15 l 51 out of 52 Towing Capacity Maximum weight the car can tow safely with a trailer that has its own brakes No Data Last Updated: August 30, 2024 Download Specs PDF Fuel Savings If You Switched to Smart #3 Pro (2024-…) in 5 years you could save € 2,422 on fuel €3,091 €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 (7.4 kW) Charging power is limited by the car’s DC charging capability (130 kW) The car only accepts single-phase current (max 240 V) 1 The car’s DC charging capability at 400V stations is limited to 130 kW Time h min Avg. Rate ≈ km/h Avg. Power kW Open Charging Calculator AC Charging 20–80% Using a outlet, charging the Smart #3 Pro (2024-…) 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 Smart #3 Pro (2024-…) 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 Smart #3 Pro (2024-…) is an all-electric rear-wheel drive SUV. It came out in 2024. Brand new, the car starts around €38,490. The Smart #3 Pro (2024-…) has a 49 kWh battery pack, allowing it to travel up to 276 km on a single charge. The car has an average efficiency of 17 kWh per 100 km (or 5.87 km per kWh) — ranked №685 out of 833 electric vehicles. Frequently Asked Questions How powerful is it? How fast does it accelerate? The Smart #3 Pro (2024-…) achieves a 0 to 100 km/h acceleration in 5.9 seconds (placing it at №40 out of 120 ranked positions, among 833 electric vehicles, with some cars sharing positions) and attains a maximum speed of 180 km/h. Its powertrain provides a power output of up to 200 kW (268 hp) and a torque of 343 Nm. How far can it go on single charge? What is the real-world range? Smart #3 Pro (2024-…) achieves a real-world range of 276 km, placing it at №261 among 334 ranked positions. However, this range is subject to several influences: Speed: Traveling at higher speeds reduces battery life. Temperature: Extreme cold or hot weather can affect range. Terrain: Hilly or mountainous landscapes decrease range. Driving habits: Aggressive driving with frequent acceleration and braking consumes more energy. Feature usage: Climate control and media systems also influence range. It's important to acknowledge that these are estimations, and your actual driving range may differ. Consider these factors when planning your trip and be ready for potential charging stops. Utilize the interactive EV Navigation map for trip planning assistance. What charging options are available? How long does it take to charge it? The Smart #3 Pro (2024-…) in Europe comes with a CCS Type 2 charging port. It can be charged at home using a standard domestic socket or at any public AC charging station with the compatible cable. It's important to note that the car's on-board charger (inverter) limits the maximum AC charging rate to 7.4 kW, resulting in approximately 39 km of range added per hour of charging. For significantly faster charging, public DC fast-charging stations are available. Although the car can achieve a maximum DC charging rate of 130 kW, factors such as battery temperature and charge level may affect the actual charging speed. Use our EV Charging Calculator to estimate charging time, rate, and cost. How big is it? What are the dimensions (length, width, height)? The size and weight specifications for Smart #3 Pro (2024-…) are as follows: Length: 4400 mm Width: mm (including side mirrors) or 1844 mm (excluding side mirrors) Height: 1556 mm Wheelbase: 2785 mm (distance between the center of the front and rear wheels) Curb weight: 1855 kg (weight of the empty car, no people or cargo) How much cargo space does it offer? Does it have a front trunk? The rear cargo area of the Smart #3 Pro (2024-…) provides 370 litres of space when the rear seats are upright (№134 out of 191 ranked positions, among 833 electric vehicles, with some cars sharing positions). Folding these seats down unlocks a maximum cargo capacity of 1160 litres (№143 out of 189 ranked positions, among 833 electric vehicles, with some cars sharing positions). In addition, the car has a frunk, a front compartment with 15 litres dedicated to smaller items. Is it suitable for towing? What is the maximum towing capacity? The car isn’t officially rated for towing. Previous Generation There are no earlier versions of this car 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 5.7 / 10 Value for Money 8.1 Range and Efficiency 5.7 Charging 4.5 Performance 4.3 Cargo and Towing 5.8 EV Rankings Real Range 261 out of 334 Efficiency 42 out of 151 DC Charging 48 out of 84 Acceleration 40 out of 120 Trunk Volume 134 out of 191 See All Rankings Safety Ratings NCAP safety rating Similar Electric Cars Lynk & Co 02 Electric Announced 2025-… Real Range 385 km 0-100 km/h 5.5 s Price (Europe) €35,995 Car Details Smart #1 Pure+ Produced 2024-… Real Range 357 km 0-100 km/h 6.7 s Price (Europe) €39,990 Car Details Smart #1 Pure Produced 2024-… Real Range 264 km 0-100 km/h 6.7 s Price (Europe) €34,990 Car Details Zeekr X Long Range RWD Produced 2023-… Real Range 374 km 0-100 km/h 5.6 s Price (Europe) €45,970 Car Details Smart #3 Premium Produced 2024-… Real Range 387 km 0-100 km/h 5.8 s Price (Europe) €46,490 Car Details Smart #3 Pro+ Produced 2024-… Real Range 370 km 0-100 km/h 5.8 s Price (Europe) €43,490 Car Details Smart #1 Pro Produced 2023-… Real Range 264 km 0-100 km/h 6.7 s Price (Europe) €37,490 Car Details Smart #1 Premium Produced 2023-… Real Range 374 km 0-100 km/h 6.7 s Price (Europe) €44,990 Car Details Smart #1 Pro+ Produced 2023-… Real Range 357 km 0-100 km/h 6.7 s Price (Europe) €42,490 Car Details Similar Range WLTP GCC 330 km +1.5% Fiat E-Ulysse L2 75 kWh (2022-…) 330 km +1.5% Citroën e-SpaceTourer XL 75 kWh (2021-2024) 330 km +1.5% Citroën e-SpaceTourer M 75 kWh (2021-2024) 327 km +0.6% Citroën e-Jumpy Combi M 75 kWh (2020-2024) 325 km Smart #3 Pro (2024-…) 324 km -0.3% Citroën e-Jumpy Combi XL 75 kWh (2020-2024) 324 km -0.3% Opel Mokka Electric 50 kWh (2020-2021) 322 km -0.9% Peugeot e-Traveller Standard 75 kWh (2021-…) 322 km -0.9% Abarth 600e Turismo (2024-…) 279 km +1.1% Citroën e-Jumpy Combi XL 75 kWh (2020-2024) 278 km +0.7% Audi e-tron Sportback 50 quattro (2020-2022) 278 km +0.7% Renault Zoe Z.E. 40 Q90 (2016-2019) 276 km 0% MG MG5 Electric Standard Range (2022-…) 276 km Smart #3 Pro (2024-…) 274 km -0.7% Bollinger Motors B1 120 kWh 274 km -0.7% Bollinger Motors B2 120 kWh 274 km -0.7% Peugeot e-Traveller Standard 75 kWh (2021-…) 274 km -0.7% Abarth 600e Turismo (2024-…) Similar Performance 0-100 km/h Torque Power 5.9 s 0% VinFast VF 8 Eco (2024-…) 5.9 s 0% Ford Mustang Mach-E Standard Range RWD (2023-…) 5.9 s 0% BYD Seal Design RWD (2022-…) 5.9 s 0% Nissan Ariya 63 kWh e-4ORCE AWD (2021-…) 5.9 s Smart #3 Pro (2024-…) 5.9 s 0% Volkswagen ID.4 AWD Pro (2021-2023) 5.9 s 0% Volkswagen ID.4 AWD Pro (2023-2024) 5.9 s 0% Volvo EX90 Twin Motor (2024-…) 5.9 s 0% Volkswagen ID.3 GTX (2024-…) 343 Nm 0% Smart #1 Pro+ (2023-…) 343 Nm 0% Polestar 4 Long Range Single Motor (2024-…) 343 Nm 0% Peugeot e-3008 98 kWh Long Range FWD (2024-…) 343 Nm 0% Peugeot e-3008 73 kWh FWD (2024-…) 343 Nm Smart #3 Pro (2024-…) 343 Nm 0% Smart #1 Premium (2023-…) 343 Nm 0% Smart #1 Pro (2023-…) 343 Nm 0% Smart #3 Pro+ (2024-…) 343 Nm 0% Smart #3 Premium (2024-…) 268 hp 0% Smart #1 Premium (2023-…) 268 hp 0% Smart #1 Pro+ (2023-…) 268 hp 0% Polestar 4 Long Range Single Motor (2024-…) 268 hp 0% Polestar 2 Standard Range Single Motor (2023-2024) 268 hp Smart #3 Pro (2024-…) 268 hp 0% Smart #1 Pro (2023-…) 268 hp 0% Smart #3 Pro+ (2024-…) 268 hp 0% Smart #3 Premium (2024-…) 268 hp 0% Volvo EX30 Single Motor (2023-…) Compare Side-by-Side Video Reviews and Test Drives Smart #3 Brabus autoparking test Bjørn Nyland 10:55 MYTHBUSTING with the Smart #3 Pro! | #Feature MalaysianMotoring 10:08 Pro List Match - #3 Lukas Fracasso-Verner vs #4 Ryan Cullen The Sharkstream 38:58 2024 Smart #3 Pro Review – The Professional Choice? | #Review MalaysianMotoring 21:22 女生试驾smart #3 Pro!超斜赛道太恐怖:油门踩到完 可恩Ke En 10:14 2024 smart#3 Pro review - The ideal daily? ZigWheels Malaysia 05:43 NEW smart #3 first drive review | 2024 smart #3 Pro SUV Coupé UK road test L&L Automotive 28:35 Glory 580 Pro EXPOSED 5 Hidden Features You Never Knew Carselection Pk 05:43 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 Smart #3 Pro (2024-…) 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 Smart #3 Pro (2024-…) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by .
The Smart #3 Pro (2024-…) is an all-electric rear-wheel drive SUV. It came out in 2024. Brand new, the car starts around €38,490.
The Smart #3 Pro (2024-…) has a 49 kWh battery pack, allowing it to travel up to 276 km on a single charge. The car has an average efficiency of 17 kWh per 100 km (or 5.87 km per kWh) — ranked №685 out of 833 electric vehicles.
The Smart #3 Pro (2024-…) achieves a 0 to 100 km/h acceleration in 5.9 seconds (placing it at №40 out of 120 ranked positions, among 833 electric vehicles, with some cars sharing positions) and attains a maximum speed of 180 km/h.
Its powertrain provides a power output of up to 200 kW (268 hp) and a torque of 343 Nm.
Smart #3 Pro (2024-…) achieves a real-world range of 276 km, placing it at №261 among 334 ranked positions. However, this range is subject to several influences:
It's important to acknowledge that these are estimations, and your actual driving range may differ. Consider these factors when planning your trip and be ready for potential charging stops.
Utilize the interactive EV Navigation map for trip planning assistance.
The Smart #3 Pro (2024-…) in Europe comes with a CCS Type 2 charging port. It can be charged at home using a standard domestic socket or at any public AC charging station with the compatible cable. It's important to note that the car's on-board charger (inverter) limits the maximum AC charging rate to 7.4 kW, resulting in approximately 39 km of range added per hour of charging.
For significantly faster charging, public DC fast-charging stations are available. Although the car can achieve a maximum DC charging rate of 130 kW, factors such as battery temperature and charge level may affect the actual charging speed.
Use our EV Charging Calculator to estimate charging time, rate, and cost.
The size and weight specifications for Smart #3 Pro (2024-…) are as follows:
The rear cargo area of the Smart #3 Pro (2024-…) provides 370 litres of space when the rear seats are upright (№134 out of 191 ranked positions, among 833 electric vehicles, with some cars sharing positions).
Folding these seats down unlocks a maximum cargo capacity of 1160 litres (№143 out of 189 ranked positions, among 833 electric vehicles, with some cars sharing positions).
In addition, the car has a frunk, a front compartment with 15 litres dedicated to smaller items.
The car isn’t officially rated for towing.