"); 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 } }.ai-container{ display:flex; padding:var(--spacing-5); flex-direction:column; justify-content:center; align-items:flex-start; gap:var(--spacing-5); align-self:stretch; border-radius:var(--radius-m); background:var(--surface-ai) } .ai-container .h1, .ai-container .h2, .ai-container .h3, .ai-container .h4{ color:var(--text-ai-default) } .ai-container .ai-request{ width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--spacing-4) } .ai-container .ai-request header{ flex:1; display:flex; flex-direction:column; gap:var(--spacing-4) } .ai-container .ai-request header .description{ font-size:18px; letter-spacing:-.09px } .ai-container.process .ai-request, .ai-container.response .ai-request{ display:none } .ai-container .ai-process{ display:none; width:100%; justify-content:center; gap:var(--spacing-2); color:var(--text-ai-default); font-size:18px; font-weight:500; letter-spacing:-.09px } .ai-container.process .ai-process{ display:flex } .ai-container .ai-response{ display:none; width:100%; flex-direction:column; gap:var(--spacing-4); transition:gap .4s } .ai-container .ai-response .description{ font-size:18px; letter-spacing:-.09px } .ai-container .ai-response header{ display:flex; align-items:center; gap:var(--spacing-2) } .ai-container .ai-response header .button-basic{ display:flex; align-items:center; justify-content:center; margin-left:auto } .ai-container .ai-response header .button-basic svg{ transform:rotate(-90deg); transition:transform .4s } .ai-container .ai-response .description{ height:216px; position:relative; overflow:hidden; overflow-y:auto; padding-right:var(--spacing-2); transition:height .4s, margin-bottom .4s } .ai-container .ai-response .description p:first-child{ margin-top:0 } .ai-container .ai-response .description p:last-child{ margin-bottom:0 } .ai-container .ai-response .share{ display:flex; align-items:center; width:100%; justify-content:space-between } .ai-container .ai-response .share .buttons{ display:flex; gap:var(--spacing-2) } .ai-container .ai-response .share .buttons .feedback{ color:var(--text-ai-default); font-size:18px; font-weight:500; letter-spacing:-.09px } .ai-container .ai-response .share .section-share{ margin-bottom:0 } .ai-container .ai-response .share .section-share .expand-mobile{ display:none } .ai-container.response .ai-response{ display:flex } .ai-container .ai-response.inactive{ gap:0 } .ai-container .ai-response.inactive header .button-basic svg{ transform:rotate(90deg) } .ai-container .ai-response.inactive .description{ height:0; margin-bottom:0 } .ai-container .ai-response.inactive .share{ display:none; height:0; } .ai-loader{ color:var(--text-ai-default) } .ai-loader, .ai-loader div{ box-sizing:border-box } .ai-loader{ display:inline-flex; justify-content:center; align-items:center; position:relative; width:24px; height:24px } .ai-loader div{ display:inline-block; position:absolute; width:4px; background:currentColor; animation:ai-loader-scale 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; transform-origin:center center } .ai-loader div:nth-child(1){ left:4px; animation-delay:0s; animation-name:ai-loader-1 } .ai-loader div:nth-child(2){ left:10px; animation-delay:0.5s; animation-name:ai-loader-2 } .ai-loader div:nth-child(3){ left:16px; animation-delay:0.3s; animation-name:ai-loader-3 } @keyframes ai-loader-1{ 0%{ height:4px; top:calc(50% - 2px) } 20%{ height:14px; top:calc(50% - 7px) } 40%{ height:0; top:50% } 65%{ height:18px; top:calc(50% - 9px) } 100%{ height:4px; top:calc(50% - 2px) } } @keyframes ai-loader-2{ 0%{ height:4px; top:calc(50% - 2px) } 25%{ height:14px; top:calc(50% - 7px) } 45%{ height:0; top:50% } 65%{ height:16px; top:calc(50% - 8px) } 100%{ height:4px; top:calc(50% - 2px) } } @keyframes ai-loader-3{ 0%{ height:4px; top:calc(50% - 2px) } 15%{ height:18px; top:calc(50% - 9px) } 38%{ height:0; top:50% } 60%{ height:22px; top:calc(50% - 11px) } 100%{ height:4px; top:calc(50% - 2px) } } @media (max-width:768px){ .ai-container .ai-request header{ min-width:100%; } } @media (max-width:480px){ .ai-container .ai-request header .description, .ai-container .ai-response .description, .ai-container .ai-response .share .buttons .feedback{ font-size:16px; letter-spacing:-.08px } } .ad-banner-class.advertisement.text-ad{ height:1px; width:1px; opacity:0.01; position:absolute; left:-9999px; top:-9999px; pointer-events:none } .spons-container{ overflow:hidden; position:relative } .spons-container .fallback{ display:none } .spons-container .adsbygoogle{ display:block; background:transparent } .spons-container:has(.adsbygoogle[data-ad-status="unfilled"]){ display:none } .spons-container.footer{ max-width:var(--container-width-max); margin:var(--spacing-9) auto 0 } .spons-container.footer .adsbygoogle{ height:300px } .spons-container.header{ margin:var(--spacing-4) auto var(--spacing-5) } .spons-container.header, .spons-container.header .adsbygoogle{ width:100%; min-height:90px; max-height:90px } .spons-container.header:has(.adsbygoogle[data-ad-status="unfilled"]){ display:block } @media(max-width:1439px){ .spons-container.footer{ margin-left:var(--spacing-7); margin-right:var(--spacing-7) } } @media(max-width:767px){ .spons-container.footer{ margin-left:var(--spacing-4); margin-right:var(--spacing-4) } }body.no-scroll{ overflow:hidden}.light-gallery{ width:100%; max-width:100%; position:relative}.light-gallery .g-inside{ width:100%; max-width:100%; position:relative}.light-gallery:not(.fullscreen) .g-inside{ overflow:hidden}.light-gallery .g-inside .close{ position:fixed; top:0; align-items:center; justify-content:center; cursor:pointer; right:16px; opacity:.6; display:none}.light-gallery .g-inside .expand{ position:absolute; top:1rem; right:1rem; z-index:1}.light-gallery .g-inside .close:hover,.light-gallery .g-inside .expand:hover{ opacity:1}.light-gallery .main,.light-gallery .g-main{ width:100%; max-width:100%; height:auto; border-radius:var(--radius-m) var(--radius-m) var(--radius-xs) var(--radius-xs)}.light-gallery .full{ position:absolute; top:0; bottom:0; cursor:zoom-in; display:flex; align-items:center}.light-gallery .prev,.light-gallery .next{ position:absolute; display:flex; align-items:center; padding-left:16px; width:50%; top:0; bottom:0; left:0; cursor:pointer; transition:background .4s}.light-gallery .prev:hover,.light-gallery .next:hover{ background:rgba(0,0,0,.1)}.light-gallery .prev:hover{ background:linear-gradient(270deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)}.light-gallery .next:hover{ background:linear-gradient(90deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)}.light-gallery .prev:hover .button-basic,.light-gallery .next:hover .button-basic{ background:var(--secondary-hover)}.light-gallery .next{ border-radius:0 var(--radius-m) var(--radius-xs) 0; left:unset; right:0; padding-left:0; padding-right:16px; justify-content:flex-end}.light-gallery .prev{ border-radius:var(--radius-m) 0 0 var(--radius-xs)}.light-gallery .prev svg{ transform:rotate(-180deg)}.light-gallery .full{ right:30%; width:40%}.light-gallery .g-previews{ width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; overflow:hidden; gap:var(--spacing-1); margin-top:var(--spacing-1)}.light-gallery .g-preview{ width:100%; max-width:calc(100% / 6 - var(--spacing-1) + var(--spacing-1) / 6); height:auto; cursor:zoom-in; position:relative; aspect-ratio: 16 / 9; height: -webkit-fill-available}.light-gallery .g-preview:after{ content: ""; position: absolute; inset: 0; border-radius:var(--radius-xs); box-shadow:inset 0 0 0 2px transparent;} .light-gallery .g-previews img{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-xs); transition:filter .4s}.light-gallery .g-previews .g-preview:hover img{ filter:brightness(.8)}.light-gallery .g-previews.oneline{ flex-wrap:nowrap}.light-gallery .g-previews.oneline img:not(:last-child){ margin-right:1rem}.light-gallery .g-previews .g-preview.active:after{ box-shadow:inset 0 0 0 2px var(--primary-active)} .light-gallery.fullscreen{ position:fixed; z-index:10; background:rgba(0,0,0,.9); bottom:0; left:0; top:0; right:0; max-width:100%; display:flex; margin:0}.light-gallery.fullscreen .g-inside{ padding:48px 0; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; width:auto; overflow:auto; order:1; margin:0 auto; text-align:center}.light-gallery.fullscreen .g-inside .close{ display:flex; opacity:.9; top:10px; z-index:11}.light-gallery.fullscreen .g-inside .expand{ display:none}.light-gallery.fullscreen .g-inside .g-main{ width:auto; max-height:95vh; padding:0 .5rem .5rem; border-radius:0; cursor:zoom-out}.light-gallery.fullscreen .g-inside .g-main.large{ max-width:unset; max-height:unset; width:1200px}.light-gallery.fullscreen .prev,.light-gallery.fullscreen .next{ position:fixed; width:20%}.light-gallery.fullscreen .full{ display:none} .light-gallery.fullscreen .g-previews{ width:100px; padding-left:1rem; display:none}.light-gallery.fullscreen .g-previews img{ max-width:100%; max-height:unset}.light-gallery.fullscreen .g-previews img:first-child{ margin-top:1rem} @media(max-width:992px) { .light-gallery.fullscreen .prev, .light-gallery.fullscreen .next{ display:none }} @media(max-width:767px) { .light-gallery:not(.fullscreen) .g-inside { display: block; overflow: hidden; } .light-gallery{ margin:0 var(--padding-main-neg); max-width:unset; width:unset } .light-gallery .g-previews{ flex-wrap:nowrap; overflow-x:auto; width:100%; -webkit-overflow-scrolling: touch; padding-bottom:var(--spacing-2); min-height:96px } .light-gallery .g-previews .g-preview.active:after{ box-shadow:none } .light-gallery .g-preview{ max-width:33%; min-width:fit-content } .light-gallery .g-inside .close, .light-gallery .g-inside .next .button-basic, .light-gallery .g-inside .prev .button-basic, .light-gallery .g-inside .full{ display:none }}
Home Электромобили Сравнение Результаты
Just a sec! AI is comparing every detail for you...
Your AI Summary Is Ready!
General Info Range and Efficiency Charging Performance Dimensions Cargo and Towing
General Info Оба автомобиля в настоящее время находятся в производстве и доступны для покупки новыми. Volkswagen ID.7 Pro (2023-…) имеет стартовую цену €53995, по сравнению с Xiaomi SU7 (2024-...), который начинается с €27832.
The Volkswagen ID.7 Pro (2023-…) is a Liftback, whereas the Xiaomi SU7 (2024-...) is a Sedan.
Only show differences Property Volkswagen ID.7 Pro Xiaomi SU7 Base Годы производства 2023-… Годы производства 2024-… Годы производства Текущий статус Produced Текущий статус Produced Текущий статус Страна производства Germany Страна производства China Страна производства Тип кузова Liftback Тип кузова Sedan Тип кузова Доступно на рынках EU Доступно на рынках EU Доступно на рынках Цена в Европе (Новая) €53995 Цена в Европе (Новая) €27832 Цена в Европе (Новая) Цена в Европе (Б/У) €44490 Цена в Европе (Б/У) - Цена в Европе (Б/У) Общий балл GCC 7.1 Общий балл GCC 6.9 Общий балл GCC
Cargo and Towing Range and Efficiency
Comparison list cleared
Undo