{"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":"instalaciones","status":"publish","type":"page","link":"https:\/\/xenonkungen.com\/es\/instalaciones\/","title":{"rendered":"Instalaciones"},"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=\"Pan rallado\">\n    <a href=\"\/es\/\">Inicio<\/a><span class=\"sep\">\/<\/span><span>Instalaciones<\/span>\n  <\/nav>\n  <h1>Instalaciones de nuestros clientes<\/h1>\n  <p>Insp\u00edrate en instalaciones reales: busca tu modelo de coche o producto y descubre c\u00f3mo queda el resultado.<\/p>\n  <section class=\"xk-trust\">\n    <span><b>Garant\u00eda de satisfacci\u00f3n 100%<\/b><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>30 d\u00edas<\/b> <span class=\"muted\">venta abierta<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>1\u20133 d\u00edas<\/b> <span class=\"muted\">entrega<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Distribuidor autorizado<\/b> <span class=\"muted\">desde 2004<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Env\u00edo gratis<\/b> <span class=\"muted\">m\u00e1s de 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=\"Marca de coche\">\n          <option value=\"\">Todas las marcas de autom\u00f3viles<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-produkt\" aria-label=\"Producto\">\n          <option value=\"\">Todos los productos<\/option>\n        <\/select>\n      <\/div>\n      <button type=\"button\" class=\"xk-clear\" id=\"f-clear\" hidden>Borrar filtros<\/button>\n      <div class=\"xk-count\" id=\"f-count\">Mostrando 20 de 20 instalaciones<\/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=\"Ver imagen m\u00e1s grande\">\n          <span class=\"xk-card-img-badge\">+1 im\u00e1genes<\/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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-crepusculo-300w-3\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"131\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\n          <span class=\"xk-card-img-badge\">+6 im\u00e1genes<\/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 con Luxtar Stellar y 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-estelar-blanco-rad4\/\">Luxtar Stellar, Purelux<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"130\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con Luxtar Twilight, Stellar y 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-crepusculo-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            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"127\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 Serie 5 con 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 Serie 5<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"128\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con paquete empotrado LUXTAR X20 Edici\u00f3n Negra\" 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/paquete-de-lujo-luxtar-x20-black-edition-xbb\/\">Paquete empotrable LUXTAR X20 Black Edition<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"101\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"103\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"105\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"106\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/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            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x18\/\">Luxtar X18<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"109\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"110\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"112\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x24\/\">Luxtar X24<\/a><\/li><li><a href=\"\/es\/producto\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"113\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/nbb-alpha\/\">NBB Alfa<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"114\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x12\/\">Luxtar X12<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"115\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"117\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"118\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-crepuscular\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"126\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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 Modelo Y<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-crepuscular\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"119\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"120\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x18\/\">Luxtar X18<\/a><\/li><li><a href=\"\/es\/producto\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"121\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"123\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"124\">\n            Compra la misma instalaci\u00f3n \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=\"Ver imagen m\u00e1s grande\">\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 con 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\">Productos instalados:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/es\/producto\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"125\">\n            Compra la misma instalaci\u00f3n \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n  <\/div>\n\n  <div class=\"xk-empty\" id=\"empty\" hidden>\n    <strong>No se encontraron instalaciones que coincidan con su filtro.<\/strong>\n    Intenta cambiar la marca o el producto del coche, o <a href=\"#\" id=\"empty-clear\">borrar los filtros<\/a>.\n  <\/div>\n\n  <div class=\"xk-loadmore-wrap\" id=\"loadmore-wrap\">\n    <button type=\"button\" class=\"xk-btn-secondary\" id=\"loadmore\">Mostrar m\u00e1s instalaciones<\/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>Instalaciones populares<\/h2>\n  <p class=\"intro\">Combinaciones m\u00e1s comunes que instalan nuestros clientes. Haz clic para filtrar las im\u00e1genes directamente.<\/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 + Paquete empotrado LUXTAR X20 Edici\u00f3n Negra<\/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    \u00bfTienes alguna instalaci\u00f3n que te gustar\u00eda compartir? Env\u00eda la imagen a\n    <a href=\"mailto:galleri@xenonkungen.com\">galer\u00eda@xenonkungen.com<\/a>\n    Te lo enviaremos y obtendr\u00e1s un descuento de 10 % en tu pr\u00f3xima compra.\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=\"Imagen de instalaci\u00f3n\">\n  <div class=\"xk-lb-stage\">\n    <button class=\"xk-lb-close\" id=\"lb-close\" aria-label=\"Cerca\">\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=\"Anterior\">\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=\"Pr\u00f3ximo\">\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\">Productos instalados: \u2026<\/div>\n      <\/div>\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"lb-cta\">Compra la misma instalaci\u00f3n \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=\"A\u00f1adir la instalaci\u00f3n al carrito\">\n  <div class=\"xk-modal-box\">\n    <h3 id=\"cm-title\">Compre la misma instalaci\u00f3n<\/h3>\n    <p class=\"sub\" id=\"cm-sub\">Selecciona los productos que deseas a\u00f1adir al carrito.<\/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 coronas<\/span>\n    <\/div>\n    <div class=\"xk-modal-actions\">\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"cm-add\">A\u00f1ade 2 productos al carrito<\/button>\n      <button type=\"button\" class=\"xk-modal-cancel\" id=\"cm-cancel\">Cancelar<\/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>Vea c\u00f3mo lucen las luces adicionales y las rampas LED una vez instaladas.<\/h2>\n      <p>Aqu\u00ed encontrar\u00e1s instalaciones reales con luces auxiliares, rampas LED y otras opciones de iluminaci\u00f3n para veh\u00edculos, tanto nuestras como de clientes. Esta p\u00e1gina est\u00e1 pensada para quienes desean ver c\u00f3mo lucen diferentes productos montados en distintos veh\u00edculos antes de elegir la soluci\u00f3n ideal. Puedes filtrar por marca y producto para comparar ubicaciones, tama\u00f1os y la impresi\u00f3n general de forma m\u00e1s concreta que con las im\u00e1genes. Considera las instalaciones como inspiraci\u00f3n y referencia, no como instrucciones de instalaci\u00f3n completas.<\/p>\n\n      <h2>\u00bfQuieres instalarlo t\u00fa mismo o necesitas ayuda?<\/h2>\n      <p>Si desea realizar el trabajo usted mismo, encontrar\u00e1 instrucciones paso a paso en <a href=\"https:\/\/xenonkungen.com\/es\/blog\/instalar-luces-adicionales-la-guia-completa-paso-a-paso\/\" style=\"color:#ff6a00;\">Instalaci\u00f3n de luces adicionales: la gu\u00eda completa paso a paso<\/a> y <a href=\"https:\/\/xenonkungen.com\/es\/blog\/instalar-rampa-led\/\" style=\"color:#ff6a00;\">Instala t\u00fa mismo las luces LED en el coche.<\/a>Si prefiere devolver el veh\u00edculo, le ayudaremos a trav\u00e9s de <a href=\"https:\/\/xenonkungen.com\/es\/ensamblado-y-listo\/\" style=\"color:#ff6a00;\">Montado y listo<\/a>Si buscas los productos que se ven en las instalaciones, los encontrar\u00e1s entre <a href=\"https:\/\/xenonkungen.com\/es\/categoria-producto\/luz-auxiliar\/\" style=\"color:#ff6a00;\">faros auxiliares<\/a> y <a href=\"https:\/\/xenonkungen.com\/es\/categoria-producto\/rampas-led-rampas-iluminadas\/\" style=\"color:#ff6a00;\">Barras LED<\/a>Si no est\u00e1 seguro, ll\u00e1menos al <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\">Seguir leyendo<\/span>\n      <span class=\"xk-seo__less\">Mostrar menos<\/span>\n    <\/label>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Inicio\/Instalaciones Instalaciones de nuestros clientes Insp\u00edrate con instalaciones reales: encuentra tu modelo de coche o producto y descubre c\u00f3mo queda. Garant\u00eda de satisfacci\u00f3n 100% \u00b7 Garant\u00eda de devoluci\u00f3n de dinero de 30 d\u00edas \u00b7 Entrega en 1-3 d\u00edas \u00b7 Distribuidor autorizado desde 2004 \u00b7 Env\u00edo gratuito a partir de 1995 SEK Todas las marcas de coches Todos los productos Borrar filtros Mostrando 20 de 20 instalaciones [\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\/es\/instalaciones\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/instalaciones\/\" \/>\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=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\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\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xenonkungen.com\/installationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Instalaciones completadas de luces adicionales y rampas LED - Xenonkungen","description":"Vea ejemplos de instalaciones completas de luces auxiliares y rampas LED. \u00a1Filtre por modelo de coche y producto para inspirarse antes de elegir la soluci\u00f3n!","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\/es\/instalaciones\/","og_locale":"es_ES","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\/es\/instalaciones\/","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":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xenonkungen.com\/installationer\/","url":"https:\/\/xenonkungen.com\/installationer\/","name":"Instalaciones completadas de luces adicionales y rampas LED - 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":"Vea ejemplos de instalaciones completas de luces auxiliares y rampas LED. \u00a1Filtre por modelo de coche y producto para inspirarse antes de elegir la soluci\u00f3n!","breadcrumb":{"@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xenonkungen.com\/installationer\/"]}]},{"@type":"ImageObject","inLanguage":"es","@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":"es"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Viktor Lundgren","author_link":"https:\/\/xenonkungen.com\/es\/author\/viktor-lundgrenhannus-se\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/pages\/30365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/users\/7509"}],"replies":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/comments?post=30365"}],"version-history":[{"count":0,"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/pages\/30365\/revisions"}],"wp:attachment":[{"href":"https:\/\/xenonkungen.com\/es\/wp-json\/wp\/v2\/media?parent=30365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}