'); 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-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-charging, #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; flex-wrap:wrap } #car-main .data header .compare, #car-main .data header .snackbar-basic{ max-width:400px } #car-main .data .block{ width:80%; width:calc(100% - 195px - var(--spacing-3)); height:fit-content } #car-main .data #explore-sections-nav{ width:195px; min-width:195px } #explore-sections-nav ul li{ width:100% } #car-specs-blocks .car-specs-block{ min-width:290px; 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-detail{ gap:var(--spacing-9) } #car-specs{ padding:var(--spacing-6) 0 } #car-main, #car-specs, #car-range-map, #car-charging, #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% } #explore-sections-nav ul li{ width:fit-content } #car-charging .car-charging-ports .car-charging-port, #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%; }}@media(max-width:390px){ #car-scores{ grid-template-columns:1fr } #car-charging .car-charging-ports .car-charging-port, #car-specs-blocks .car-specs-block{ max-width:288px; min-width:100% } #car-videos .items .video-clear{ min-width:270px }}.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 }}@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 }} USA Global Cars Compare Charging Savings Blog Home Electric cars Renault 4 E-Tech Renault 4 E-Tech EV40 (2025-...) 5.2 GCC Score 100% like this car Renault 4 E-Tech EV40 Years of Production When the car first came out and when they stopped making it 2025-… This car is not available in the US, but you can still compare it with other cars Compare Trims Announced EV40 2025 EV52 2025 Explore by Section Specs Charging Compare FAQs Renault 4 E-Tech EV40 (2025-...) Specifications and Dimensions Green Cars Compare gathers data from government agencies, vehicle manufacturers, and real owners to provide accurate and accessible EV information. Production of this car has not yet started. Please note that some specs may change. General Info Years of Production When the car first came out and when they stopped making it 2025-… (Announced) Available in the USA No Country of Manufacture Country where final assembly of the car took place France Body Style Vehicle category based on its shape and layout Hatchback Range and Efficiency Range Range on a full charge: EPA (USA), WLTP (EU), NEDC (EU old), GCC (Green Cars Compare) WLTP EPA GCC 186 mi 208 out of 241 No Data 158 mi 196 out of 249 Battery Capacity Nominal (total energy storage), Usable (accessible portion) Nominal Usable 43 kWh 124 out of 160 40 kWh 144 out of 182 Efficiency Higher efficiency means lower energy consumption Energy/Range Range/Energy 25.3 kWh/100 mi 42 out of 209 3.95 mi/kWh 62 out of 236 Charging Max AC Charging 11 kW 10 out of 24 Max DC Charging 80 kW 67 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) FWD 1 motor: EESM Motor Peak power and torque of the car's electric motor(s) Power Torque 90 kW (121 hp) 166 out of 186 166 lb-ft 169 out of 184 0-60 mph Acceleration time from a standstill 9.1 s 74 out of 116 Top Speed The fastest the car can go (max speed) 93 mph 54 out of 68 0.00 s 00 mph Launch Dimensions Length Car's body length (front to back bumper) 163 in 180 out of 216 Width Car's body width including or excluding side mirrors with Mirrors w/o Mirrors No Data 70.9 in 68 out of 97 Height Car's body height (from ground to highest point) 61.8 in 85 out of 153 Wheelbase Distance between centers of front and rear wheels (affects ride and handling) 103.1 in 106 out of 134 Cargo and Towing Number of Seats Total passenger capacity of the car (including driver) 5 Curb Weight Car's weight without passengers or cargo 3109 lb 458 out of 492 Cargo Volume Cargo capacity: Trunk (rear seats up), Max (rear seats folded), Frunk (front hood) Trunk Max Frunk 14.8 ft3 105 out of 157 No Data No Data Towing Capacity Maximum weight the car can tow safely with a trailer that has its own brakes 1654 lb 43 out of 51 Last Updated: October 24, 2024 Download Specs PDF Fuel Savings If You Switched to Renault 4 E-Tech EV40 (2025-...) in 5 years you could save $ 6,026 on fuel $2,728 $8,754 Electric ICE EV fuel savings are calculated using the following parameters: Annual mileage: 13,476 mi ICE vehicle efficiency: 24.4 mpg Gasoline price: $3.17 per gallon Electricity price: $0.16 per kWh These estimates exclude factors like fluctuations in gas and electricity prices or car maintenance and insurance costs. Open Savings Calculator Charging Slow (AC) Fast (DC) Home and Office (AC) Charging NEMA 5-15 Output: 1.8 kW 120 V, 15 A, 1-phase 20-80%: 14 h 49 min NEMA 5-20 Output: 2.4 kW 120 V, 20 A, 1-phase 20-80%: 11 h 07 min NEMA 6-20 Output: 4.8 kW 240 V, 20 A, 1-phase 20-80%: 05 h 33 min NEMA 14-30 Output: 7.2 kW 240 V, 30 A, 1-phase 20-80%: 03 h 42 min NEMA 14-50 Output: 9.6 kW 240 V, 40 A, 1-phase 20-80%: 02 h 47 min NEMA 6-50 Output: 9.6 kW 240 V, 40 A, 1-phase 20-80%: 02 h 47 min Fast (DC) Charging This car is not is not sold in the USA and therefore not compatible with US charging stations. To see compatible DC chargers, switch your website version to Global Last Updated: October 24, 2024 Open Charging Calculator Overview Detailed Descriptions The Renault 4 E-Tech EV40 (2025-...) is an all-electric front-wheel drive hatchback. Production of the car hasn’t started yet. The Renault 4 E-Tech EV40 (2025-...) has a 43 kWh battery pack, allowing it to travel up to 158 mi on a single charge — ranked №705 out of 820 electric vehicles. Frequently Asked Questions How powerful is it? How fast does it accelerate? The Renault 4 E-Tech EV40 (2025-...) can accelerate from 0 to 60 mph in 9.1 seconds (№74 out of 116 ranked positions, among 820 electric vehicles, with some cars sharing positions) and reach a top speed of 93 mph. The car’s powertrain delivers up to 90 kW (121 hp) of power and 166 lb-ft of torque. How far can it go on single charge? What is the real-world range? Real-world range of the Renault 4 E-Tech EV40 (2025-...) is 158 miles (№196 out of 249 ranked positions, among 820 electric vehicles, with some cars sharing positions) — depending on several factors, including: Speed: Higher speeds deplete the battery faster. Temperature: Extreme cold and hot weather impacts range. Terrain: Hilly or mountainous terrain reduces range. Driving style: Aggressive driving with frequent acceleration and braking consumes more energy. Use of features: Features like climate control and media system also affect range. It's important to remember that these are just estimates, and your actual range may vary. It's always best to factor in these various factors when planning your trip and be prepared for potential charging stops. Plan your trips using the EV Navigation interactive map. What charging options are available? How long does it take to charge it? In the USA Renault 4 E-Tech EV40 (2025-...) has a CCS Type 2 charge port. You can charge it at home using a standard domestic socket or plug into any public AC charging station using the right cable. Keep in mind that the car's on-board charger (inverter) limits the maximum AC charging rate to 11 kW, which translates to approximately 39 miles of range added per hour of charging. For quicker charging, consider using a compatible DC fast-charging station. The car boasts a maximum charging rate of 80 kW, but remember that battery temperature and charge level can influence the actual speed you'll experience. Estimate charging time, rate and cost using EV Charging Calculator. How big is it? What are the dimensions (length, width, height)? Here are the dimensions and weight for the Renault 4 E-Tech EV40 (2025-...) : Length: 163 in Width: in (including side mirrors) or 70.9 in (excluding side mirrors) Height: 61.8 in Wheelbase: 103.1 in (distance between the center of the front and rear wheels) Curb weight: 3109 lbs (weight of the empty car, no people or cargo) How much cargo space does it offer? Does it have a front trunk? Here's a breakdown of the Renault 4 E-Tech EV40 (2025-...) cargo space: Trunk capacity: With the rear seats up, you get 14.8 cubic feet of cargo space in the back (№105 out of 157 ranked positions, among 820 electric vehicles, with some cars sharing positions). Max cargo capacity: Fold down the rear seats, and you open up cubic feet of total cargo space (№ out of ranked positions, among 820 electric vehicles, with some cars sharing positions). Frunk capacity: The car doesn’t have a “frunk” (front trunk). Is it suitable for towing? What is the maximum towing capacity? The Renault 4 E-Tech EV40 (2025-...) has a towing capacity (braked) of up to 1654 lbs (maximum weight the car can tow safely with a trailer that has its own brakes). Previous Generation There are no earlier versions of this car Next Generation There are no newer versions of this car Additional Information User Rating 100% 100% like this car You like it too You don’t like it GCC users GCC Score 5.2 / 10 Value for Money 7.7 Range and Efficiency 6 Charging 5.2 Performance 2.5 Cargo and Towing 4.7 EV Rankings Real Range 196 out of 249 Efficiency 42 out of 209 DC Charging 67 out of 84 Acceleration 74 out of 116 Trunk Volume 105 out of 157 See All Rankings Similar Electric Cars Renault 4 E-Tech EV52 Not available in the USA Real Range 211 mi 0-60 mph 8.2 s Car Details Chevrolet Bolt EV Gen 3 Discontinued 2022-2023 Real Range 246 mi 0-60 mph 6.5 s Price (USA) $25,997 Car Details Mini Cooper SE Produced 2023-… Real Range 179 mi 0-60 mph 6.9 s Price (USA) $31,895 Car Details Nissan Leaf 60 kWh Produced 2022-… Real Range 209 mi 0-60 mph 6.8 s Price (USA) $37,330 Car Details Nissan Leaf 40 kWh Produced 2022-… Real Range 148 mi 0-60 mph 7.7 s Price (USA) $29,280 Car Details Similar Range WLTP GCC 190 mi +2.2% Hyundai Kona Electric Standard Range (2021-2023) 186 mi 0% Renault 5 E-Tech EV40 (2025-...) 186 mi 0% Hyundai Casper (Inster) Electric Standard Range (2024-...) 186 mi 0% Renault Megane E-Tech EV40 130hp (2022-…) 186 mi Renault 4 E-Tech EV40 (2025-...) 180 mi -3.2% Kia Niro EV Standard Range (2019-2022) 180 mi -3.2% Hyundai Kona Electric Standard Range (2018-2019) 177 mi -4.8% Citroën e-Berlingo M 50 kWh (2021-…) 177 mi -4.8% Opel Combo Electric Life 50 kWh (2021-2024) 161 mi +1.9% Hyundai Kona Electric Standard Range (2021-2023) 158 mi 0% Renault 5 E-Tech EV40 (2025-...) 158 mi 0% Hyundai Casper (Inster) Electric Standard Range (2024-...) 158 mi 0% BMW i3 BEV 120 Ah (2018-2022) 158 mi Renault 4 E-Tech EV40 (2025-...) 157 mi -0.6% Fiat 500e Hatchback 42 kWh (2020-…) 153 mi -3.2% Kia Niro EV Standard Range (2019-2022) 153 mi -3.2% Hyundai Kona Electric Standard Range (2018-2019) 152 mi -3.8% BMW i3s BEV 120 Ah (2018-2022) Similar Performance 0-60 mph Torque Power 8.9 s -2.2% Citroën e-C4 X 54 kWh (2023-2024) 9 s -1.1% Hyundai Ioniq 9 Long Range RWD (2025-…) 9 s -1.1% Honda Clarity Electric (2017-2019) 9.1 s 0% Renault Zoe Z.E. 50 R135 (2019-2024) 9.1 s Renault 4 E-Tech EV40 (2025-...) 9.2 s +1.1% BYD Seal U Design (2024-...) 9.2 s +1.1% Skywell ET5 86 kWh (2022-...) 9.3 s +2.2% Hyundai Ioniq Electric Gen 2 (2019-2022) 9.3 s +2.2% Volkswagen ID.3 Pro (2020-2023) 166 lb-ft 0% Renault Zoe Z.E. 50 R110 (2019-2023) 166 lb-ft 0% Renault Zoe Z.E. 40 R110 (2018-2022) 166 lb-ft 0% Renault Zoe Van Z.E. 50 R110 (2020-2023) 166 lb-ft 0% Renault Kangoo Z.E. 33 Maxi (2017-2022) 166 lb-ft Renault 4 E-Tech EV40 (2025-...) 166 lb-ft 0% Renault Kangoo Z.E. Maxi (2011-2017) 166 lb-ft 0% Renault 5 E-Tech EV40 (2025-...) 162 lb-ft -2.4% Škoda Enyaq iV 50 (2021-2023) 162 lb-ft -2.4% Fiat 500e 3+1 42 kWh (2020-…) 121 hp 0% Renault Grand Kangoo E-Tech Electric (2024-…) 121 hp 0% Renault 5 E-Tech EV40 (2025-...) 121 hp 0% Renault Kangoo E-Tech Electric (2022-…) 121 hp 0% Mercedes EQT 200 Standard (2023-…) 121 hp Renault 4 E-Tech EV40 (2025-...) 121 hp 0% Mercedes EQT 200 Long (2024-…) 118 hp -2.5% Hyundai Ioniq Electric Gen 1 (2016-2019) 117 hp -3.3% Fiat 500e Cabrio 42 kWh (2020-…) 117 hp -3.3% Fiat 500e 3+1 42 kWh (2020-…) See More Rankings Video Reviews and Test Drives Renault Mégane E-Tech VS Peugeot e-308 : le losange toujours devant ? - LE MATCH ! Auto Plus 13:00 RENAULT MEGANE E-TECH 2024 ⚡/ Review en español / #LoadingCars Loading Cars 36:32 Essai Renault Megane E-Tech : Toujours dans la course ? Beev 28:40 All-New Renault Megane E-Tech Electric 2022 | Full Visual Review, Exterior, Interior, Infotainment Planet Car News 06:38 1 1 2 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
The Renault 4 E-Tech EV40 (2025-...) is an all-electric front-wheel drive hatchback. Production of the car hasn’t started yet.
The Renault 4 E-Tech EV40 (2025-...) has a 43 kWh battery pack, allowing it to travel up to 158 mi on a single charge — ranked №705 out of 820 electric vehicles.
The Renault 4 E-Tech EV40 (2025-...) can accelerate from 0 to 60 mph in 9.1 seconds (№74 out of 116 ranked positions, among 820 electric vehicles, with some cars sharing positions) and reach a top speed of 93 mph.
The car’s powertrain delivers up to 90 kW (121 hp) of power and 166 lb-ft of torque.
Real-world range of the Renault 4 E-Tech EV40 (2025-...) is 158 miles (№196 out of 249 ranked positions, among 820 electric vehicles, with some cars sharing positions) — depending on several factors, including:
It's important to remember that these are just estimates, and your actual range may vary. It's always best to factor in these various factors when planning your trip and be prepared for potential charging stops.
Plan your trips using the EV Navigation interactive map.
In the USA Renault 4 E-Tech EV40 (2025-...) has a CCS Type 2 charge port.
Estimate charging time, rate and cost using EV Charging Calculator.
Here are the dimensions and weight for the Renault 4 E-Tech EV40 (2025-...) :
Here's a breakdown of the Renault 4 E-Tech EV40 (2025-...) cargo space:
The Renault 4 E-Tech EV40 (2025-...) has a towing capacity (braked) of up to 1654 lbs (maximum weight the car can tow safely with a trailer that has its own brakes).