{"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":"installations","status":"publish","type":"page","link":"https:\/\/xenonkungen.com\/en\/installations\/","title":{"rendered":"Installations"},"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=\"Breadcrumbs\">\n    <a href=\"\/en\/\">Home<\/a><span class=\"sep\">\/<\/span><span>Installations<\/span>\n  <\/nav>\n  <h1>Installations from our customers<\/h1>\n  <p>Inspiration from real installations \u2013 find your car model or product and see what the result looks like.<\/p>\n  <section class=\"xk-trust\">\n    <span><b>100% satisfaction guarantee<\/b><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>30 days<\/b> <span class=\"muted\">open sale<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>1\u20133 days<\/b> <span class=\"muted\">delivery<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Authorized dealer<\/b> <span class=\"muted\">since 2004<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Free shipping<\/b> <span class=\"muted\">over 1,995 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=\"Car brand\">\n          <option value=\"\">All car brands<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-produkt\" aria-label=\"Product\">\n          <option value=\"\">All products<\/option>\n        <\/select>\n      <\/div>\n      <button type=\"button\" class=\"xk-clear\" id=\"f-clear\" hidden>Clear filters<\/button>\n      <div class=\"xk-count\" id=\"f-count\">Showing 20 of 20 installations<\/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=\"View larger image\">\n          <span class=\"xk-card-img-badge\">+1 pictures<\/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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/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            Buy the same installation \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=\"View larger image\">\n          <span class=\"xk-card-img-badge\">+6 images<\/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 with Luxtar Stellar and 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/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            Buy the same installation \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=\"View larger image\">\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 with Luxtar Twilight, Stellar and 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/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            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"127\">\n            Buy the same installation \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=\"View larger image\">\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 Series with 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 Series<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"128\">\n            Buy the same installation \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=\"View larger image\">\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 with Recessed Package 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/fancy-package-luxtar-x20-black-edition-xbb\/\">Recessed package LUXTAR X20 Black Edition<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"101\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"103\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"105\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"106\">\n            Buy the same installation \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=\"View larger image\">\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 with V-sight 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/v-sight-tron-9\/\">V-sight Tron 9<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"108\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x18\/\">Luxtar X18<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"109\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"110\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"112\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><li><a href=\"\/en\/product\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"113\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/nbb-alpha\/\">NBB Alpha<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"114\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x12\/\">Luxtar X12<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"115\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"117\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"118\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/twilight-luxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"126\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/twilight-luxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"119\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"120\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x18\/\">Luxtar X18<\/a><\/li><li><a href=\"\/en\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"121\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"123\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"124\">\n            Buy the same installation \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=\"View larger image\">\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 with 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\">Installed products:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/en\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"125\">\n            Buy the same installation \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n  <\/div>\n\n  <div class=\"xk-empty\" id=\"empty\" hidden>\n    <strong>No installations match your filter.<\/strong>\n    Try changing the car brand or product, or <a href=\"#\" id=\"empty-clear\">clear the filters<\/a>.\n  <\/div>\n\n  <div class=\"xk-loadmore-wrap\" id=\"loadmore-wrap\">\n    <button type=\"button\" class=\"xk-btn-secondary\" id=\"loadmore\">Show more installations<\/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>Popular installations<\/h2>\n  <p class=\"intro\">Most common combinations our customers install. Click to filter images directly.<\/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 + Recessed Package 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-sight 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    Do you have an installation you would like to share? Send the image to\n    <a href=\"mailto:galleri@xenonkungen.com\">gallery@xenonkungen.com<\/a>\n    we&#039;ll post it - and you&#039;ll get 10 % off your next purchase.\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=\"Installation image\">\n  <div class=\"xk-lb-stage\">\n    <button class=\"xk-lb-close\" id=\"lb-close\" aria-label=\"Close\">\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=\"Previous\">\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=\"Next\">\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\">Installed products: \u2026<\/div>\n      <\/div>\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"lb-cta\">Buy the same installation \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=\"Add installation to cart\">\n  <div class=\"xk-modal-box\">\n    <h3 id=\"cm-title\">Buy the same installation<\/h3>\n    <p class=\"sub\" id=\"cm-sub\">Select products to add to cart.<\/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\">Add 2 products to cart<\/button>\n      <button type=\"button\" class=\"xk-modal-cancel\" id=\"cm-cancel\">Cancel<\/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>See what additional lights and LED ramps look like installed<\/h2>\n      <p>Here you will find real installations with auxiliary lights, LED ramps and other vehicle lighting, both from us and from customers. The page is for those who want to see how different products look mounted on different vehicles before choosing a solution yourself. You can filter by car brand and product to compare placements, sizes and overall impression in a more concrete way than through product images. See the installations as inspiration and reference, not as complete installation instructions.<\/p>\n\n      <h2>Do you want to install it yourself or get help?<\/h2>\n      <p>If you want to do the job yourself, there are step-by-step instructions in <a href=\"https:\/\/xenonkungen.com\/en\/blog\/install-extra-lights-the-complete-step-by-step-guide\/\" style=\"color:#ff6a00;\">Installing additional lights: the complete step-by-step guide<\/a> and <a href=\"https:\/\/xenonkungen.com\/en\/blog\/install-led-ramp\/\" style=\"color:#ff6a00;\">Install LED ramps on the car yourself<\/a>If you would rather return the vehicle, we will help you via <a href=\"https:\/\/xenonkungen.com\/en\/assembled-and-ready\/\" style=\"color:#ff6a00;\">Installed and Ready<\/a>If you are looking for the products that are visible in the installations, you will find them among <a href=\"https:\/\/xenonkungen.com\/en\/produkt-kategori\/extra-light\/\" style=\"color:#ff6a00;\">driving lights<\/a> and <a href=\"https:\/\/xenonkungen.com\/en\/produkt-kategori\/led-ramps-light-ramps\/\" style=\"color:#ff6a00;\">LED light bars<\/a>If you are unsure, call us at <a href=\"tel:+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\">Read more<\/span>\n      <span class=\"xk-seo__less\">Show less<\/span>\n    <\/label>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Home\/Installations Installations from our customers Inspiration from real installations \u2013 find your car model or product and see what the result looks like. 100% satisfaction guarantee \u00b7 30-day money-back guarantee \u00b7 1\u20133 day delivery \u00b7 Authorized dealer since 2004 \u00b7 Free shipping over 1,995 SEK All car brands All products Clear filters Showing 20 of 20 installations [\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\/en\/installations\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\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\/en\/installations\/\" \/>\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=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\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\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xenonkungen.com\/installationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@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\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Completed installations of additional lights and LED ramps - Xenonkungen","description":"See completed installations of auxiliary lights and LED ramps. Filter by car model and product for inspiration before choosing a solution!","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\/en\/installations\/","og_locale":"en_GB","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\/en\/installations\/","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":{"Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xenonkungen.com\/installationer\/","url":"https:\/\/xenonkungen.com\/installationer\/","name":"Completed installations of additional lights and LED ramps - 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":"See completed installations of auxiliary lights and LED ramps. Filter by car model and product for inspiration before choosing a solution!","breadcrumb":{"@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xenonkungen.com\/installationer\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@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":"en-GB"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Viktor Lundgren","author_link":"https:\/\/xenonkungen.com\/en\/author\/viktor-lundgrenhannus-se\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/pages\/30365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/users\/7509"}],"replies":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/comments?post=30365"}],"version-history":[{"count":0,"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/pages\/30365\/revisions"}],"wp:attachment":[{"href":"https:\/\/xenonkungen.com\/en\/wp-json\/wp\/v2\/media?parent=30365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}