{"id":3561,"date":"2026-07-18T21:57:13","date_gmt":"2026-07-18T19:57:13","guid":{"rendered":"https:\/\/xpeng.guru\/?post_type=lineup&#038;p=3561"},"modified":"2026-08-05T08:39:32","modified_gmt":"2026-08-05T06:39:32","slug":"compare","status":"publish","type":"lineup","link":"https:\/\/xpeng.guru\/da\/lineup\/compare\/","title":{"rendered":"Sammenlign specs"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">V\u00e6lg trim i menuerne \u00f8verst, og sammenlign specs, priser og udstyr direkte. Se ogs\u00e5 <a href=\"\/da\/lineup\/\">Lineup-hubben<\/a>.<\/p>\n\n\n\n<div id=\"xg-diff-dashboard\" class=\"xg-compare-dashboard\">\n  <div class=\"xg-compare-dashboard-inner\">\n    <div class=\"xg-compare-dashboard-slot xg-compare-dashboard-slot-1\">\n      <select id=\"xg-compare-select-1\" class=\"xg-compare-select\" data-col=\"1\" aria-label=\"Sammenlign kolonne 1 trim\"><option value=\"\">V\u00e6lg trim<\/option><\/select>\n    <\/div>\n    <div class=\"xg-compare-dashboard-slot xg-compare-dashboard-slot-2\">\n      <select id=\"xg-compare-select-2\" class=\"xg-compare-select\" data-col=\"2\" aria-label=\"Sammenlign kolonne 2 trim\"><option value=\"\">V\u00e6lg trim<\/option><\/select>\n    <\/div>\n    <div class=\"xg-compare-dashboard-slot xg-compare-dashboard-slot-3\">\n      <select id=\"xg-compare-select-3\" class=\"xg-compare-select\" data-col=\"3\" aria-label=\"Sammenlign kolonne 3 trim\"><option value=\"\">V\u00e6lg trim<\/option><\/select>\n    <\/div>\n  <\/div>\n  <div class=\"xg-compare-pills\" id=\"xg-compare-pills\" hidden><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns xg-diff-engine xg-compare-engine is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\" data-active=\"3\">\n\n  \n  <div class=\"wp-block-column xg-col-1 xg-compare-col-empty is-layout-flow wp-block-column-is-layout-flow\">\n    \n    <div class=\"wp-block-group xg-callout-tip xg-compare-col-head is-layout-constrained wp-block-group-is-layout-constrained\">\n      \n      <p class=\"xg-compare-model has-medium-font-size wp-block-paragraph\"><\/p>\n      \n      \n      <h4 class=\"wp-block-heading xg-compare-title\"><\/h4>\n      \n      \n      <p class=\"xg-compare-price has-medium-font-size wp-block-paragraph\"><\/p>\n      \n      \n      <p class=\"xg-compare-col-provenance has-small-font-size wp-block-paragraph\"><\/p>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n  \n  <div class=\"wp-block-column xg-col-2 xg-compare-col-empty is-layout-flow wp-block-column-is-layout-flow\">\n    \n    <div class=\"wp-block-group xg-callout-tip xg-compare-col-head is-layout-constrained wp-block-group-is-layout-constrained\">\n      \n      <p class=\"xg-compare-model has-medium-font-size wp-block-paragraph\"><\/p>\n      \n      \n      <h4 class=\"wp-block-heading xg-compare-title\"><\/h4>\n      \n      \n      <p class=\"xg-compare-price has-medium-font-size wp-block-paragraph\"><\/p>\n      \n      \n      <p class=\"xg-compare-col-provenance has-small-font-size wp-block-paragraph\"><\/p>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n  \n  <div class=\"wp-block-column xg-col-3 xg-compare-col-empty is-layout-flow wp-block-column-is-layout-flow\">\n    \n    <div class=\"wp-block-group xg-callout-tip xg-compare-col-head is-layout-constrained wp-block-group-is-layout-constrained\">\n      \n      <p class=\"xg-compare-model has-medium-font-size wp-block-paragraph\"><\/p>\n      \n      \n      <h4 class=\"wp-block-heading xg-compare-title\"><\/h4>\n      \n      \n      <p class=\"xg-compare-price has-medium-font-size wp-block-paragraph\"><\/p>\n      \n      \n      <p class=\"xg-compare-col-provenance has-small-font-size wp-block-paragraph\"><\/p>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n<\/div>\n\n\n\n<style>\n#xg-diff-dashboard.xg-compare-dashboard {\n  display: flex !important;\n  justify-content: flex-start !important;\n  flex-wrap: nowrap !important;\n  border-bottom: none !important;\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-dashboard-inner {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  column-gap: 2em;\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 1290px;\n  margin-left: auto;\n  margin-right: auto;\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-dashboard-slot {\n  min-width: 0;\n  box-sizing: border-box;\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n  padding: 0.55rem 0.65rem;\n  font-size: 0.92rem;\n  border: 1px solid var(--theme-palette-color-5);\n  border-radius: 6px;\n  background-color: var(--theme-palette-color-6);\n  color: var(--theme-palette-color-3);\n  color-scheme: dark;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select option,\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select optgroup {\n  background-color: var(--theme-palette-color-7);\n  color: var(--theme-palette-color-3);\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select optgroup {\n  color: var(--theme-palette-color-4);\n  font-weight: 600;\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select option:checked,\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select option:hover,\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select option:focus {\n  background-color: var(--theme-palette-color-5);\n  color: var(--theme-palette-color-4);\n}\n#xg-diff-dashboard.xg-compare-dashboard .xg-compare-select:focus {\n  outline: 2px solid var(--theme-palette-color-1);\n  outline-offset: 2px;\n}\n\/* Custom combo: native <select> cannot show flag images (Windows shows \"DK\"). *\/\n.xg-compare-combo {\n  position: relative;\n  width: 100%;\n}\n.xg-compare-select-native {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  border: 0 !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n.xg-compare-combo-btn {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n  padding: 0.55rem 0.65rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.55rem;\n  font: inherit;\n  font-size: 0.92rem;\n  line-height: 1.3;\n  text-align: left;\n  border: 1px solid var(--theme-palette-color-5);\n  border-radius: 6px;\n  background-color: var(--theme-palette-color-6);\n  color: var(--theme-palette-color-3);\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.xg-compare-combo-btn:focus {\n  outline: 2px solid var(--theme-palette-color-1);\n  outline-offset: 2px;\n}\n.xg-compare-combo-btn-text {\n  min-width: 0;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.xg-compare-combo-btn-flag {\n  flex-shrink: 0;\n  line-height: 0;\n}\n.xg-compare-combo-panel {\n  position: absolute;\n  z-index: 50;\n  left: 0;\n  right: 0;\n  top: calc(100% + 4px);\n  max-height: min(70vh, 28rem);\n  overflow-x: hidden;\n  overflow-y: auto;\n  border: 1px solid var(--theme-palette-color-5);\n  border-radius: 6px;\n  background-color: var(--theme-palette-color-7);\n  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);\n}\n.xg-compare-combo-group {\n  padding: 0.55rem 0.65rem 0.25rem;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--theme-palette-color-4);\n}\n.xg-compare-combo-option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.55rem;\n  margin: 0;\n  padding: 0.45rem 0.65rem;\n  border: 0;\n  background: transparent;\n  color: var(--theme-palette-color-3);\n  font: inherit;\n  font-size: 0.9rem;\n  text-align: left;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.xg-compare-combo-option:hover,\n.xg-compare-combo-option.is-selected {\n  background-color: var(--theme-palette-color-5);\n  color: var(--theme-palette-color-4);\n}\n.xg-compare-combo-option-text {\n  min-width: 0;\n  flex: 1;\n}\n.xg-compare-combo-option-flag {\n  flex-shrink: 0;\n  line-height: 0;\n}\n.xg-compare-flag-img {\n  display: inline-block;\n  width: 20px;\n  height: 15px;\n  object-fit: cover;\n  border-radius: 2px;\n  box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.35);\n  vertical-align: middle;\n}\n.xg-compare-col-head .xg-compare-model:empty { display: none; }\n.xg-compare-col-head .xg-compare-title:empty { display: none; }\n.xg-compare-col-head .xg-compare-col-provenance:empty { display: none; }\n.xg-compare-col-head .xg-compare-model {\n  margin: 0 0 0.2rem;\n  font-weight: 600;\n  color: var(--theme-palette-color-4);\n}\n.xg-compare-col-head .xg-compare-price:empty { display: none; }\n.xg-compare-engine .wp-block-column.xg-compare-col-empty .xg-compare-col-head { display: none; }\n.xg-spec-colour-list { display: flex; flex-direction: column; gap: 0.4rem; }\n.xg-spec-colour-row { display: flex; align-items: center; gap: 0.55rem; }\n.xg-spec-colour-swatch {\n  width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;\n  object-fit: cover; border: 1px solid rgba(0, 0, 0, 0.12);\n}\n.xg-spec-wheel-list { display: flex; flex-direction: column; gap: 0.65rem; }\n.xg-spec-wheel-row { display: flex; align-items: center; gap: 0.75rem; }\n.xg-spec-wheel-img { width: 72px; height: 72px; flex-shrink: 0; object-fit: contain; }\n\/* Match G9: \u22641024 stacked dropdowns; column count via JS (3\u21922\u21921). *\/\n@media (max-width: 1024px) {\n  #xg-diff-dashboard.xg-compare-dashboard .xg-compare-dashboard-inner {\n    grid-template-columns: 1fr;\n    row-gap: 0.65rem;\n    column-gap: 0;\n  }\n}\n\/* Mobile: 16px+ also stops iOS zooming the select on focus. *\/\n@media (max-width: 689.98px) {\n  #xg-diff-dashboard.xg-compare-dashboard .xg-compare-select,\n  #xg-diff-dashboard.xg-compare-dashboard .xg-compare-combo-btn {\n    font-size: 1rem;\n    padding: 0.7rem 0.65rem;\n  }\n}\n\/* Mobile pills: switch between selected configs like the G9 Differences page. *\/\n.xg-compare-pills { display: none; width: 100%; }\n@media (max-width: 768px) {\n  #xg-diff-dashboard.xg-compare-dashboard {\n    flex-direction: column !important;\n    row-gap: 0.6rem;\n  }\n  \/* Toggle pill bar above the dropdowns so the button keeps the same spot\n     whether the picker is open or collapsed. *\/\n  .xg-compare-pills { order: -1; }\n  .xg-compare-pills.xg-pills-on {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n  .xg-compare-pill {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.55rem;\n    width: 100%;\n    text-align: left;\n    box-sizing: border-box;\n    background-color: var(--theme-palette-color-6);\n    color: var(--theme-palette-color-9);\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 13px;\n    font-weight: 600;\n    font-family: inherit;\n    line-height: 1.3;\n    border: 1px solid var(--theme-palette-color-5);\n    cursor: pointer;\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .xg-compare-pill-text {\n    min-width: 0;\n    flex: 1;\n  }\n  .xg-compare-pill-flag {\n    flex-shrink: 0;\n    line-height: 0;\n    margin-left: auto;\n  }\n  .xg-compare-pill.xg-active {\n    background-color: var(--theme-palette-color-1);\n    border-color: var(--theme-palette-color-1);\n    color: var(--theme-palette-color-8);\n    font-weight: bold;\n    box-shadow: 0 0 10px color-mix(in srgb, var(--theme-palette-color-1) 20%, transparent);\n  }\n  .xg-compare-pill-edit {\n    display: block;\n    background: transparent;\n    color: var(--theme-palette-color-3);\n    text-align: center;\n    justify-content: center;\n  }\n}\n<\/style>\n<script src=\"https:\/\/xpeng.guru\/wp-content\/uploads\/data\/compare_engine_da.js?v=20260726o\"><\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Sammenlign XPENG-specs side om side p\u00e5 tv\u00e6rs af modeller og trim.<\/p>\n","protected":false},"author":1,"featured_media":3641,"parent":0,"menu_order":10,"template":"","class_list":["post-3561","lineup","type-lineup","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/lineup\/3561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/lineup"}],"about":[{"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/types\/lineup"}],"author":[{"embeddable":true,"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":52,"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/lineup\/3561\/revisions"}],"predecessor-version":[{"id":4449,"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/lineup\/3561\/revisions\/4449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/media\/3641"}],"wp:attachment":[{"href":"https:\/\/xpeng.guru\/da\/wp-json\/wp\/v2\/media?parent=3561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}