{"id":30365,"date":"2026-05-15T11:44:02","date_gmt":"2026-05-15T10:44:02","guid":{"rendered":"https:\/\/xenonkungen.com\/?page_id=30365"},"modified":"2026-06-07T19:04:39","modified_gmt":"2026-06-07T18:04:39","slug":"installasjoner","status":"publish","type":"page","link":"https:\/\/xenonkungen.com\/no\/installasjoner\/","title":{"rendered":"Installasjoner"},"content":{"rendered":"<style>\n  \/* ============================================================\n     [DESIGN TOKENS] \u2013 matchar Xenonkungens befintliga system\n     ============================================================ *\/\n  :root {\n    --xk-orange: #ff6a00;\n    --xk-orange-hover: #e55f00;\n    --xk-orange-link: #ff6a00;\n    --xk-black: #0a0a0a;\n    --xk-text: #1a1a1a;\n    --xk-text-secondary: #6b7076;\n    --xk-border: #e4e5e7;\n    --xk-border-subtle: rgba(0,0,0,0.08);\n    --xk-bg: #ffffff;\n    --xk-bg-subtle: #f4f4f5;\n    --xk-radius: 8px;\n    --xk-radius-lg: 12px;\n    --xk-transition: 0.2s ease;\n\n    --xk-pad-desktop: 15px;\n    --xk-pad-mobile: 10px;\n    --xk-container: 1600px;\n  }\n\n  \/* ============================================================\n     [SCOPED RESET] \u2013 g\u00e4ller BARA installationsmodulen.\n     Inga body\/a\/img\/button\/*-regler globalt, s\u00e5 temats header\n     och footer r\u00f6rs inte (samma princip som anv-sidan).\n     ============================================================ *\/\n  .xk-hero, .xk-hero *, .xk-hero *::before, .xk-hero *::after,\n  .xk-filterbar, .xk-filterbar *, .xk-filterbar *::before, .xk-filterbar *::after,\n  .xk-grid-section-wrap, .xk-grid-section-wrap *, .xk-grid-section-wrap *::before, .xk-grid-section-wrap *::after,\n  .xk-popular, .xk-popular *, .xk-popular *::before, .xk-popular *::after,\n  .xk-install-wrap, .xk-install-wrap *, .xk-install-wrap *::before, .xk-install-wrap *::after,\n  .xk-lb, .xk-lb *, .xk-lb *::before, .xk-lb *::after,\n  .xk-modal, .xk-modal *, .xk-modal *::before, .xk-modal *::after {\n    box-sizing: border-box;\n  }\n  .xk-hero img, .xk-grid img, .xk-lb-imgwrap img { display: block; max-width: 100%; }\n  .xk-btn-primary, .xk-btn-secondary, .xk-clear, .xk-popular-chip,\n  .xk-lb-close, .xk-lb-prev, .xk-lb-next, .xk-modal-cancel {\n    font-family: inherit;\n    cursor: pointer;\n  }\n  .xk-ugc a, .xk-empty a {\n    color: var(--xk-orange-link);\n    text-decoration: underline;\n  }\n  .xk-ugc a:hover, .xk-empty a:hover { color: var(--xk-orange-hover); }\n\n  \/* ============================================================\n     [SIDBAKGRUND] \u2013 verkliga sidbakgrunden vit \u00f6verallt.\n     Bara bakgrundsf\u00e4rg (ingen typografi\/layout), g\u00e4ller endast\n     den h\u00e4r sidan. T\u00e4cker ytor mellan sektioner och utanf\u00f6r 1600.\n     ============================================================ *\/\n  html, body { background: #ffffff !important; }\n  .xk-grid-section-wrap, .xk-popular, .xk-install-wrap { background: #ffffff; }\n\n  \/* ============================================================\n     [INNER CONTAINER] \u2013 enda container-regeln, matchar anv:\n     1600px max, 15px sidor desktop \/ 10px mobil\n     ============================================================ *\/\n  .xk-install-wrap {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    padding-left: var(--xk-pad-desktop);\n    padding-right: var(--xk-pad-desktop);\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-install-wrap {\n      padding-left: var(--xk-pad-mobile);\n      padding-right: var(--xk-pad-mobile);\n    }\n  }\n\n  \/* ============================================================\n     [HERO] \u2013 plan vit, speglar .anv-hero exakt.\n     Inneh\u00e5ller breadcrumb, h1, ingress och trust-raden.\n     ============================================================ *\/\n  .xk-hero {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    background: #fff;\n    padding: 56px var(--xk-pad-desktop) 24px;\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-hero { padding: 20px var(--xk-pad-mobile) 14px; }\n  }\n\n  .xk-breadcrumb {\n    font-size: 13px;\n    color: var(--xk-text-secondary);\n    margin: 0 0 8px;\n  }\n  .xk-breadcrumb a {\n    color: var(--xk-text-secondary);\n    text-decoration: none;\n  }\n  .xk-breadcrumb a:hover { color: var(--xk-orange); }\n  .xk-breadcrumb .sep { margin: 0 8px; opacity: 0.5; }\n\n  .xk-hero h1 {\n    font-size: clamp(1.625rem, 4vw, 3.25rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.1;\n    margin: 0 0 16px;\n    color: #0f1113;\n  }\n  .xk-hero p {\n    max-width: 820px;\n    font-size: 17px;\n    line-height: 1.65;\n    color: #3a3d42;\n    margin: 0;\n  }\n  @media (max-width: 768px) {\n    .xk-hero p { font-size: 15px; }\n  }\n\n  \/* ============================================================\n     [TRUST ROW] \u2013 inuti hero, speglar .anv-trust.\n     Ramen f\u00e5r hero-inneh\u00e5llets bredd (indragen 15px), inte 1600-kanten.\n     ============================================================ *\/\n  .xk-trust {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 14px 16px;\n    margin-top: 20px;\n    padding: 14px 0;\n    border-top: 1px solid var(--xk-border);\n    border-bottom: 1px solid var(--xk-border);\n    font-size: 13px;\n    color: var(--xk-text);\n  }\n  .xk-trust b { font-weight: 700; color: #0f1113; }\n  .xk-trust .muted { color: var(--xk-text-secondary); }\n  @media (max-width: 768px) {\n    .xk-trust { gap: 8px 14px; font-size: 12px; }\n    .xk-trust > .muted { display: none; }\n  }\n\n  \/* ============================================================\n     [FILTER BAR] \u2013 sticky. Bakgrunden g\u00e5r i full bredd, men\n     inneh\u00e5llet ligger i .xk-install-wrap s\u00e5 det linjerar med hero.\n     ============================================================ *\/\n  .xk-filterbar {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n    background: var(--xk-bg);\n  }\n  .xk-filterbar-inner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    flex-wrap: wrap;\n  }\n  .xk-select-wrap { position: relative; }\n  .xk-select {\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--xk-bg);\n    border: 1px solid var(--xk-border);\n    border-radius: var(--xk-radius);\n    padding: 12px 40px 12px 16px;\n    font-size: 14px;\n    color: var(--xk-text);\n    cursor: pointer;\n    min-width: 180px;\n    transition: border-color var(--xk-transition);\n    line-height: 1.2;\n  }\n  .xk-select:hover { border-color: var(--xk-text-secondary); }\n  .xk-select:focus { outline: none; border-color: var(--xk-orange); }\n  .xk-select:disabled {\n    background: var(--xk-bg-subtle);\n    color: #aaa;\n    cursor: not-allowed;\n  }\n  .xk-select-wrap::after {\n    content: \"\";\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    border-right: 2px solid var(--xk-text-secondary);\n    border-bottom: 2px solid var(--xk-text-secondary);\n    transform: translateY(-70%) rotate(45deg);\n    pointer-events: none;\n  }\n  .xk-clear {\n    background: none;\n    border: none;\n    color: var(--xk-text-secondary);\n    font-size: 14px;\n    padding: 12px 8px;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n  .xk-clear:hover { color: var(--xk-orange); }\n  .xk-clear[hidden] { display: none; }\n  .xk-count {\n    margin-left: auto;\n    font-size: 14px;\n    color: var(--xk-text-secondary);\n  }\n  @media (max-width: 768px) {\n    .xk-filterbar-inner { flex-direction: column; align-items: stretch; gap: 8px; padding: 12px 0; }\n    .xk-select-wrap { width: 100%; }\n    .xk-select { width: 100%; min-width: 0; font-size: 14px; }\n    .xk-clear { text-align: left; align-self: flex-start; padding: 4px 0; }\n    .xk-count { margin-left: 0; text-align: left; font-size: 13px; padding-top: 4px; }\n  }\n\n  \/* ============================================================\n     [BRAND PICKER] \u2013 chips. Bygg som <button data-marke> s\u00e5 det\n     senare kan ers\u00e4ttas med <a href> till \/installationer\/{m\u00e4rke}\/\n     ============================================================ *\/\n  .xk-brands h2 {\n    font-size: 22px;\n    font-weight: 600;\n    margin: 0 0 16px;\n    color: #0f1113;\n    letter-spacing: -0.01em;\n  }\n  .xk-brand-chip[data-marke=\"__all__\"] {\n    background: transparent;\n    border-style: dashed;\n  }\n  @media (max-width: 768px) {\n    .xk-brands h2 { font-size: 16px; margin-bottom: 12px; }\n  }\n\n  \/* ============================================================\n     [INSTALLATION GRID] \u2013 3 \/ 2 \/ 1 kol, brytpunkter som anv (960 \/ 768)\n     ============================================================ *\/\n  .xk-grid-section {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    padding: 20px var(--xk-pad-desktop) 12px;\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-grid-section { padding: 14px var(--xk-pad-mobile) 6px; }\n    .xk-card-img { aspect-ratio: 16\/9; }\n    .xk-card-body { padding: 14px 16px 16px; gap: 8px; }\n    .xk-card-title { font-size: 15px; }\n    .xk-card-prods li { font-size: 13px; }\n    .xk-btn-primary { font-size: 13px; }\n  .xk-btn-primary:hover, .xk-btn-primary:focus, .xk-btn-primary:active { color: var(--color-primary, #ff6a00); text-decoration: underline; }\n  }\n  .xk-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n  @media (max-width: 960px) {\n    .xk-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 768px) {\n    .xk-grid { grid-template-columns: 1fr; gap: 12px; }\n  }\n\n  \/* [GRID CARD] \u2013 mall f\u00f6r WC-loop *\/\n  .xk-card[hidden] { display: none; }\n  .xk-card {\n    border: 1px solid #e4e5e7;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #ffffff;\n    transition: transform var(--xk-transition), box-shadow var(--xk-transition);\n    display: flex;\n    flex-direction: column;\n  }\n  .xk-card:hover {\n    transform: scale(1.01);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n  }\n  .xk-card-img {\n    position: relative;\n    aspect-ratio: 16\/9;\n    background: #0e1216;\n    overflow: hidden;\n    cursor: zoom-in;\n  }\n  \n  .xk-card-img > .ph {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    padding: 16px;\n    color: rgba(255,255,255,0.5);\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 11px;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n  \/* Night-scene placeholder gradients (varierar per id f\u00f6r rytm) *\/\n  .ph-bg {\n    position: absolute;\n    inset: 0;\n  }\n  .xk-video-badge {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    background: rgba(0,0,0,0.7);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    padding: 6px 10px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    backdrop-filter: blur(4px);\n  }\n  .xk-video-badge svg { width: 10px; height: 10px; }\n\n  .xk-card-body {\n    padding: 20px 20px 22px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex: 1;\n  }\n  .xk-card-title {\n    font-size: 19px;\n    font-weight: 600;\n    color: #0f1113;\n    margin: 0;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n  }\n  .xk-card-prods-label {\n    font-size: 13px;\n    color: var(--xk-text-secondary);\n    margin: 0 0 6px;\n  }\n  .xk-card-prods {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .xk-card-prods li {\n    font-size: 14px;\n    position: relative;\n    padding-left: 14px;\n  }\n  .xk-card-prods li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    color: var(--xk-text-secondary);\n  }\n  .xk-card-prods a {\n    color: #0f1113;\n    text-decoration: none;\n  }\n  .xk-card-prods a:hover {\n    color: var(--xk-orange);\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  \/* ============================================================\n     [BUTTONS]\n     ============================================================ *\/\n  .xk-btn-primary {\n    background: transparent;\n    color: var(--xk-orange-link);\n    border: none;\n    padding: 0;\n    border-radius: 0;\n    font-weight: 600;\n    font-size: 14px;\n    text-align: left;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    transition: color var(--xk-transition);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    line-height: 1.4;\n    cursor: pointer;\n  }\n  .xk-btn-primary:hover {\n    color: var(--xk-orange-hover);\n    text-decoration: underline;\n  }\n  .xk-btn-primary.is-full { width: auto; margin-top: 0; }\n\n  .xk-btn-secondary {\n    background: transparent;\n    color: var(--xk-text);\n    border: 1px solid var(--xk-text);\n    padding: 14px 28px;\n    border-radius: var(--xk-radius);\n    font-weight: 600;\n    font-size: 15px;\n    text-decoration: none;\n    transition: all var(--xk-transition);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    line-height: 1.2;\n  }\n  .xk-btn-secondary:hover {\n    background: var(--xk-text);\n    color: #fff;\n  }\n\n  \/* ============================================================\n     [LOAD MORE \/ EMPTY]\n     ============================================================ *\/\n  .xk-loadmore-wrap {\n    display: flex;\n    justify-content: center;\n    padding: 20px 0 8px;\n  }\n  .xk-loadmore-wrap[hidden] { display: none; }\n  .xk-empty {\n    text-align: center;\n    padding: 64px 24px;\n    color: var(--xk-text-secondary);\n  }\n  .xk-empty[hidden] { display: none; }\n  .xk-empty strong { display: block; color: var(--xk-text); font-size: 18px; margin-bottom: 8px; }\n\n  \/* ============================================================\n     [POPULAR INSTALLATIONS] \u2013 egen sektion, inneh\u00e5ll indraget\n     15px som resten. Pillren \u00e4r inneh\u00e5llsanpassade (inte styvt rutn\u00e4t).\n     ============================================================ *\/\n  .xk-popular {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    padding: 40px var(--xk-pad-desktop) 40px;\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-popular { padding: 28px var(--xk-pad-mobile) 28px; }\n  }\n  .xk-popular h2 {\n    font-size: clamp(1.5rem, 2.5vw, 1.875rem);\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    margin: 0 0 12px;\n    color: #0f1113;\n  }\n  .xk-popular p.intro {\n    max-width: 720px;\n    color: var(--xk-text-secondary);\n    margin: 0 0 28px;\n  }\n  .xk-popular-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .xk-popular-chip {\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    background: var(--xk-bg-subtle);\n    border: 1px solid var(--xk-border);\n    border-radius: 999px;\n    padding: 8px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #0f1113;\n    text-decoration: none;\n    text-align: left;\n    line-height: 1.3;\n    transition: all var(--xk-transition);\n  }\n  .xk-popular-chip:hover {\n    background: #fff;\n    border-color: var(--xk-orange);\n    color: var(--xk-orange);\n  }\n  \n\n\n  \/* ============================================================\n     [UGC MAILTO ROW] \u2013 ingen sektion, bara en rad\n     ============================================================ *\/\n  .xk-ugc {\n    max-width: 720px;\n    margin: 0 auto;\n    text-align: center;\n    padding: 28px 0;\n    color: var(--xk-text-secondary);\n    font-size: 15px;\n  }\n  .xk-ugc a {\n    color: var(--xk-orange-link);\n    font-weight: 600;\n  }\n\n  \/* ============================================================\n     [LIGHTBOX]\n     ============================================================ *\/\n  .xk-lb {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    background: rgba(10,10,10,0.92);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  .xk-lb.is-open {\n    display: flex;\n    opacity: 1;\n  }\n  .xk-lb-stage {\n    position: relative;\n    width: 100%;\n    max-width: 1100px;\n    max-height: calc(100vh - 48px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n  .xk-lb-imgwrap {\n    position: relative;\n    background: #0e1216;\n    border-radius: var(--xk-radius-lg) var(--xk-radius-lg) 0 0;\n    aspect-ratio: 4\/3;\n    max-height: 65vh;\n    overflow: hidden;\n  }\n  .xk-lb-info {\n    background: #fff;\n    padding: 20px 24px;\n    border-radius: 0 0 var(--xk-radius-lg) var(--xk-radius-lg);\n    display: flex;\n    gap: 24px;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n  .xk-lb-info .meta { flex: 1; min-width: 240px; }\n  .xk-lb-info h3 {\n    font-size: 18px;\n    margin: 0 0 6px;\n    font-weight: 700;\n  }\n  .xk-lb-info .prods {\n    font-size: 14px;\n    color: var(--xk-text-secondary);\n  }\n  .xk-lb-info .prods a {\n    color: #0f1113;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n  .xk-lb-info .prods a:hover { color: var(--xk-orange); }\n  .xk-lb-close, .xk-lb-prev, .xk-lb-next {\n    position: absolute;\n    background: rgba(255,255,255,0.95);\n    border: none;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--xk-black);\n    transition: background var(--xk-transition), transform var(--xk-transition);\n    z-index: 2;\n  }\n  .xk-lb-close:hover, .xk-lb-prev:hover, .xk-lb-next:hover {\n    background: #fff;\n    transform: scale(1.05);\n  }\n  .xk-lb-close {\n    top: 12px;\n    right: 12px;\n  }\n  .xk-lb-prev { left: 12px; top: 50%; transform: translateY(-50%); }\n  .xk-lb-next { right: 12px; top: 50%; transform: translateY(-50%); }\n  .xk-lb-prev:hover, .xk-lb-next:hover { transform: translateY(-50%) scale(1.05); }\n  .xk-lb-counter {\n    position: absolute;\n    bottom: 12px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0,0,0,0.6);\n    color: #fff;\n    font-size: 12px;\n    padding: 6px 12px;\n    border-radius: 100px;\n    backdrop-filter: blur(4px);\n  }\n\n  \/* ============================================================\n     [MINI MODAL] \u2013 flera produkter -> kryssrutor + total\n     ============================================================ *\/\n  .xk-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 1100;\n    background: rgba(10,10,10,0.6);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n  }\n  .xk-modal.is-open { display: flex; }\n  .xk-modal-box {\n    background: #fff;\n    border-radius: var(--xk-radius-lg);\n    width: 100%;\n    max-width: 460px;\n    padding: 28px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n  }\n  .xk-modal-box h3 {\n    margin: 0 0 4px;\n    font-size: 18px;\n    font-weight: 700;\n  }\n  .xk-modal-box .sub {\n    color: var(--xk-text-secondary);\n    font-size: 14px;\n    margin: 0 0 20px;\n  }\n  .xk-modal-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 20px;\n    border-top: 1px solid var(--xk-border);\n  }\n  .xk-modal-list li {\n    border-bottom: 1px solid var(--xk-border);\n    padding: 14px 0;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .xk-modal-list .name { flex: 1; font-size: 15px; font-weight: 500; }\n  .xk-modal-list .price { font-size: 14px; color: var(--xk-text-secondary); font-variant-numeric: tabular-nums; }\n  .xk-modal-list input[type=\"checkbox\"] {\n    width: 18px;\n    height: 18px;\n    accent-color: var(--xk-orange);\n    cursor: pointer;\n  }\n  .xk-modal-total {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 16px;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--xk-border);\n  }\n  .xk-modal-total .label { font-size: 14px; color: var(--xk-text-secondary); }\n  .xk-modal-total .sum { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }\n  .xk-modal-actions { display: flex; gap: 12px; }\n  .xk-modal-actions .xk-btn-primary { flex: 1; }\n  .xk-modal-cancel {\n    background: none;\n    border: none;\n    color: var(--xk-text-secondary);\n    text-decoration: underline;\n    font-size: 14px;\n    padding: 0 8px;\n  }\n  .xk-modal-cancel:hover { color: var(--xk-text); }\n\n  \/* Beh\u00e5ll orange f\u00e4rg p\u00e5 hover f\u00f6r alla orange CTA-l\u00e4nkar *\/\n  .xk-card a:hover, .xk-card button:hover { text-decoration: underline; }\n  .xk-btn-primary:hover, .xk-btn-primary:focus { color: var(--color-primary, #ff6a00) !important; }\n  a.xk-btn-primary:hover, button.xk-btn-primary:hover { color: var(--color-primary, #ff6a00) !important; }\n\n  \/* Multi-image lightbox st\u00f6d *\/\n  \/* Fix: visa hela bilden utan att zooma in p\u00e5 portr\u00e4tt-bilder *\/\n  .xk-lb-imgwrap {\n    aspect-ratio: auto !important;\n    max-height: 75vh !important;\n    background: #0e1216;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n  .xk-lb-imgwrap img,\n  .xk-lb-img {\n    width: auto !important;\n    height: auto !important;\n    max-width: 100% !important;\n    max-height: 75vh !important;\n    object-fit: contain !important;\n    display: block;\n  }\n\n  .xk-lb-counter-v2 {\n    position: absolute;\n    top: 16px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0,0,0,0.75);\n    color: #fff;\n    padding: 6px 14px;\n    border-radius: 100px;\n    font-size: 13px;\n    font-weight: 500;\n    z-index: 5;\n    pointer-events: none;\n    width: auto !important;\n    height: auto !important;\n    min-height: 0 !important;\n    line-height: 1.2 !important;\n    white-space: nowrap;\n    display: inline-block;\n    flex: none;\n  }\n  .xk-lb-thumbs {\n    display: flex;\n    gap: 6px;\n    padding: 12px 16px;\n    overflow-x: auto;\n    background: #fff;\n    border-top: 1px solid #e4e5e7;\n    scrollbar-width: thin;\n    -webkit-overflow-scrolling: touch;\n  }\n  .xk-lb-thumb {\n    flex: 0 0 auto;\n    width: 64px;\n    height: 64px;\n    padding: 0;\n    border: 2px solid transparent;\n    border-radius: 6px;\n    overflow: hidden;\n    cursor: pointer;\n    background: #f5f6f7;\n    transition: border-color .15s ease, transform .15s ease;\n  }\n  .xk-lb-thumb:hover { transform: scale(1.04); }\n  .xk-lb-thumb.is-active {\n    border-color: var(--color-primary, #ff5e00);\n  }\n  .xk-lb-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  \/* Multi-image badge p\u00e5 kort i grid *\/\n  .xk-card-img-badge {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    background: rgba(0,0,0,0.75);\n    color: #fff;\n    padding: 4px 10px;\n    border-radius: 100px;\n    font-size: 12px;\n    font-weight: 500;\n    z-index: 2;\n    backdrop-filter: blur(4px);\n    pointer-events: none;\n  }\n  .xk-card-img { position: relative; }\n  @media (max-width: 600px) {\n    .xk-lb-thumb { width: 52px; height: 52px; }\n    .xk-lb-thumbs { padding: 8px 12px; }\n  }\n\n<\/style>\n<!--\n  =========================================================================\n  [SECTION: HERO] \u2013 breadcrumb + h1 + ingress + trust, speglar anv-sidan\n  =========================================================================\n-->\n<header class=\"xk-hero\">\n  <nav class=\"xk-breadcrumb\" aria-label=\"Br\u00f8dsmuler\">\n    <a href=\"\/no\/\">Hjem<\/a><span class=\"sep\">\/<\/span><span>Installasjoner<\/span>\n  <\/nav>\n  <h1>Installasjoner fra v\u00e5re kunder<\/h1>\n  <p>Inspirasjon fra virkelige installasjoner \u2013 finn din bilmodell eller ditt produkt og se hvordan resultatet ser ut.<\/p>\n  <section class=\"xk-trust\">\n    <span><b>100% forn\u00f8ydhetsgaranti<\/b><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>30 dager<\/b> <span class=\"muted\">\u00e5pent salg<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>1\u20133 dager<\/b> <span class=\"muted\">leveranse<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Autorisert forhandler<\/b> <span class=\"muted\">siden 2004<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Gratis frakt<\/b> <span class=\"muted\">over 1\u00a0995 SEK<\/span><\/span>\n  <\/section>\n<\/header>\n\n<!--\n  =========================================================================\n  [SECTION: FILTER BAR] \u2013 sticky, custom shortcode-kandidat\n  =========================================================================\n-->\n<div class=\"xk-filterbar\" id=\"filterbar\">\n  <div class=\"xk-install-wrap\">\n    <div class=\"xk-filterbar-inner\">\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-marke\" aria-label=\"Bilmerke\">\n          <option value=\"\">Alle bilmerker<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-produkt\" aria-label=\"Produkt\">\n          <option value=\"\">Alle produkter<\/option>\n        <\/select>\n      <\/div>\n      <button type=\"button\" class=\"xk-clear\" id=\"f-clear\" hidden>Fjern filtre<\/button>\n      <div class=\"xk-count\" id=\"f-count\">Viser 20 av 20 installasjoner<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!--\n  =========================================================================\n  [SECTION: BRAND PICKER]\n  M\u00e4rkes-chips bygger som <button data-marke>. I FAS 2 byt mot\n  <a href=\"\/installationer\/{marke}\/\"> n\u00e4r m\u00e4rkessidor finns.\n  =========================================================================\n-->\n\n\n<!--\n  =========================================================================\n  [SECTION: INSTALLATION GRID] \u2013 mall f\u00f6r WooCommerce-loop\n  =========================================================================\n-->\n<section class=\"xk-grid-section-wrap\"><div class=\"xk-grid-section\">\n  <div class=\"xk-grid\" id=\"grid\">\n      <article class=\"xk-card\" data-id=\"131\" data-marke=\"BMW\" data-modell=\"X3\" data-datum=\"2026-06-07\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\" data-bilder='[\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilighr2-scaled.jpg\"]' data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":944,\"pris\":null,\"url\":\"\/produkt\/luxtar-twilight-300w-3\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"131\" aria-label=\"Se st\u00f8rre bilde\">\n          <span class=\"xk-card-img-badge\">+1 bilder<\/span>\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\" alt=\"BMW X3 med Luxtar Twilight\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">BMW X3<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-twilight-300w-3\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"131\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"130\" data-marke=\"Ford\" data-modell=\"Transit\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.jpg\" data-bilder='[\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.png\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar-2.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Purelux-scaled.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Purelux.png\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Pickup-Stellar.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Pickup-Purelux.png\"]' data-produkter='[{\"namn\":\"Luxtar Stellar\",\"id\":9200,\"pris\":null,\"url\":\"\/produkt\/luxtar-stellar-white-rad4\/\"},{\"namn\":\"Purelux\",\"id\":null,\"pris\":null,\"url\":null}]'>\n        <div class=\"xk-card-img\" data-id=\"130\" aria-label=\"Se st\u00f8rre bilde\">\n          <span class=\"xk-card-img-badge\">+6 bilder<\/span>\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.jpg\" alt=\"Ford Transit med Luxtar Stellar og Purelux\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Transit<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-stellar-white-rad4\/\">Luxtar Stellar, Purelux<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"130\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"129\" data-marke=\"Volkswagen\" data-modell=\"Golf\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/VW-Golf-Twilight-Stellar-S14-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":944,\"pris\":null,\"url\":\"\/produkt\/luxtar-twilight-300w-3\/\"},{\"namn\":\"Luxtar Stellar\",\"id\":9078,\"pris\":null,\"url\":\"\/produkt\/luxtar-stellar-black-rad2\/\"},{\"namn\":\"Luxtar S14\",\"id\":957,\"pris\":null,\"url\":\"\/produkt\/luxtar-ledramp-s14-drl-72w\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"129\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/VW-Golf-Twilight-Stellar-S14-scaled.jpg\" alt=\"Volkswagen Golf med Luxtar Twilight, Stellar og S14\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Golf<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-twilight-300w-3\/\">Luxtar Twilight, Luxtar Stellar, Luxtar S14<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"129\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"127\" data-marke=\"Skoda\" data-modell=\"Octavia\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/skoda-octavia-luxtar-ticon.png\" data-produkter='[{\"namn\":\"Luxtar Ticon\",\"id\":28819,\"pris\":null,\"url\":\"\/produkt\/luxtar-ticon\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"127\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/skoda-octavia-luxtar-ticon.png\" alt=\"Skoda Octavia med Luxtar Ticon\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Skoda Octavia<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"127\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"128\" data-marke=\"BMW\" data-modell=\"5-Serie\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/BMW-5-Serie-Luxtar-Ticon.png\" data-produkter='[{\"namn\":\"Luxtar Ticon\",\"id\":28819,\"pris\":null,\"url\":\"\/produkt\/luxtar-ticon\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"128\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/BMW-5-Serie-Luxtar-Ticon.png\" alt=\"BMW 5-serie med Luxtar Ticon\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">BMW 5-serie<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"128\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"101\" data-marke=\"KIA\" data-modell=\"EV6\" data-datum=\"2026-05-14\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/KIA-EV6-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Inf\u00e4llnadspaket LUXTAR X20 Black Edition\",\"id\":11639,\"pris\":null,\"url\":\"\/produkt\/infallnadspaket-luxtar-x20-black-edition-xbb\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"101\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/KIA-EV6-Luxtar-X20-scaled.jpg\" alt=\"KIA EV6 med innfelt pakke LUXTAR X20 Black Edition\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">KIA EV6<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/fancy-pakke-luxtar-x20-svart-utgave-xbb\/\">Innfelt pakke LUXTAR X20 Black Edition<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"101\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"103\" data-marke=\"Ford\" data-modell=\"Ranger\" data-datum=\"2026-05-13\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X24.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"103\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X24.jpg\" alt=\"Ford Ranger med Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Ranger<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"103\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"105\" data-marke=\"Ford\" data-modell=\"Ranger\" data-datum=\"2026-05-12\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"105\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X20-scaled.jpg\" alt=\"Ford Ranger med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Ranger<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"105\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"106\" data-marke=\"Dodge\" data-modell=\"RAM\" data-datum=\"2026-05-11\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Dodge-Ram-Luxtar-X20-.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"106\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Dodge-Ram-Luxtar-X20-.jpg\" alt=\"Dodge RAM med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Dodge RAM<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"106\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"108\" data-marke=\"Volvo\" data-modell=\"V60\" data-datum=\"2026-05-10\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-V60-V-sight-Tron-9-3-scaled.jpg\" data-produkter='[{\"namn\":\"V-sight Tron 9\",\"id\":12399,\"pris\":3499,\"url\":\"\/produkt\/v-sight-tron-9\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"108\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-V60-V-sight-Tron-9-3-scaled.jpg\" alt=\"Volvo V60 med V-sikte Tron 9\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volvo V60<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/v-sight-tron-9\/\">V-sikte Tron 9<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"108\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"109\" data-marke=\"Volvo\" data-modell=\"XC60\" data-datum=\"2026-05-09\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-Luxtar-X18-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X18\",\"id\":12354,\"pris\":1799,\"url\":\"\/produkt\/luxtar-x18\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"109\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-Luxtar-X18-scaled.jpg\" alt=\"Volvo XC60 med Luxtar X18\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volvo XC60<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x18\/\">Luxtar X18<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"109\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"110\" data-marke=\"Volvo\" data-modell=\"XC60\" data-datum=\"2026-05-08\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"110\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-X20-scaled.jpg\" alt=\"Volvo XC60 med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volvo XC60<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"110\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"112\" data-marke=\"Volkswagen\" data-modell=\"Amarok\" data-datum=\"2026-04-30\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Amarok-Luxtar-X24-1-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"112\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Amarok-Luxtar-X24-1-scaled.jpg\" alt=\"Volkswagen Amarok med Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Amarok<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"112\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"113\" data-marke=\"Volkswagen\" data-modell=\"Passat\" data-datum=\"2026-04-29\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Passat-Luxtar-X24-Luxtar-X10-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"},{\"namn\":\"Luxtar X10\",\"id\":12347,\"pris\":999,\"url\":\"\/produkt\/luxtar-x10\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"113\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Passat-Luxtar-X24-Luxtar-X10-scaled.jpg\" alt=\"Volkswagen Passat med Luxtar X24, Luxtar X10\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Passat<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x24\/\">Luxtar X24<\/a><\/li><li><a href=\"\/no\/produkt\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"113\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"114\" data-marke=\"Volkswagen\" data-modell=\"Tiguan\" data-datum=\"2026-04-28\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Tiguan-NBB-Alpha-scaled.jpeg\" data-produkter='[{\"namn\":\"NBB Alpha\",\"id\":12500,\"pris\":2999,\"url\":\"\/produkt\/nbb-alpha\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"114\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Tiguan-NBB-Alpha-scaled.jpeg\" alt=\"Volkswagen Tiguan med NBB Alpha\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Tiguan<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/nbb-alpha\/\">NBB Alpha<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"114\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"115\" data-marke=\"Volkswagen\" data-modell=\"Transporter\" data-datum=\"2026-04-27\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Transporter-Luxtar-X12-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X12\",\"id\":12380,\"pris\":1499,\"url\":\"\/produkt\/luxtar-x12\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"115\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Transporter-Luxtar-X12-scaled.jpg\" alt=\"Volkswagen Transporter med Luxtar X12\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Transporter<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x12\/\">Luxtar X12<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"115\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"117\" data-marke=\"Ford\" data-modell=\"Transit\" data-datum=\"2026-04-26\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"117\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Luxtar-X20-scaled.jpg\" alt=\"Ford Transit med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Transit<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"117\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"118\" data-marke=\"Ford\" data-modell=\"S-MAX\" data-datum=\"2026-04-25\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-SMAX-Luxtar-X20-scaled.jpeg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"118\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-SMAX-Luxtar-X20-scaled.jpeg\" alt=\"Ford S-MAX med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford S-MAX<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"118\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"126\" data-marke=\"Tesla\" data-modell=\"Model Y Juniper\" data-datum=\"2026-04-25\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Juniper-Luxtar-Twilight.png\" data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":12346,\"pris\":1999,\"url\":\"\/produkt\/luxtar-twilight\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"126\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Juniper-Luxtar-Twilight.png\" alt=\"Tesla Model Y Juniper med Luxtar Twilight\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Tesla Model Y Juniper<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/skumringsluxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"126\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"119\" data-marke=\"Tesla\" data-modell=\"Model Y\" data-datum=\"2026-04-24\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Model-Y-Luxtar-Twilight.jpg\" data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":12346,\"pris\":1999,\"url\":\"\/produkt\/luxtar-twilight\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"119\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Model-Y-Luxtar-Twilight.jpg\" alt=\"Tesla Model Y med Luxtar Twilight\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Tesla Model Y<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/skumringsluxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"119\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"120\" data-marke=\"Subaru\" data-modell=\"Outback\" data-datum=\"2026-04-23\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Subaru-Outback-Luxtar-X10.jpg\" data-produkter='[{\"namn\":\"Luxtar X10\",\"id\":12347,\"pris\":999,\"url\":\"\/produkt\/luxtar-x10\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"120\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Subaru-Outback-Luxtar-X10.jpg\" alt=\"Subaru Outback med Luxtar X10\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Subaru Outback<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"120\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"121\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-datum=\"2026-04-22\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitsubishi-Outlander-Luxar-X18-Luxar-X24-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X18\",\"id\":12354,\"pris\":1799,\"url\":\"\/produkt\/luxtar-x18\/\"},{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"121\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitsubishi-Outlander-Luxar-X18-Luxar-X24-scaled.jpg\" alt=\"Mitsubishi Outlander med Luxtar X18, Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Mitsubishi Outlander<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x18\/\">Luxtar X18<\/a><\/li><li><a href=\"\/no\/produkt\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"121\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"123\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-datum=\"2026-04-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitshibushi-Outlander-Luxtar-X24.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"123\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitshibushi-Outlander-Luxtar-X24.jpg\" alt=\"Mitsubishi Outlander med Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Mitsubishi Outlander<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"123\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"124\" data-marke=\"Skoda\" data-modell=\"Octavia\" data-datum=\"2026-04-20\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Skoda-Octavia-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"124\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Skoda-Octavia-Luxtar-X20-scaled.jpg\" alt=\"Skoda Octavia med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Skoda Octavia<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"124\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"125\" data-marke=\"Honda\" data-modell=\"Civic\" data-datum=\"2026-04-19\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Honda-Civic-Luxtar-X20.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"125\" aria-label=\"Se st\u00f8rre bilde\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Honda-Civic-Luxtar-X20.jpg\" alt=\"Honda Civic med Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Honda Civic<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installerte produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/no\/produkt\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"125\">\n            Kj\u00f8p samme installasjon \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n  <\/div>\n\n  <div class=\"xk-empty\" id=\"empty\" hidden>\n    <strong>Ingen installasjoner samsvarer med filteret ditt.<\/strong>\n    Pr\u00f8v \u00e5 endre bilmerke eller produkt, eller <a href=\"#\" id=\"empty-clear\">t\u00f8m filtrene<\/a>.\n  <\/div>\n\n  <div class=\"xk-loadmore-wrap\" id=\"loadmore-wrap\">\n    <button type=\"button\" class=\"xk-btn-secondary\" id=\"loadmore\">Vis flere installasjoner<\/button>\n  <\/div>\n  <\/div>\n<\/section>\n\n<!--\n  =========================================================================\n  [SECTION: POPULAR INSTALLATIONS] \u2013 SEO long-tail\n  =========================================================================\n-->\n<section class=\"xk-popular\">\n  <h2>Popul\u00e6re installasjoner<\/h2>\n  <p class=\"intro\">De vanligste kombinasjonene kundene v\u00e5re installerer. Klikk for \u00e5 filtrere bilder direkte.<\/p>\n  <div class=\"xk-popular-grid\" id=\"popular-grid\">\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=kia&amp;modell=ev6&amp;produkt=infallnadspaket-luxtar-x20-black-edition\" data-marke=\"KIA\" data-modell=\"EV6\" data-produkt=\"infallnadspaket-luxtar-x20-black-edition\">KIA EV6 + Innfelt pakke LUXTAR X20 Black Edition<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=ranger&amp;produkt=luxtar-x24\" data-marke=\"Ford\" data-modell=\"Ranger\" data-produkt=\"luxtar-x24\">Ford Ranger + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=ranger&amp;produkt=luxtar-x20\" data-marke=\"Ford\" data-modell=\"Ranger\" data-produkt=\"luxtar-x20\">Ford Ranger + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=dodge&amp;modell=ram&amp;produkt=luxtar-x20\" data-marke=\"Dodge\" data-modell=\"RAM\" data-produkt=\"luxtar-x20\">Dodge RAM + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volvo&amp;modell=v60&amp;produkt=v-sight-tron-9\" data-marke=\"Volvo\" data-modell=\"V60\" data-produkt=\"v-sight-tron-9\">Volvo V60 + V-sikte Tron 9<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volvo&amp;modell=xc60&amp;produkt=luxtar-x18\" data-marke=\"Volvo\" data-modell=\"XC60\" data-produkt=\"luxtar-x18\">Volvo XC60 + Luxtar X18<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volvo&amp;modell=xc60&amp;produkt=luxtar-x20\" data-marke=\"Volvo\" data-modell=\"XC60\" data-produkt=\"luxtar-x20\">Volvo XC60 + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=amarok&amp;produkt=luxtar-x24\" data-marke=\"Volkswagen\" data-modell=\"Amarok\" data-produkt=\"luxtar-x24\">Volkswagen Amarok + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=passat&amp;produkt=luxtar-x24\" data-marke=\"Volkswagen\" data-modell=\"Passat\" data-produkt=\"luxtar-x24\">Volkswagen Passat + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=passat&amp;produkt=luxtar-x10\" data-marke=\"Volkswagen\" data-modell=\"Passat\" data-produkt=\"luxtar-x10\">Volkswagen Passat + Luxtar X10<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=tiguan&amp;produkt=nbb-alpha\" data-marke=\"Volkswagen\" data-modell=\"Tiguan\" data-produkt=\"nbb-alpha\">Volkswagen Tiguan + NBB Alpha<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=transporter&amp;produkt=luxtar-x12\" data-marke=\"Volkswagen\" data-modell=\"Transporter\" data-produkt=\"luxtar-x12\">Volkswagen Transporter + Luxtar X12<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=transit&amp;produkt=luxtar-x20\" data-marke=\"Ford\" data-modell=\"Transit\" data-produkt=\"luxtar-x20\">Ford Transit + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=s-max&amp;produkt=luxtar-x20\" data-marke=\"Ford\" data-modell=\"S-MAX\" data-produkt=\"luxtar-x20\">Ford S-MAX + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=tesla&amp;modell=model-y-juniper&amp;produkt=luxtar-twilight\" data-marke=\"Tesla\" data-modell=\"Model Y Juniper\" data-produkt=\"luxtar-twilight\">Tesla Model Y Juniper + Luxtar Twilight<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=tesla&amp;modell=model-y&amp;produkt=luxtar-twilight\" data-marke=\"Tesla\" data-modell=\"Model Y\" data-produkt=\"luxtar-twilight\">Tesla Model Y + Luxtar Twilight<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=subaru&amp;modell=outback&amp;produkt=luxtar-x10\" data-marke=\"Subaru\" data-modell=\"Outback\" data-produkt=\"luxtar-x10\">Subaru Outback + Luxtar X10<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=mitsubishi&amp;modell=outlander&amp;produkt=luxtar-x18\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-produkt=\"luxtar-x18\">Mitsubishi Outlander + Luxtar X18<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=mitsubishi&amp;modell=outlander&amp;produkt=luxtar-x24\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-produkt=\"luxtar-x24\">Mitsubishi Outlander + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=skoda&amp;modell=octavia&amp;produkt=luxtar-x20\" data-marke=\"Skoda\" data-modell=\"Octavia\" data-produkt=\"luxtar-x20\">Skoda Octavia + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=honda&amp;modell=civic&amp;produkt=luxtar-x20\" data-marke=\"Honda\" data-modell=\"Civic\" data-produkt=\"luxtar-x20\">Honda Civic + Luxtar X20<\/a>\n  <\/div>\n<\/section>\n\n<!--\n  =========================================================================\n  [SECTION: UGC MAILTO ROW]\n  =========================================================================\n-->\n<div class=\"xk-install-wrap\">\n  <p class=\"xk-ugc\">\n    Har du en installasjon du vil dele? Send bildet til\n    <a href=\"mailto:galleri@xenonkungen.com\">gallery@xenonkungen.com<\/a>\n    Vi legger det ut i posten \u2013 og du f\u00e5r 10 % i rabatt p\u00e5 ditt neste kj\u00f8p.\n  <\/p>\n<\/div>\n\n<!-- Footer renders from theme - do not include -->\n\n<!--\n  =========================================================================\n  [LIGHTBOX] \u2013 \u00e5teranv\u00e4ndbar p\u00e5 produktsidor\n  =========================================================================\n-->\n<div class=\"xk-lb\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Installasjonsbilde\">\n  <div class=\"xk-lb-stage\">\n    <button class=\"xk-lb-close\" id=\"lb-close\" aria-label=\"Lukke\">\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n    <button class=\"xk-lb-prev\" id=\"lb-prev\" aria-label=\"Tidligere\">\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n    <\/button>\n    <button class=\"xk-lb-next\" id=\"lb-next\" aria-label=\"Neste\">\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n    <\/button>\n    <div class=\"xk-lb-imgwrap\" id=\"lb-imgwrap\">\n      <div class=\"xk-lb-counter\" id=\"lb-counter\">1 \/ 12<\/div>\n    <\/div>\n    <div class=\"xk-lb-info\">\n      <div class=\"meta\">\n        <h3 id=\"lb-title\">Volvo V60 (2018\u20132024)<\/h3>\n        <div class=\"prods\" id=\"lb-prods\">Installerte produkter: \u2026<\/div>\n      <\/div>\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"lb-cta\">Kj\u00f8p samme installasjon \u2192<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!--\n  =========================================================================\n  [MINI MODAL] \u2013 flera produkter\n  =========================================================================\n-->\n<div class=\"xk-modal\" id=\"cartmodal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Legg installasjon i handlekurven\">\n  <div class=\"xk-modal-box\">\n    <h3 id=\"cm-title\">Kj\u00f8p samme installasjon<\/h3>\n    <p class=\"sub\" id=\"cm-sub\">Velg produkter som skal legges til i handlekurven.<\/p>\n    <ul class=\"xk-modal-list\" id=\"cm-list\"><\/ul>\n    <div class=\"xk-modal-total\">\n      <span class=\"label\">Total<\/span>\n      <span class=\"sum\" id=\"cm-total\">0 kr<\/span>\n    <\/div>\n    <div class=\"xk-modal-actions\">\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"cm-add\">Legg til 2 produkter i handlekurven<\/button>\n      <button type=\"button\" class=\"xk-modal-cancel\" id=\"cm-cancel\">Avbryt<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* =========================================================================\n   [DOM-DRIVEN] \u2013 allt inneh\u00e5ll finns som statisk HTML i sidan.\n   JavaScript skapar inget, det filtrerar och visar\/d\u00f6ljer befintliga kort.\n   ========================================================================= *\/\n\n\/* Slug-helper (f\u00f6r URL-params och matchning) *\/\nconst slug = (s) => s.toLowerCase()\n  .replace(\/\u00e5\/g,\"a\").replace(\/\u00e4\/g,\"a\").replace(\/\u00f6\/g,\"o\")\n  .replace(\/[^a-z0-9]+\/g,\"-\").replace(\/(^-|-$)\/g,\"\");\n\nconst $ = (s, r=document) => r.querySelector(s);\nconst $$ = (s, r=document) => Array.from(r.querySelectorAll(s));\n\nfunction fmt(kr){ return kr.toLocaleString(\"sv-SE\") + \" kr\"; }\n\n\/* L\u00e4s in de statiska korten en g\u00e5ng. DOM \u00e4r enda sanningsk\u00e4llan. *\/\nconst CARDS = $$(\"#grid .xk-card\").map(el => {\n  let produkter = [];\n  try { produkter = JSON.parse(el.getAttribute(\"data-produkter\") || \"[]\"); }\n  catch(e){ produkter = []; }\n  let bilder = [];\n  try { bilder = JSON.parse(el.getAttribute(\"data-bilder\") || \"[]\"); }\n  catch(e){ bilder = []; }\n  const fallbackBild = el.getAttribute(\"data-bild\") || \"\";\n  if(bilder.length === 0 && fallbackBild) bilder = [fallbackBild];\n  return {\n    el,\n    id: parseInt(el.getAttribute(\"data-id\"), 10),\n    bilder,\n    bilmarke: el.getAttribute(\"data-marke\") || \"\",\n    bilmodell: el.getAttribute(\"data-modell\") || \"\",\n    datum: el.getAttribute(\"data-datum\") || \"\",\n    har_video: el.getAttribute(\"data-video\") === \"1\",\n    bild: el.getAttribute(\"data-bild\") || \"\",\n    produkter\n  };\n});\n\n\/* Placeholder-bakgrund (anv\u00e4nds bara om ett kort saknar bild) *\/\nfunction placeholderBg(id, hasVideo){\n  const hues = [212, 218, 224, 230, 200, 208, 222, 206];\n  const h = hues[id % hues.length];\n  const beamX = 30 + ((id * 17) % 40);\n  const beamY = 55 + ((id * 11) % 30);\n  return `\n    background:\n      radial-gradient(ellipse 60% 40% at ${beamX}% ${beamY}%,\n        rgba(255,245,210,0.42) 0%,\n        rgba(255,230,170,0.18) 25%,\n        rgba(255,210,150,0.04) 50%,\n        rgba(0,0,0,0) 70%),\n      radial-gradient(ellipse 80% 60% at ${100-beamX}% ${beamY-10}%,\n        rgba(180,210,255,0.10) 0%,\n        rgba(0,0,0,0) 60%),\n      linear-gradient(180deg,\n        hsl(${h}, 18%, 8%)   0%,\n        hsl(${h}, 22%, 12%) 50%,\n        hsl(${h}, 16%, 6%)  100%);\n  `;\n}\n\n\/* =========================================================================\n   [STATE]\n   ========================================================================= *\/\nlet state = { marke: \"\", modell: \"\", produktKey: \"\", visible: 12 };\n\nfunction applyURLParams(){\n  const u = new URL(window.location);\n  const m = u.searchParams.get(\"marke\");\n  const mo = u.searchParams.get(\"modell\");\n  const p = u.searchParams.get(\"produkt\");\n  if(m) state.marke = decodeURIComponent(m);\n  if(mo) state.modell = decodeURIComponent(mo);\n  if(p) state.produktKey = p;\n}\nfunction syncURL(){\n  const u = new URL(window.location);\n  const params = u.searchParams;\n  state.marke ? params.set(\"marke\", slug(state.marke)) : params.delete(\"marke\");\n  state.modell ? params.set(\"modell\", slug(state.modell)) : params.delete(\"modell\");\n  state.produktKey ? params.set(\"produkt\", state.produktKey) : params.delete(\"produkt\");\n  history.replaceState({}, \"\", u.pathname + (params.toString() ? \"?\" + params.toString() : \"\") + u.hash);\n}\n\nfunction matches(c){\n  if(state.marke && slug(c.bilmarke) !== slug(state.marke)) return false;\n  if(state.modell && slug(c.bilmodell) !== slug(state.modell)) return false;\n  if(state.produktKey && !c.produkter.some(p => slug(p.namn) === state.produktKey)) return false;\n  return true;\n}\n\n\/* =========================================================================\n   [RENDER: GRID] \u2013 visar\/d\u00f6ljer befintliga kort, skapar inga\n   ========================================================================= *\/\nfunction renderGrid(){\n  let total = 0, shown = 0;\n  CARDS.forEach(c => {\n    const ok = matches(c);\n    if(ok) total++;\n    if(ok && shown < state.visible){ c.el.hidden = false; shown++; }\n    else { c.el.hidden = true; }\n  });\n  const empty = $(\"#empty\");\n  const loadwrap = $(\"#loadmore-wrap\");\n  if(empty) empty.hidden = total !== 0;\n  if(loadwrap) loadwrap.hidden = shown >= total;\n  const cnt = $(\"#f-count\");\n  if(cnt) cnt.textContent = `Visar ${shown} av ${total} installation${total === 1 ? \"\" : \"er\"}`;\n}\n\n\/* =========================================================================\n   [RENDER: FILTER SELECTS] \u2013 byggs fr\u00e5n korten, inte tv\u00e4rtom\n   ========================================================================= *\/\nfunction renderFilters(){\n  const fMarke = $(\"#f-marke\");\n  const fProdukt = $(\"#f-produkt\");\n\n  const brands = Array.from(new Set(CARDS.map(c => c.bilmarke))).sort();\n  if(fMarke){\n    fMarke.innerHTML = `<option value=\"\">Alla bilm\u00e4rken<\/option>` +\n      brands.map(b => `<option value=\"${b}\" ${state.marke===b?\"selected\":\"\"}>${b}<\/option>`).join(\"\");\n  }\n\n  const seen = new Set();\n  const prods = [];\n  CARDS.forEach(c => c.produkter.forEach(p => {\n    if(!seen.has(p.namn)){ seen.add(p.namn); prods.push(p.namn); }\n  }));\n  prods.sort();\n  if(fProdukt){\n    fProdukt.innerHTML = `<option value=\"\">Alla produkter<\/option>` +\n      prods.map(n => `<option value=\"${slug(n)}\" ${state.produktKey===slug(n)?\"selected\":\"\"}>${n}<\/option>`).join(\"\");\n  }\n\n  const hasFilter = state.marke || state.modell || state.produktKey;\n  const fClear = $(\"#f-clear\");\n  if(fClear) fClear.hidden = !hasFilter;\n}\n\n\/* =========================================================================\n   [POPULAR CHIPS] \u2013 statiska <a> i HTML. JS bara f\u00f6rb\u00e4ttrar dem.\n   ========================================================================= *\/\nfunction bindPopular(){\n  $$(\"#popular-grid .xk-popular-chip\").forEach(a => {\n    a.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      state.marke = a.getAttribute(\"data-marke\") || \"\";\n      state.modell = a.getAttribute(\"data-modell\") || \"\";\n      state.produktKey = a.getAttribute(\"data-produkt\") || \"\";\n      state.visible = 12;\n      syncAll();\n      const fb = $(\"#filterbar\");\n      if(fb) window.scrollTo({ top: fb.offsetTop - 8, behavior:\"smooth\" });\n    });\n  });\n}\n\n\/* =========================================================================\n   [SYNC ALL]\n   ========================================================================= *\/\nfunction syncAll(){\n  renderFilters();\n  renderGrid();\n  syncURL();\n}\n\n\/* =========================================================================\n   [LIGHTBOX]\n   ========================================================================= *\/\nlet lbList = [];\nlet lbIdx = 0;\nlet lbImgIdx = 0;\nfunction openLightbox(id){\n  lbList = CARDS.filter(matches);\n  if(lbList.length === 0) return;\n  lbIdx = Math.max(0, lbList.findIndex(c => c.id === id));\n  lbImgIdx = 0;\n  renderLB();\n  $(\"#lightbox\").classList.add(\"is-open\");\n  document.body.style.overflow = \"hidden\";\n}\nfunction closeLightbox(){\n  $(\"#lightbox\").classList.remove(\"is-open\");\n  document.body.style.overflow = \"\";\n}\nfunction renderLB(){\n  if(lbList.length === 0) return closeLightbox();\n  lbIdx = (lbIdx + lbList.length) % lbList.length;\n  const c = lbList[lbIdx];\n  const bilder = (c.bilder && c.bilder.length) ? c.bilder : (c.bild ? [c.bild] : []);\n  lbImgIdx = ((lbImgIdx % bilder.length) + bilder.length) % bilder.length;\n  const wrap = $(\"#lb-imgwrap\");\n  const prodNames = c.produkter.map(p => p.namn).join(\", \");\n  const currentImg = bilder[lbImgIdx] || \"\";\n  const hasMulti = bilder.length > 1;\n  \n  let imgwrapHTML = \"\";\n  if(currentImg){\n    imgwrapHTML += '<img decoding=\"async\" src=\"' + currentImg + '\" alt=\"' + c.bilmarke + ' ' + c.bilmodell + '\" class=\"xk-lb-img\">';\n  } else {\n    imgwrapHTML += '<div class=\"xk-lb-placeholder\">Ingen bild<\/div>';\n  }\n  wrap.innerHTML = imgwrapHTML;\n  \n  const stage = $(\".xk-lb-stage\");\n  let counterEl = $(\"#lb-counter\");\n  if(hasMulti){\n    if(!counterEl){\n      counterEl = document.createElement(\"div\");\n      counterEl.id = \"lb-counter\";\n      counterEl.className = \"xk-lb-counter-v2\";\n      if(stage) stage.appendChild(counterEl);\n    }\n    counterEl.textContent = (lbImgIdx + 1) + \" \/ \" + bilder.length;\n    counterEl.style.display = \"\";\n  } else {\n    if(counterEl) counterEl.style.display = \"none\";\n  }\n  \n  const titleEl = $(\"#lb-title\");\n  const prodsEl = $(\"#lb-prods\");\n  const ctaEl = $(\"#lb-cta\");\n  if(titleEl) titleEl.textContent = c.bilmarke + \" \" + c.bilmodell;\n  if(prodsEl) prodsEl.innerHTML = 'Installerade produkter: <span>' + (prodNames || \"\u2014\") + '<\/span>';\n  if(ctaEl){\n    const firstWithUrl = c.produkter.find(p => p.url);\n    if(firstWithUrl){\n      ctaEl.style.display = \"\";\n      ctaEl.setAttribute(\"data-buy-id\", c.id);\n      ctaEl.onclick = () => { window.location.href = firstWithUrl.url; };\n    } else {\n      ctaEl.style.display = \"none\";\n    }\n  }\n  \n  let thumbsEl = $(\"#lb-thumbs\");\n  if(hasMulti){\n    if(!thumbsEl){\n      thumbsEl = document.createElement(\"div\");\n      thumbsEl.id = \"lb-thumbs\";\n      thumbsEl.className = \"xk-lb-thumbs\";\n      const info = $(\".xk-lb-info\");\n      if(stage && info) stage.insertBefore(thumbsEl, info);\n      else if(stage) stage.appendChild(thumbsEl);\n    }\n    thumbsEl.innerHTML = bilder.map((b, idx) => \n      '<button class=\"xk-lb-thumb' + (idx === lbImgIdx ? ' is-active' : '') + \n      '\" data-img-idx=\"' + idx + '\" aria-label=\"Bild ' + (idx+1) + '\">' +\n      '<img decoding=\"async\" src=\"' + b + '\" alt=\"\" loading=\"lazy\">' +\n      '<\/button>'\n    ).join('');\n    thumbsEl.style.display = \"\";\n    \n    $$(\"#lb-thumbs .xk-lb-thumb\").forEach(t => {\n      t.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        lbImgIdx = parseInt(t.getAttribute(\"data-img-idx\"), 10);\n        renderLB();\n      });\n    });\n  } else {\n    if(thumbsEl) thumbsEl.style.display = \"none\";\n  }\n}\n\n\/* =========================================================================\n   [BUY HANDLER] \u2013 l\u00e4ser produktdata fr\u00e5n kortet\n   ========================================================================= *\/\nfunction handleBuy(id){\n  const c = CARDS.find(x => x.id === id);\n  if(!c || !c.produkter || !c.produkter.length) return;\n  if(c.produkter.length === 1){\n    const p = c.produkter[0];\n    if(p.url){ window.location.href = p.url; return; }\n    if(p.id){ window.location.href = \"\/?add-to-cart=\" + p.id; return; }\n    alert(\"Produkten \u00e4r inte kopplad till k\u00f6p \u00e4nnu. Kontakta oss p\u00e5 0300-308 60 s\u00e5 hj\u00e4lper vi dig.\");\n    return;\n  }\n  const firstWithUrl = c.produkter.find(p => p.url);\n  if(firstWithUrl){ window.location.href = firstWithUrl.url; return; }\n  window.location.href = \"\/?s=\" + encodeURIComponent(c.bilmarke + \" \" + c.bilmodell);\n}\n\n\/* =========================================================================\n   [INIT + EVENTS]\n   ========================================================================= *\/\nfunction bindGrid(){\n  $$(\"#grid .xk-card-img\").forEach(el => {\n    el.addEventListener(\"click\", () => openLightbox(parseInt(el.getAttribute(\"data-id\"), 10)));\n  });\n  $$(\"#grid [data-buy-id]\").forEach(el => {\n    el.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      handleBuy(parseInt(el.getAttribute(\"data-buy-id\"), 10));\n    });\n  });\n}\n\nfunction init(){\n  applyURLParams();\n  bindGrid();\n  bindPopular();\n  syncAll();\n\n  $(\"#f-marke\").addEventListener(\"change\", (e) => {\n    state.marke = e.target.value;\n    state.modell = \"\";\n    state.visible = 12;\n    syncAll();\n  });\n  $(\"#f-produkt\").addEventListener(\"change\", (e) => {\n    state.produktKey = e.target.value;\n    state.visible = 12;\n    syncAll();\n  });\n  $(\"#f-clear\").addEventListener(\"click\", clearFilters);\n  const ec = $(\"#empty-clear\");\n  if(ec) ec.addEventListener(\"click\", (e) => { e.preventDefault(); clearFilters(); });\n  $(\"#loadmore\").addEventListener(\"click\", () => {\n    state.visible += 12;\n    renderGrid();\n  });\n\n  $(\"#lb-close\").addEventListener(\"click\", closeLightbox);\n  $(\"#lb-prev\").addEventListener(\"click\", () => {\n    const c = lbList[lbIdx];\n    const bilder = (c && c.bilder && c.bilder.length) ? c.bilder : (c && c.bild ? [c.bild] : []);\n    if(bilder.length > 1 && lbImgIdx > 0){\n      lbImgIdx--;\n    } else {\n      lbIdx--;\n      lbImgIdx = 0;\n      \/\/ Hoppa till SISTA bilden i f\u00f6reg\u00e5ende kort om f\u00f6reg\u00e5ende har multi\n      const prevC = lbList[(lbIdx + lbList.length) % lbList.length];\n      const prevBilder = (prevC && prevC.bilder && prevC.bilder.length) ? prevC.bilder : [];\n      if(prevBilder.length > 1) lbImgIdx = prevBilder.length - 1;\n    }\n    renderLB();\n  });\n  $(\"#lb-next\").addEventListener(\"click\", () => {\n    const c = lbList[lbIdx];\n    const bilder = (c && c.bilder && c.bilder.length) ? c.bilder : (c && c.bild ? [c.bild] : []);\n    if(bilder.length > 1 && lbImgIdx < bilder.length - 1){\n      lbImgIdx++;\n    } else {\n      lbIdx++;\n      lbImgIdx = 0;\n    }\n    renderLB();\n  });\n  $(\"#lightbox\").addEventListener(\"click\", (e) => {\n    if(e.target.id === \"lightbox\") closeLightbox();\n  });\n  document.addEventListener(\"keydown\", (e) => {\n    if(!$(\"#lightbox\").classList.contains(\"is-open\")) return;\n    if(e.key === \"Escape\") closeLightbox();\n    else if(e.key === \"ArrowLeft\"){ lbIdx--; renderLB(); }\n    else if(e.key === \"ArrowRight\"){ lbIdx++; renderLB(); }\n  });\n\n  \/\/ Sticky-klass (ingen visuell effekt i CSS, beh\u00e5lls f\u00f6r kompatibilitet)\n  const fb = $(\"#filterbar\");\n  if(fb){\n    const sentinel = document.createElement(\"div\");\n    sentinel.style.cssText = \"position:absolute;height:1px;width:1px;top:0;left:0;pointer-events:none\";\n    fb.parentNode.insertBefore(sentinel, fb);\n    const io = new IntersectionObserver(([entry]) => {\n      fb.classList.toggle(\"is-stuck\", !entry.isIntersecting);\n    }, { threshold: 0 });\n    io.observe(sentinel);\n  }\n}\n\nfunction clearFilters(){\n  state.marke = \"\"; state.modell = \"\"; state.produktKey = \"\"; state.visible = 12;\n  syncAll();\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", init);\n<\/script>\n<style>\n.xk-seo { background:#ffffff; }\n.xk-seo__inner { max-width:1600px; margin:0 auto; padding:32px 15px 48px; box-sizing:border-box; }\n.xk-seo h2 { font-size:26px; font-weight:700; letter-spacing:-0.015em; color:#0f1113; margin:0 0 14px; }\n.xk-seo h3 { font-size:18px; font-weight:700; color:#0f1113; margin:22px 0 8px; }\n.xk-seo p { font-size:15px; line-height:1.7; color:#3a3d42; margin:0 0 14px; }\n.xk-seo a { color:#ff6a00; text-decoration:none; font-weight:500; }\n.xk-seo a:hover { color:#e55f00; text-decoration:underline; }\n.xk-seo__cb { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }\n.xk-seo__content { position:relative; max-width:60%; max-height:240px; overflow:hidden; transition:max-height .35s ease; }\n.xk-seo__content::after { content:\"\"; position:absolute; left:0; right:0; bottom:0; height:90px; background:linear-gradient(rgba(255,255,255,0), #ffffff); transition:opacity .25s ease; pointer-events:none; }\n.xk-seo__cb:checked ~ .xk-seo__content { max-height:6000px; }\n.xk-seo__cb:checked ~ .xk-seo__content::after { opacity:0; }\n.xk-seo__btn { display:inline-block; margin-top:14px; font-size:15px; font-weight:500; color:#0f1113; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }\n.xk-seo__btn:hover { color:#000000; }\n.xk-seo__btn .xk-seo__less { display:none; }\n.xk-seo__cb:checked ~ .xk-seo__btn .xk-seo__more { display:none; }\n.xk-seo__cb:checked ~ .xk-seo__btn .xk-seo__less { display:inline; }\n.xk-seo__cb:focus-visible ~ .xk-seo__btn { outline:2px solid #ff6a00; outline-offset:2px; }\n@media (max-width:768px) {\n  .xk-seo__inner { padding:40px 10px 40px; }\n  .xk-seo h2 { font-size:21px; }\n  .xk-seo p { font-size:14px; }\n  .xk-seo__content { max-width:100%; max-height:200px; }\n}\n<\/style>\n<section class=\"xk-seo\">\n  <div class=\"xk-seo__inner\">\n    <input type=\"checkbox\" id=\"xk-seo-toggle\" class=\"xk-seo__cb\">\n    <div class=\"xk-seo__content\">\n\n      <h2>Se hvordan ekstra lys og LED-ramper ser ut installert<\/h2>\n      <p>Her finner du ekte installasjoner med tilleggslys, LED-ramper og annen kj\u00f8ret\u00f8ybelysning, b\u00e5de fra oss og fra kunder. Siden er for de som \u00f8nsker \u00e5 se hvordan ulike produkter ser ut montert p\u00e5 ulike kj\u00f8ret\u00f8y f\u00f8r de selv velger en l\u00f8sning. Du kan filtrere etter bilmerke og produkt for \u00e5 sammenligne plasseringer, st\u00f8rrelser og helhetsinntrykk p\u00e5 en mer konkret m\u00e5te enn gjennom produktbilder. Se installasjonene som inspirasjon og referanse, ikke som komplette installasjonsinstruksjoner.<\/p>\n\n      <h2>Vil du installere det selv eller f\u00e5 hjelp?<\/h2>\n      <p>Hvis du vil gj\u00f8re jobben selv, finnes det trinnvise instruksjoner i <a href=\"https:\/\/xenonkungen.com\/no\/blogg\/installer-ekstralys-den-komplette-trinnvise-veiledningen\/\" style=\"color:#ff6a00;\">Installere ekstra lys: den komplette trinnvise veiledningen<\/a> og <a href=\"https:\/\/xenonkungen.com\/no\/blogg\/installer-led-rampe\/\" style=\"color:#ff6a00;\">Installer LED-ramper p\u00e5 bilen selv<\/a>Hvis du heller \u00f8nsker \u00e5 returnere kj\u00f8ret\u00f8yet, hjelper vi deg via <a href=\"https:\/\/xenonkungen.com\/no\/montert-og-klar\/\" style=\"color:#ff6a00;\">Montert og klar<\/a>Hvis du leter etter produktene som er synlige i installasjonene, finner du dem blant <a href=\"https:\/\/xenonkungen.com\/no\/produktkategori\/ekstralys\/\" style=\"color:#ff6a00;\">ekstralys<\/a> og <a href=\"https:\/\/xenonkungen.com\/no\/produktkategori\/led-ramper-lysramper\/\" style=\"color:#ff6a00;\">LED-bar<\/a>Hvis du er usikker, ring oss p\u00e5 <a href=\"tlf:+4630030860\" style=\"color:#ff6a00;\">0300-308 60<\/a>.<\/p>\n\n    <\/div>\n    <label for=\"xk-seo-toggle\" class=\"xk-seo__btn\">\n      <span class=\"xk-seo__more\">Les mer om dette<\/span>\n      <span class=\"xk-seo__less\">Vis mindre<\/span>\n    <\/label>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Hjem\/Installasjoner Installasjoner fra v\u00e5re kunder Inspirasjon fra virkelige installasjoner \u2013 finn din bilmodell eller ditt produkt og se hvordan resultatet ser ut. 100% forn\u00f8ydhetsgaranti \u00b7 30-dagers pengene-tilbake-garanti \u00b7 1\u20133 dagers levering \u00b7 Autorisert forhandler siden 2004 \u00b7 Gratis frakt over 1 995 SEK Alle bilmerker Alle produkter Fjern filtre Viser 20 av 20 installasjoner [\u2026]<\/p>","protected":false},"author":7509,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_smort_price_nok":"","_smort_price_dkk":"","_smort_price_eur":"","_smort_sale_price_nok":"","_smort_sale_price_dkk":"","_smort_sale_price_eur":"","smort_restorder":"","shipmondo_restorder":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-30365","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen<\/title>\n<meta name=\"description\" content=\"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xenonkungen.com\/no\/installasjoner\/\" \/>\n<meta property=\"og:locale\" content=\"nb_NO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen\" \/>\n<meta property=\"og:description\" content=\"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xenonkungen.com\/no\/installasjoner\/\" \/>\n<meta property=\"og:site_name\" content=\"Xenonkungen\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-07T18:04:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ansl. lesetid\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xenonkungen.com\/installationer\/\",\"url\":\"https:\/\/xenonkungen.com\/installationer\/\",\"name\":\"F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen\",\"isPartOf\":{\"@id\":\"https:\/\/xenonkungen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\",\"datePublished\":\"2026-05-15T10:44:02+00:00\",\"dateModified\":\"2026-06-07T18:04:39+00:00\",\"description\":\"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!\",\"breadcrumb\":{\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#breadcrumb\"},\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xenonkungen.com\/installationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#primaryimage\",\"url\":\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\",\"contentUrl\":\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/xenonkungen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Installationer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xenonkungen.com\/#website\",\"url\":\"https:\/\/xenonkungen.com\/\",\"name\":\"Xenonkungen\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xenonkungen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nb-NO\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fullf\u00f8rte installasjoner av tilleggslys og LED-ramper - Xenonkungen","description":"Se ferdige installasjoner av ekstralys og LED-ramper. Filtrer etter bilmodell og produkt for inspirasjon f\u00f8r du velger en l\u00f8sning!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xenonkungen.com\/no\/installasjoner\/","og_locale":"nb_NO","og_type":"article","og_title":"F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen","og_description":"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!","og_url":"https:\/\/xenonkungen.com\/no\/installasjoner\/","og_site_name":"Xenonkungen","article_modified_time":"2026-06-07T18:04:39+00:00","og_image":[{"url":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Ansl. lesetid":"7 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xenonkungen.com\/installationer\/","url":"https:\/\/xenonkungen.com\/installationer\/","name":"Fullf\u00f8rte installasjoner av tilleggslys og LED-ramper - Xenonkungen","isPartOf":{"@id":"https:\/\/xenonkungen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xenonkungen.com\/installationer\/#primaryimage"},"image":{"@id":"https:\/\/xenonkungen.com\/installationer\/#primaryimage"},"thumbnailUrl":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg","datePublished":"2026-05-15T10:44:02+00:00","dateModified":"2026-06-07T18:04:39+00:00","description":"Se ferdige installasjoner av ekstralys og LED-ramper. Filtrer etter bilmodell og produkt for inspirasjon f\u00f8r du velger en l\u00f8sning!","breadcrumb":{"@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb"},"inLanguage":"nb-NO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xenonkungen.com\/installationer\/"]}]},{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/xenonkungen.com\/installationer\/#primaryimage","url":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg","contentUrl":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/xenonkungen.com\/"},{"@type":"ListItem","position":2,"name":"Installationer"}]},{"@type":"WebSite","@id":"https:\/\/xenonkungen.com\/#website","url":"https:\/\/xenonkungen.com\/","name":"Xenonkungen","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xenonkungen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nb-NO"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Viktor Lundgren","author_link":"https:\/\/xenonkungen.com\/no\/author\/viktor-lundgrenhannus-se\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/pages\/30365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/users\/7509"}],"replies":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/comments?post=30365"}],"version-history":[{"count":0,"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/pages\/30365\/revisions"}],"wp:attachment":[{"href":"https:\/\/xenonkungen.com\/no\/wp-json\/wp\/v2\/media?parent=30365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}