'); 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-ratings-safety .data{ display:flex; 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:8px var(--spacing-2); flex-wrap:wrap; width:100%}#car-compare-charts .car-compare-chart-wrap{ display:flex; width:100%; max-width:48%; max-width:calc(50% - var(--spacing-2) / 2); padding:var(--spacing-5) var(--spacing-4); 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 .pic{ width:64px}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ color:var(--text-body-01)} #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}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .value{ min-width:37px; font-weight:500; text-wrap:nowrap}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference{ display:flex; min-width:81px; 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{ width:100%; max-width:var(--container-width-max); margin:0 auto} @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 } #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)) } #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{ flex-direction:row } #car-description #car-description-additional > section{ width:100% }} @media(max-width:767px){ #car-main{ padding-right:0; padding-left:0 } #car-detail{ gap:var(--spacing-9) } #car-specs{ padding:var(--spacing-6) 0 } #car-main .data, #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 }} @media(max-width:479px){ #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{ font-size:16px }}@media(max-width:390px){ #car-charging .car-charging-ports .car-charging-port, #car-specs-blocks .car-specs-block{ max-width:288px; min-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%}@media(max-width:479px){ .faq-wrap .item header{ font-size:18px } .faq-wrap .item .answer{ font-size:16px }}.car-card-slider{ display:flex; width:100%; flex-direction:column; margin-top:var(--spacing-11)}.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) var(--spacing-4); background:var(--surface-01); border-radius:var(--radius-m); width:100%; display:flex; flex-direction:column; gap:var(--spacing-2); min-height:375px; min-width:20%; min-width:calc(20% - 6.5px); max-width:340px; color:var(--text-body-01)}.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{ 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}.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-3) } .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{ margin-left:var(--spacing-neg-4); margin-right:var(--spacing-neg-4); width:auto; padding-left:var(--spacing-4); padding-right:var(--spacing-4) }}.video-reviews{ display:flex; width:100%; flex-direction:column; margin-top:var(--spacing-5)}.video-reviews-list{ display:flex; min-width:500px; margin-top:var(--spacing-5); gap:var(--spacing-5); margin:0; padding:0; overflow:hidden; list-style:none}.video-reviews-list .item{ display:flex; padding-bottom:20px; flex-direction:column; gap:12px; flex:1 0 0; min-width:25%; min-width:calc(25% - var(--spacing-5)/2 - 6px); max-width:340px;}@media(min-width:1440px){ .video-reviews-list .item:nth-child(5){ margin-left:-24px }}@media(min-width:1280px) and (max-width:1439px){ .video-reviews-list .item:nth-child(4){ margin-left:-24px }}.video-reviews-list .item .preview{ position:relative}.video-reviews-list .item .pic{ border-radius:var(--radius-m); transition:filter .4s}.video-reviews-list .item .play{ position:absolute; display:flex; height:56px; padding:0px var(--spacing-4); justify-content:center; align-items:center; gap:var(--spacing-2); border-radius:var(--radius-m); background:var(--secondary-default); top:50%; left:50%; transform:translate(-50%, -50%)}.video-reviews-list .item .play svg{ fill:var(--text-primary-default)}.video-reviews-list .item .preview:hover .pic{ filter:brightness(.8)}.video-reviews-list .item .preview:hover .play{ background:var(--secondary-hover)}.video-reviews-list .item .title{ color:var(--text-body-01); font-size:18px; line-height:1.5; letter-spacing:-.09px; margin-top:var(--spacing-3); text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}.video-reviews-list .item .details{ display: flex; gap: var(--spacing-3); color: var(--text-body-02); line-height:1.5; letter-spacing: -.08px; justify-content:space-between; margin-top:var(--spacing-1)}.video-reviews-list .item .channel{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; flex: 1 0 0; overflow: hidden; text-overflow: ellipsis}.video-reviews-list .item .duration{ min-width:45px} .video-reviews .scroll-manual{ display:flex; justify-content:space-between; width:100%; margin-top:var(--spacing-3); align-items:center}.video-reviews .scroll-manual .buttons{ display:flex; gap:var(--spacing-2)}.video-reviews .scroll-manual .buttons .prev svg{ transform:rotate(-180deg)}.video-reviews .scroll-manual .dots{ display:flex; gap:var(--spacing-2)}.video-reviews .scroll-manual .dots .dot{ width:var(--spacing-2); height:var(--spacing-2); border-radius:var(--radius-xs); background:var(--surface-02)}.video-reviews .scroll-manual .dots .dot.active{ background:var(--primary-default)} @media(max-width:1439px){ .video-reviews-list .item{ min-width:calc(33% - var(--spacing-5)/2); max-width:340px; }} @media(max-width:1279px){ .video-reviews-list{ overflow-x:auto; padding-bottom:var(--spacing-3) } .video-reviews-list .item{ min-width:272px } .video-reviews .scroll-manual{ display:none }} @media(max-width:767px){ .video-reviews-list{ min-width:unset; margin-left:var(--spacing-neg-4); margin-right:var(--spacing-neg-4); width:auto; padding-left:var(--spacing-4); padding-right:var(--spacing-4) }}.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-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 }#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:-.3px; display:block; text-decoration:none; text-align:center; line-height:150%; 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:390px){ #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-4) var(--spacing-2); color:var(--text-body-02); font-size:16px}.title-search-result a{ line-height:27px; font-size:18px; letter-spacing:-.09px}.title-search-result a:not(.button-basic){ 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}.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-6) auto var(--spacing-7); padding:0 0 var(--spacing-3); 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}.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{ padding-left:var(--spacing-7); padding-right:var(--spacing-7) }}@media(max-width:767px){ .breadcrumbs-main{ padding-left:var(--spacing-4); padding-right:var(--spacing-4); margin:var(--spacing-3) auto }}.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-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-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.32px } .h2{ font-size:36px; line-height:1.2; letter-spacing:-1.08px } .h3{ font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-.56px } .h4{ font-size:24px; font-weight:600; line-height:1.2; letter-spacing:-.48px } .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:0 } .h2{ font-size:24px; letter-spacing:0 } .h3{ font-size:20px; line-height:1.3; letter-spacing:0 } .h4{ font-size:18px; line-height:1.3; letter-spacing:0 } .h5{ font-size:16px; line-height:1.3; letter-spacing:0 } }*{ box-sizing:border-box}: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; --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(--primary-default); text-decoration:none; transition:color .4s, background .4s}a:hover{ color:var(--primary-hover)}a:active{ color:var(--primary-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}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}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} .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%} .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} 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-5) 0 var(--spacing-3); background:var(--surface-white)}#header .left{ display:flex; justify-content:space-between; align-items:center; gap:var(--spacing-5)}#header .logo,#footer .logo{ width:222px}#header .menu{ display:flex; align-items:center}#header .other-countries{ position:relative}#header .other-countries button{ margin:0; padding:0; list-style:none; border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white, #FFF); font-size:18px; margin:8px 0}#header .other-countries button,#header .other-countries .countries-dropdown a{ display:flex; align-items:center; padding-left:var(--spacing-3); transition:background .4s; color:var(--text-body-01); height:48px; line-height:1}#header .other-countries button img,#header .other-countries .countries-dropdown img{ width:24px; height:24px; min-width:24px; min-height:24px}#header .other-countries button .leftside,#header .other-countries .countries-dropdown .leftside{ margin-right:var(--spacing-2)}#header .other-countries button .title,#header .other-countries .countries-dropdown .title{ display:block; padding-right:var(--spacing-3); line-height:27px; font-size:18px}#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 .countries-dropdown a:hover{ background:var(--tertiary-hover)}#header .other-countries .countries-dropdown a:active{ background:var(--tertiary-active)}#header .other-countries button .expand{ transition:transform .4s; fill:var(--text-body-02); margin:0 var(--spacing-2)}@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:120px; 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-5) 0 } #header .logo{ width:180px; height:52px }}@media(max-width:767px){ #header, #footer .top, #footer .bottom, .container{ margin-left:var(--spacing-4); margin-right:var(--spacing-4) }}@media(max-width:479px){ #header .left, #header .menu{ width:100% } #header .logo{ width:146px; height:42px } #header .left{ gap:unset } .iframe-16-9{ padding-top:0; height:400px }}.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 .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.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; 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.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.left{ right:unset; left:-8px } .hint-ui.left:before{ right:unset; left:12px } @media(max-width:767px){ .hint-ui{ width:180px } .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)}.tabs-wrap.overflowed:before{ content:""; display:none; position:sticky; left:0; min-height:60px; min-width:80px; background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 44%, rgba(255,255,255,0) 100%); order:-1}.tabs-wrap.overflowed:after{ content:""; display:block; position:sticky; right:0; min-height:66px; min-width:80px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(246,246,246,.7) 56%, rgba(246,246,246,1) 100%)}.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: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 }.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{ margin:0; padding:0; list-style:none; border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); font-size:18px; margin:8px 0; width:100% } .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); height:48px; white-space:nowrap; line-height:1 } .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; padding-right:var(--spacing-3); line-height:27px; font-size:18px } .dropdown-basic .dropdown-items{ 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 } .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-items{ display:block; border-color:var(--tertiary-hover) } .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-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) }.chip-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; } .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) }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 }}
Home Electric cars Volvo XC40 (EX40) Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) Volvo XC40 Recharge (EX40) Single Motor Extended Range Years of Production When the car first came out and when they stopped making it
2022-… Price USA (new) Manufacturer's suggested base price
$53,745
Compare
Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…)
Years of Production When the car first came out and when they stopped making it
2022-… Country of Manufacture Country where final assembly of the car took place
Belgium Current Status Announced (planned), Produced (on sale), Discontinued (no longer made)
Produced Body Style Refers to the car's shape & design (sedan, SUV, hatchback)
SUV Range Estimated range on a full battery: EPA (USA), WLTP (EU), NEDC (EU old), GCC (Green Cars Compare)
Battery Capacity Nominal: total amount of energy the car’s battery can hold. Usable: actual amount of energy you can access.
Efficiency Energy consumption per distance driven. The more efficient the car, the less energy it needs to go the same distance.
27.1 kWh/100 mi (3.7 mi/kWh) Max Charging Power Max electric power the car can accept for charging, determined by its on-board charger (AC) and battery (DC)
Architecture Most EVs use a 400V system, but newer models with higher voltage can charge faster and use less wiring.
400 V Charge Port The port type impacts charging speed and station compatibility
Length Car's body length (front to back bumper)
174.2 in Width Car's body width including or excluding side mirrors
Height Car's body height (from ground to highest point)
65 in Wheelbase Distance between centers of front and rear wheels (affects ride and handling)
106.4 in Number of Seats Total passenger capacity of the car (including driver)
5 Curb Weight Car's weight without passengers or cargo
4486 lb Cargo Volume Cargo capacity: Trunk (rear seats up), Max (rear seats folded), Frunk (in the front hood)
Towing Capacity Maximum weight the car can tow safely with a trailer that has its own brakes
2000 lb Last Updated:
July 23, 2024
Download Specs PDF How Far Can You Go in Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) This interactive map shows the potential driving range on a full battery.
For the most accurate range estimates tailored to your location, enable location access.
Light green area: Round-trip Dark green area: One-way Show Range Map Hide Range Map
Charging Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) Home and Office (AC) Charging Last Updated:
July 23, 2024
Open Charging Calculator About Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) Detailed Descriptions The Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) is an all-electric rear-wheel drive SUV. It came out in 2022. Brand new, the car starts around $53,745.
The Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) has a 82 kWh battery pack, allowing it to travel up to 291 mi on a single charge — ranked №182 out of 744 electric vehicles.
Frequently Asked Questions How powerful is it? How fast does it accelerate? The Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) can accelerate from 0 to 60 mph in 6.9 seconds (№52 out of 116 ranked positions , among 744 electric vehicles, with some cars sharing positions) and reach a top speed of 112 mph.
The car’s powertrain delivers up to 185 kW (248 hp) of power and 310 lb-ft of torque.
How far can it go on single charge? What is the real-world range? Real-world range of the Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) is 291 miles (№71 out of 240 ranked positions , among 744 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 Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) has a CCS Type 1 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 36 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 200 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 Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…):
Length: 174.2 in Width: 80.1 in (including side mirrors) or 73.7 in (excluding side mirrors) Height: 65 in Wheelbase: 106.4 in (distance between the center of the front and rear wheels) Curb weight: 4486 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 Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) cargo space:
Trunk capacity: With the rear seats up, you get 16 cubic feet of cargo space in the back (№93 out of 151 ranked positions , among 744 electric vehicles, with some cars sharing positions). Max cargo capacity: Fold down the rear seats, and you open up 57.5 cubic feet of total cargo space (№55 out of 154 ranked positions , among 744 electric vehicles, with some cars sharing positions). Frunk capacity: The front trunk is called a "frunk", and it offers an additional 0.7 cubic feet for storing small items. Is it suitable for towing? What is the maximum towing capacity? The Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) has a towing capacity (braked) of up to 2000 lbs (maximum weight the car can tow safely with a trailer that has its own brakes).
Additional Information Safety Ratings NCAP safety rating
Compare Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…) with Similar Cars
Discuss Volvo XC40 Recharge (EX40) Single Motor Extended Range (2022-…)