/* ── sectie: Hero (#4) ── */
#lunex-hero {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #35545e;
  --fg: #ffffff;
  --muted: #c9e2e5;
  --surface: #102e38;
  --soft: #0b2028;
  --link: #d2a6ff;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #071d24;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lunex-hero *, #lunex-hero *::before, #lunex-hero *::after { box-sizing: border-box; }
#lunex-hero :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lunex-hero :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lunex-hero h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lunex-hero h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lunex-hero h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lunex-hero :where(p, figure, dl, dd) { margin: 0; }
#lunex-hero p { color: var(--muted); }
#lunex-hero :where(p + p) { margin-top: .75rem; }
#lunex-hero :where(header > p:last-child) { max-width: 66ch; }
#lunex-hero :where(img) { display: block; max-width: 100%; height: auto; }
#lunex-hero svg { max-width: 100%; }
#lunex-hero a { color: var(--link); text-underline-offset: .22em; }
#lunex-hero a:hover { text-decoration-thickness: 2px; }
#lunex-hero :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lunex-hero [hidden] { display: none !important; }
#lunex-hero :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lunex-hero :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lunex-hero :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lunex-hero :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lunex-hero .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lunex-hero .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lunex-hero :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lunex-hero *, #lunex-hero *::before, #lunex-hero *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lunex-hero .lx-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
#lunex-hero .lx-hero-copy { padding-block: 1rem; }
#lunex-hero .lx-hero-copy > p:not(.lx-label) { max-width: 56ch; }
#lunex-hero .lx-actions { margin-top: 1.5rem; }
#lunex-hero .lx-hero-support { background: transparent; color: var(--link); padding-inline: .3rem; text-decoration: underline; }
#lunex-hero .lx-hero-support:hover { background: transparent; }
#lunex-hero .lx-hero-features { display: flex; flex-wrap: wrap; gap: .45rem .85rem; list-style: none; padding: 0; margin: 1.4rem 0 0; color: var(--muted); font-size: .88rem; }
#lunex-hero .lx-hero-features li { border-inline-start: 2px solid var(--accent); padding-inline-start: .55rem; }
#lunex-hero .lx-hero-art { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(.3rem,1vw,.65rem); padding: clamp(.55rem,1.4vw,1rem); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lunex-hero .lx-hero-art img { width: 100%; border-radius: .5rem; aspect-ratio: 2 / 3; object-fit: cover; }
#lunex-hero .lx-hero-art .lx-hero-main { grid-column: 1 / -1; aspect-ratio: 16 / 8; }
#lunex-hero .lx-hero-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,9rem),1fr)); gap: .8rem; border-top: 1px solid var(--line); padding-top: 1rem; }
#lunex-hero .lx-hero-stats div { padding-inline-start: .8rem; border-inline-start: 2px solid var(--line); }
#lunex-hero .lx-hero-stats dt { font-size: 1.55rem; color: var(--link); font-weight: 750; }
#lunex-hero .lx-hero-stats dd { color: var(--muted); }
@media (max-width: 760px) { #lunex-hero .lx-hero-layout { grid-template-columns: minmax(0,1fr); } }

/* Section composition and interaction states */
#lunex-hero :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lunex-hero :where(a, summary) { overflow-wrap: anywhere; }
#lunex-hero :where(summary):hover { text-decoration-thickness: 2px; }
#lunex-hero .lx-hero-layout { grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); column-gap: clamp(1rem,5vw,4.75rem); }
#lunex-hero .lx-hero-art { border-radius: 1.3rem; gap: .45rem; }
#lunex-hero .lx-hero-art .ux-hero-image { aspect-ratio: 16 / 9; }
#lunex-hero .lx-hero-stats { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: .95rem; }
#lunex-hero .lx-hero-support:hover { color: var(--link); text-decoration-thickness: 2px; }
@media (max-width: 760px) { #lunex-hero .lx-hero-layout { grid-template-columns: minmax(0,1fr); } }

/* IPTVUSAX section layout */

#lunex-hero .lx-hero-copy { padding-block: clamp(.5rem,2vw,1.75rem); }

#lunex-hero .lx-hero-copy h1 { max-inline-size: 19ch; font-size: clamp(2.25rem,4.3vw,4.3rem); }

#lunex-hero .lx-hero-art { padding: .55rem; }

#lunex-hero .lx-hero-art .lx-hero-main { aspect-ratio: 16 / 10; }

#lunex-hero .lx-hero-stats { border-block-start: 3px solid var(--accent); }

/* Scoped button states take precedence over the inherited CMS theme. */
#lunex-hero :is(a, button).lx-button {
  background: #8c00ff !important;
  color: #ffffff !important;
}
#lunex-hero :is(a, button).lx-button:hover {
  background: #7200d1 !important;
  color: #ffffff !important;
}

#lunex-hero :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Voordelen (#5) ── */
#lunex-prime-hero {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #e3d7ee;
  --fg: #071d24;
  --muted: #34545b;
  --surface: #ffffff;
  --soft: #f4eaff;
  --link: #6500ad;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #ffffff;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lunex-prime-hero *, #lunex-prime-hero *::before, #lunex-prime-hero *::after { box-sizing: border-box; }
#lunex-prime-hero :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lunex-prime-hero :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lunex-prime-hero h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lunex-prime-hero h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lunex-prime-hero h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lunex-prime-hero :where(p, figure, dl, dd) { margin: 0; }
#lunex-prime-hero p { color: var(--muted); }
#lunex-prime-hero :where(p + p) { margin-top: .75rem; }
#lunex-prime-hero :where(header > p:last-child) { max-width: 66ch; }
#lunex-prime-hero :where(img) { display: block; max-width: 100%; height: auto; }
#lunex-prime-hero svg { max-width: 100%; }
#lunex-prime-hero a { color: var(--link); text-underline-offset: .22em; }
#lunex-prime-hero a:hover { text-decoration-thickness: 2px; }
#lunex-prime-hero :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lunex-prime-hero [hidden] { display: none !important; }
#lunex-prime-hero :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lunex-prime-hero :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lunex-prime-hero :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lunex-prime-hero :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lunex-prime-hero .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lunex-prime-hero .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lunex-prime-hero :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lunex-prime-hero *, #lunex-prime-hero *::before, #lunex-prime-hero *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lunex-prime-hero .lx-live-layout { display: grid; gap: var(--gap); }
#lunex-prime-hero .lx-live-image { position: relative; overflow: hidden; }
#lunex-prime-hero .lx-live-image img { width: 100%; height: clamp(15rem,34vw,28rem); object-fit: cover; }
#lunex-prime-hero .lx-live-image figcaption { padding: .75rem 1.1rem; color: var(--ink); background: var(--mint); }
#lunex-prime-hero .lx-live-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap: 1rem; padding: 0; margin: 0; list-style: none; }
#lunex-prime-hero .lx-live-list li { padding: clamp(1rem, 2.2vw, 1.6rem); }
#lunex-prime-hero .lx-live-list li:first-child { border-top: 4px solid var(--accent); }
#lunex-prime-hero .lx-live-list li > span { display: block; color: var(--link); font-weight: 800; margin-bottom: .75rem; }
#lunex-prime-hero .ux-live-action { margin-top: 1.4rem; }

/* Section composition and interaction states */
#lunex-prime-hero :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lunex-prime-hero :where(a, summary) { overflow-wrap: anywhere; }
#lunex-prime-hero :where(summary):hover { text-decoration-thickness: 2px; }
#lunex-prime-hero .lx-live-image { align-self: center; }
#lunex-prime-hero .lx-live-image img { aspect-ratio: 4 / 3; object-fit: cover; }
#lunex-prime-hero .lx-live-list li { padding-block: .85rem; }
#lunex-prime-hero .lx-live-list [data-ux-benefit="1"] { border-top: 2px solid var(--link); }

/* IPTVUSAX section layout */

#lunex-prime-hero .lx-live-image { align-self: start; }

#lunex-prime-hero .lx-live-image img { aspect-ratio: 5 / 4; }

#lunex-prime-hero .lx-live-list li { border-inline-start: 3px solid var(--accent); padding: clamp(.85rem,2vw,1.4rem); }

#lunex-prime-hero .lx-live-list [data-ux-benefit="1"] { border-top: 0; }

#lunex-prime-hero .ux-live-action { border-block-start: 1px solid var(--line); padding-block-start: 1rem; }

/* Scoped button states take precedence over the inherited CMS theme. */
#lunex-prime-hero :is(a, button).lx-button {
  background: #8c00ff !important;
  color: #ffffff !important;
}
#lunex-prime-hero :is(a, button).lx-button:hover {
  background: #7200d1 !important;
  color: #ffffff !important;
}

#lunex-prime-hero :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Nieuwe sectie (#39) ── */
#lunex-vision-hero {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #35545e;
  --fg: #ffffff;
  --muted: #c9e2e5;
  --surface: #102e38;
  --soft: #0b2028;
  --link: #d2a6ff;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #0b2028;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lunex-vision-hero *, #lunex-vision-hero *::before, #lunex-vision-hero *::after { box-sizing: border-box; }
#lunex-vision-hero :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lunex-vision-hero :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lunex-vision-hero h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lunex-vision-hero h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lunex-vision-hero h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lunex-vision-hero :where(p, figure, dl, dd) { margin: 0; }
#lunex-vision-hero p { color: var(--muted); }
#lunex-vision-hero :where(p + p) { margin-top: .75rem; }
#lunex-vision-hero :where(header > p:last-child) { max-width: 66ch; }
#lunex-vision-hero :where(img) { display: block; max-width: 100%; height: auto; }
#lunex-vision-hero svg { max-width: 100%; }
#lunex-vision-hero a { color: var(--link); text-underline-offset: .22em; }
#lunex-vision-hero a:hover { text-decoration-thickness: 2px; }
#lunex-vision-hero :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lunex-vision-hero [hidden] { display: none !important; }
#lunex-vision-hero :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lunex-vision-hero :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lunex-vision-hero :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lunex-vision-hero :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lunex-vision-hero .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lunex-vision-hero .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lunex-vision-hero :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lunex-vision-hero *, #lunex-vision-hero *::before, #lunex-vision-hero *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lunex-vision-hero .lx-screen-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: var(--gap); align-items: center; }
#lunex-vision-hero figure { grid-column: 1; grid-row: 1; overflow: hidden; }
#lunex-vision-hero figure img { width: 100%; }
#lunex-vision-hero figcaption { padding: 1rem; color: var(--muted); border-top: 1px solid var(--line); }
#lunex-vision-hero .lx-screen-steps { margin: 1.2rem 0; padding-inline-start: 1.65rem; }
#lunex-vision-hero .lx-screen-steps li { padding: .5rem .4rem; border-bottom: 1px solid var(--line); }
#lunex-vision-hero .lx-screen-steps li::marker { color: var(--link); font-weight: 750; }
@media (max-width: 760px) {
  #lunex-vision-hero .lx-screen-layout { grid-template-columns: minmax(0,1fr); }
  #lunex-vision-hero figure { grid-row: auto; }
}

/* Section composition and interaction states */
#lunex-vision-hero :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lunex-vision-hero :where(a, summary) { overflow-wrap: anywhere; }
#lunex-vision-hero :where(summary):hover { text-decoration-thickness: 2px; }
#lunex-vision-hero .lx-screen-layout { align-items: center; }
#lunex-vision-hero .lx-screen-steps { list-style-position: outside; }
#lunex-vision-hero .lx-screen-steps li { padding: .5rem; border-bottom: 1px solid var(--line); }
#lunex-vision-hero .ux-next ol { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap: .75rem 1.75rem; }
#lunex-vision-hero .ux-next { padding: clamp(1rem,3.5vw,2rem); margin-block: clamp(1.25rem,4vw,2.5rem) 0; background: var(--soft); border-inline-start: .25rem solid var(--link); }
#lunex-vision-hero .ux-next h2 { font-size: clamp(1.4rem,3vw,2.1rem); max-width: 34ch; }
#lunex-vision-hero .ux-next :is(ul,ol) { padding-inline-start: 1.35rem; }
#lunex-vision-hero .ux-next li + li { margin-block-start: .45rem; }
#lunex-vision-hero .ux-next dt { font-weight: 750; }
#lunex-vision-hero .ux-next li::marker { font-weight: 750; color: var(--link); }
#lunex-vision-hero .ux-next .lx-button { margin: .65rem .85rem .35rem 0; }

/* IPTVUSAX section layout */

#lunex-vision-hero .lx-screen-layout > .lx-panel { align-self: center; overflow: hidden; }

#lunex-vision-hero .ux-next ol { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap: .9rem; padding-inline-start: 0; list-style-position: inside; }

#lunex-vision-hero .ux-next ol li { background: var(--surface); padding: .85rem; margin: 0; border-radius: .65rem; }

/* Scoped button states take precedence over the inherited CMS theme. */
#lunex-vision-hero :is(a, button).lx-button {
  background: #8c00ff !important;
  color: #ffffff !important;
}
#lunex-vision-hero :is(a, button).lx-button:hover {
  background: #7200d1 !important;
  color: #ffffff !important;
}

#lunex-vision-hero :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Aanbod (#6) ── */
#lxtv2026 {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #e3d7ee;
  --fg: #071d24;
  --muted: #34545b;
  --surface: #ffffff;
  --soft: #f4eaff;
  --link: #6500ad;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #ffffff;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lxtv2026 *, #lxtv2026 *::before, #lxtv2026 *::after { box-sizing: border-box; }
#lxtv2026 :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lxtv2026 :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lxtv2026 h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lxtv2026 h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lxtv2026 h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lxtv2026 :where(p, figure, dl, dd) { margin: 0; }
#lxtv2026 p { color: var(--muted); }
#lxtv2026 :where(p + p) { margin-top: .75rem; }
#lxtv2026 :where(header > p:last-child) { max-width: 66ch; }
#lxtv2026 :where(img) { display: block; max-width: 100%; height: auto; }
#lxtv2026 svg { max-width: 100%; }
#lxtv2026 a { color: var(--link); text-underline-offset: .22em; }
#lxtv2026 a:hover { text-decoration-thickness: 2px; }
#lxtv2026 :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lxtv2026 [hidden] { display: none !important; }
#lxtv2026 :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lxtv2026 :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lxtv2026 :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lxtv2026 :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lxtv2026 .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lxtv2026 .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lxtv2026 :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lxtv2026 *, #lxtv2026 *::before, #lxtv2026 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lxtv2026 .lx-heading { text-align: center; }
#lxtv2026 .lx-heading p { margin-inline: auto; }
#lxtv2026 .ux-network-pair { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,25rem),1fr)); gap: var(--gap); }
#lxtv2026 .lx-network { padding: clamp(.8rem,2vw,1.4rem); border-radius: var(--radius); border: 1px solid var(--line); background: var(--soft); }
#lxtv2026 .lx-network-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .35rem 1rem; margin-bottom: 1rem; }
#lxtv2026 .lx-network-heading h3 { margin: 0; }
#lxtv2026 .lx-network-heading span { color: var(--link); font-size: .85rem; font-weight: 700; }
#lxtv2026 .lx-network ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,7rem),1fr)); list-style: none; padding: 0; margin: 0; gap: .6rem; }
#lxtv2026 .lx-network li { display: grid; justify-items: center; align-content: start; gap: .4rem; padding: .65rem .35rem; text-align: center; font-size: .86rem; }
#lxtv2026 .lx-network img { height: 3.25rem; width: 100%; object-fit: contain; }

/* Section composition and interaction states */
#lxtv2026 :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lxtv2026 :where(a, summary) { overflow-wrap: anywhere; }
#lxtv2026 :where(summary):hover { text-decoration-thickness: 2px; }
#lxtv2026 .lx-network { padding: clamp(.75rem,2vw,1.4rem); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
#lxtv2026 .lx-network ul { grid-template-columns: repeat(auto-fit,minmax(min(100%,7rem),1fr)); }
#lxtv2026 .lx-network li { background: var(--soft); }

/* IPTVUSAX section layout */

#lxtv2026 .lx-network-heading { border-block-end: 1px solid var(--line); padding-block-end: .65rem; }

#lxtv2026 .lx-network ul { gap: .55rem; }

#lxtv2026 .lx-network li { background: var(--soft); border-radius: .65rem; }

#lxtv2026 :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Call-to-action (#10) ── */
#lx-cinema26 {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #35545e;
  --fg: #ffffff;
  --muted: #c9e2e5;
  --surface: #102e38;
  --soft: #0b2028;
  --link: #d2a6ff;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #0b2028;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lx-cinema26 *, #lx-cinema26 *::before, #lx-cinema26 *::after { box-sizing: border-box; }
#lx-cinema26 :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lx-cinema26 :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lx-cinema26 h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lx-cinema26 h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lx-cinema26 h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lx-cinema26 :where(p, figure, dl, dd) { margin: 0; }
#lx-cinema26 p { color: var(--muted); }
#lx-cinema26 :where(p + p) { margin-top: .75rem; }
#lx-cinema26 :where(header > p:last-child) { max-width: 66ch; }
#lx-cinema26 :where(img) { display: block; max-width: 100%; height: auto; }
#lx-cinema26 svg { max-width: 100%; }
#lx-cinema26 a { color: var(--link); text-underline-offset: .22em; }
#lx-cinema26 a:hover { text-decoration-thickness: 2px; }
#lx-cinema26 :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lx-cinema26 [hidden] { display: none !important; }
#lx-cinema26 :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lx-cinema26 :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lx-cinema26 :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lx-cinema26 :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lx-cinema26 .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lx-cinema26 .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lx-cinema26 :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lx-cinema26 *, #lx-cinema26 *::before, #lx-cinema26 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lx-cinema26 .lx-cinema-shelf { margin-top: 2rem; min-width: 0; }
#lx-cinema26 .lx-cinema-shelf h3 { border-inline-start: 3px solid var(--accent); padding-inline-start: .8rem; margin-bottom: 1rem; }
#lx-cinema26 .lx-cinema-scroll { overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-color: var(--accent) var(--soft); padding: .3rem .2rem .9rem; }
#lx-cinema26 .lx-cinema-scroll ul { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(7.8rem, 19vw, 12.25rem); gap: .85rem; list-style: none; padding: 0; margin: 0; }
#lx-cinema26 .lx-cinema-scroll li { scroll-snap-align: start; min-width: 0; }
#lx-cinema26 figure { height: 100%; overflow: hidden; }
#lx-cinema26 figure img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; }
#lx-cinema26 figcaption { display: grid; gap: .2rem; padding: .6rem .7rem .8rem; font-size: .9rem; }
#lx-cinema26 figcaption span { color: var(--muted); }

/* Section composition and interaction states */
#lx-cinema26 :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lx-cinema26 :where(a, summary) { overflow-wrap: anywhere; }
#lx-cinema26 :where(summary):hover { text-decoration-thickness: 2px; }
#lx-cinema26 .lx-cinema-shelf { padding: clamp(.7rem,2vw,1.3rem); border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
#lx-cinema26 .lx-cinema-scroll { scroll-padding-inline: .5rem; scrollbar-color: var(--link) var(--soft); padding: .35rem .25rem .75rem; }
#lx-cinema26 .lx-cinema-scroll ul { grid-auto-columns: clamp(7.75rem,16vw,11.5rem); gap: .65rem; }

/* IPTVUSAX section layout */

#lx-cinema26 .lx-cinema-shelf + .lx-cinema-shelf { margin-block-start: 1.2rem; }

#lx-cinema26 .lx-cinema-shelf { background: var(--surface); border-block-start: 3px solid var(--accent); }

#lx-cinema26 .lx-cinema-scroll ul { grid-auto-columns: clamp(7rem,14vw,10rem); }

#lx-cinema26 :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Prijzen (#7) ── */
#lunex-pricing[data-lunex-layout="252"] {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #e3d7ee;
  --fg: #071d24;
  --muted: #34545b;
  --surface: #ffffff;
  --soft: #f4eaff;
  --link: #6500ad;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #ffffff;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lunex-pricing[data-lunex-layout="252"] *, #lunex-pricing[data-lunex-layout="252"] *::before, #lunex-pricing[data-lunex-layout="252"] *::after { box-sizing: border-box; }
#lunex-pricing[data-lunex-layout="252"] :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lunex-pricing[data-lunex-layout="252"] :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lunex-pricing[data-lunex-layout="252"] h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lunex-pricing[data-lunex-layout="252"] h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lunex-pricing[data-lunex-layout="252"] h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lunex-pricing[data-lunex-layout="252"] :where(p, figure, dl, dd) { margin: 0; }
#lunex-pricing[data-lunex-layout="252"] p { color: var(--muted); }
#lunex-pricing[data-lunex-layout="252"] :where(p + p) { margin-top: .75rem; }
#lunex-pricing[data-lunex-layout="252"] :where(header > p:last-child) { max-width: 66ch; }
#lunex-pricing[data-lunex-layout="252"] :where(img) { display: block; max-width: 100%; height: auto; }
#lunex-pricing[data-lunex-layout="252"] svg { max-width: 100%; }
#lunex-pricing[data-lunex-layout="252"] a { color: var(--link); text-underline-offset: .22em; }
#lunex-pricing[data-lunex-layout="252"] a:hover { text-decoration-thickness: 2px; }
#lunex-pricing[data-lunex-layout="252"] :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lunex-pricing[data-lunex-layout="252"] [hidden] { display: none !important; }
#lunex-pricing[data-lunex-layout="252"] :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lunex-pricing[data-lunex-layout="252"] :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lunex-pricing[data-lunex-layout="252"] :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lunex-pricing[data-lunex-layout="252"] :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lunex-pricing[data-lunex-layout="252"] .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lunex-pricing[data-lunex-layout="252"] .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lunex-pricing[data-lunex-layout="252"] :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lunex-pricing[data-lunex-layout="252"] *, #lunex-pricing[data-lunex-layout="252"] *::before, #lunex-pricing[data-lunex-layout="252"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lunex-pricing[data-lunex-layout="252"] .nx-process { display: flex; flex-wrap: wrap; gap: .55rem; padding: 0; margin: 0 0 1rem; list-style-position: inside; }
#lunex-pricing[data-lunex-layout="252"] .nx-process li { background: var(--soft); border-radius: .55rem; border: 1px solid var(--line); padding: .35rem .65rem; font-size: .9rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-pricing { display: grid; gap: 1rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-plan { min-width: 0; padding: clamp(1rem,2.3vw,1.65rem); }
#lunex-pricing[data-lunex-layout="252"] .nx-featured { border-top: 4px solid var(--accent); }
#lunex-pricing[data-lunex-layout="252"] .nx-prices { margin-block: .6rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-price strong { display: block; font-size: clamp(2rem,4vw,2.9rem); font-variant-numeric: tabular-nums; line-height: 1.15; }
#lunex-pricing[data-lunex-layout="252"] .nx-price span { display: block; color: var(--muted); font-size: .85rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-price-2, #lunex-pricing[data-lunex-layout="252"] .nx-price-3 { display: none; }
#lunex-pricing[data-lunex-layout="252"] .nx-plan:has(input:is([value="2"], [value="3"]):checked) .nx-price-1 { display: none; }
#lunex-pricing[data-lunex-layout="252"] .nx-plan:has(input[value="2"]:checked) .nx-price-2,
#lunex-pricing[data-lunex-layout="252"] .nx-plan:has(input[value="3"]:checked) .nx-price-3 { display: block; }
#lunex-pricing[data-lunex-layout="252"] fieldset { min-width: 0; border: 0; padding: 0; margin: .65rem 0; }
#lunex-pricing[data-lunex-layout="252"] legend { font-weight: 700; margin-bottom: .4rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-device-options { display: flex; gap: .4rem; flex-wrap: wrap; }
#lunex-pricing[data-lunex-layout="252"] .nx-device-options label { display: flex; align-items: center; gap: .28rem; min-height: 44px; border: 1px solid var(--line); border-radius: .55rem; padding: .25rem .45rem; font-size: .84rem; cursor: pointer; }
#lunex-pricing[data-lunex-layout="252"] input { accent-color: #6500ad; margin: 0; }
#lunex-pricing[data-lunex-layout="252"] .nx-device-options label:has(input:checked) { background: var(--soft); border-color: var(--link); }
#lunex-pricing[data-lunex-layout="252"] .nx-plan ul { padding-inline-start: 1.2rem; margin: .7rem 0 1.25rem; font-size: .9rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-plan li + li { margin-top: .25rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-plan li::marker { color: var(--link); }
#lunex-pricing[data-lunex-layout="252"] .nx-note { margin-block: 1rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-note:empty { display: none; }
#lunex-pricing[data-lunex-layout="252"] .nx-cta { margin-top: 1rem; padding: 1.15rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-preserved-media { margin-top: 1rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-preserved-media img { max-width: min(100%, 19rem); }

#lunex-pricing[data-lunex-layout="252"] .nx-pricing { grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr)); }
#lunex-pricing[data-lunex-layout="252"] .nx-plan { display: flex; flex-direction: column; align-items: start; }
#lunex-pricing[data-lunex-layout="252"] .nx-plan .lx-button { margin-top: auto; }
#lunex-pricing[data-lunex-layout="252"] .ux-plan-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,16rem); gap: 1rem; align-items: start; }
#lunex-pricing[data-lunex-layout="252"] .ux-plan-intro .nx-process { border-inline-start: 2px solid var(--accent); padding-inline-start: 1rem; }
@media (max-width: 700px) { #lunex-pricing[data-lunex-layout="252"] .ux-plan-intro { grid-template-columns: minmax(0,1fr); } }

/* Section composition and interaction states */
#lunex-pricing[data-lunex-layout="252"] :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lunex-pricing[data-lunex-layout="252"] :where(a, summary) { overflow-wrap: anywhere; }
#lunex-pricing[data-lunex-layout="252"] :where(summary):hover { text-decoration-thickness: 2px; }
#lunex-pricing[data-lunex-layout="252"] .nx-prices { border-block: 1px solid var(--line); padding-block: .55rem; }
#lunex-pricing[data-lunex-layout="252"] .nx-featured { border-block-start: .3rem solid var(--link); }
#lunex-pricing[data-lunex-layout="252"] .nx-device-options label:has(input:checked) { background: var(--accent); color: #ffffff; }
#lunex-pricing[data-lunex-layout="252"] .nx-process { background: var(--soft); border-radius: var(--radius); padding: .75rem .75rem .75rem 2rem; }

/* IPTVUSAX section layout */

#lunex-pricing[data-lunex-layout="252"] .nx-plan { border-block-start: 3px solid var(--accent); }

#lunex-pricing[data-lunex-layout="252"] .nx-prices { background: var(--soft); padding: .75rem; border-radius: .65rem; }

#lunex-pricing[data-lunex-layout="252"] .nx-cta { border-inline-start: 3px solid var(--accent); }

/* Scoped button states take precedence over the inherited CMS theme. */
#lunex-pricing[data-lunex-layout="252"] :is(a, button).lx-button {
  background: #8c00ff !important;
  color: #ffffff !important;
}
#lunex-pricing[data-lunex-layout="252"] :is(a, button).lx-button:hover {
  background: #7200d1 !important;
  color: #ffffff !important;
}

#lunex-pricing[data-lunex-layout="252"] :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Apparaten (#8) ── */
:is(#lunex-voordelen, #lunex-apparaten) {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #e3d7ee;
  --fg: #071d24;
  --muted: #34545b;
  --surface: #ffffff;
  --soft: #f4eaff;
  --link: #6500ad;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #ffffff;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
:is(#lunex-voordelen, #lunex-apparaten) *, :is(#lunex-voordelen, #lunex-apparaten) *::before, :is(#lunex-voordelen, #lunex-apparaten) *::after { box-sizing: border-box; }
:is(#lunex-voordelen, #lunex-apparaten) :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
:is(#lunex-voordelen, #lunex-apparaten) :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
:is(#lunex-voordelen, #lunex-apparaten) h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
:is(#lunex-voordelen, #lunex-apparaten) h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
:is(#lunex-voordelen, #lunex-apparaten) h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
:is(#lunex-voordelen, #lunex-apparaten) :where(p, figure, dl, dd) { margin: 0; }
:is(#lunex-voordelen, #lunex-apparaten) p { color: var(--muted); }
:is(#lunex-voordelen, #lunex-apparaten) :where(p + p) { margin-top: .75rem; }
:is(#lunex-voordelen, #lunex-apparaten) :where(header > p:last-child) { max-width: 66ch; }
:is(#lunex-voordelen, #lunex-apparaten) :where(img) { display: block; max-width: 100%; height: auto; }
:is(#lunex-voordelen, #lunex-apparaten) svg { max-width: 100%; }
:is(#lunex-voordelen, #lunex-apparaten) a { color: var(--link); text-underline-offset: .22em; }
:is(#lunex-voordelen, #lunex-apparaten) a:hover { text-decoration-thickness: 2px; }
:is(#lunex-voordelen, #lunex-apparaten) :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
:is(#lunex-voordelen, #lunex-apparaten) [hidden] { display: none !important; }
:is(#lunex-voordelen, #lunex-apparaten) :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
:is(#lunex-voordelen, #lunex-apparaten) :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
:is(#lunex-voordelen, #lunex-apparaten) :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
:is(#lunex-voordelen, #lunex-apparaten) :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
:is(#lunex-voordelen, #lunex-apparaten) .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
:is(#lunex-voordelen, #lunex-apparaten) .lx-button:hover { background: var(--accent-hover); color: #fff; }
:is(#lunex-voordelen, #lunex-apparaten) :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  :is(#lunex-voordelen, #lunex-apparaten) *, :is(#lunex-voordelen, #lunex-apparaten) *::before, :is(#lunex-voordelen, #lunex-apparaten) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lunex-voordelen { padding-bottom: clamp(2rem,4vw,3rem); }
#lunex-apparaten { background: var(--mint); }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-section-heading { display: grid; gap: .55rem 2rem; grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr)); align-items: end; margin-bottom: var(--gap); }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap: .85rem; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-card { padding: 1.2rem; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-card-highlight { background: var(--mint); border-top: 3px solid var(--accent); }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-icon { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; color: var(--link); background: var(--soft); border-radius: .7rem; margin-bottom: .85rem; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-icon svg { width: 1.45rem; height: 1.45rem; }
:is(#lunex-voordelen, #lunex-apparaten) svg { stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-benefits-bottom { margin-block: 1.3rem; display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-devices-wrap { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,26rem),1fr)); gap: var(--gap); align-items: center; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-devices-visual { overflow: hidden; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-devices-image { width: 100%; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-device-floating { display: flex; align-items: center; gap: .65rem; border-top: 1px solid var(--line); padding: .8rem 1rem; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-device-floating-icon { color: var(--link); }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-device-list { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.15rem 0; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-device-list > * { border: 1px solid var(--line); background: var(--surface); border-radius: .6rem; padding: .35rem .65rem; font-size: .88rem; }

/* Section composition and interaction states */
:is(#lunex-voordelen, #lunex-apparaten) :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
:is(#lunex-voordelen, #lunex-apparaten) :where(a, summary) { overflow-wrap: anywhere; }
:is(#lunex-voordelen, #lunex-apparaten) :where(summary):hover { text-decoration-thickness: 2px; }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-devices-wrap { padding: clamp(.8rem,2vw,1.45rem); border: 1px solid var(--line); border-radius: var(--radius); }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-device-list > * { border-inline-start: 2px solid var(--link); }
:is(#lunex-voordelen, #lunex-apparaten) .lx4-card { padding: clamp(.85rem,2vw,1.4rem); }

/* IPTVUSAX section layout */

:is(#lunex-voordelen, #lunex-apparaten) .lx4-cards .lx4-card { border-block-start: 3px solid var(--accent); }

:is(#lunex-voordelen, #lunex-apparaten) .lx4-devices-wrap { background: var(--soft); }

:is(#lunex-voordelen, #lunex-apparaten) .lx4-device-list > * { background: var(--surface); }

/* Scoped button states take precedence over the inherited CMS theme. */
:is(#lunex-voordelen, #lunex-apparaten) :is(a, button).lx-button {
  background: #8c00ff !important;
  color: #ffffff !important;
}
:is(#lunex-voordelen, #lunex-apparaten) :is(a, button).lx-button:hover {
  background: #7200d1 !important;
  color: #ffffff !important;
}

:is(#lunex-voordelen, #lunex-apparaten) :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}

/* ── sectie: Nieuwe sectie (#29) ── */
#lunex-guide-area {
  --accent: #8c00ff;
  --accent-hover: #7200d1;
  --ink: #071d24;
  --teal: #102e38;
  --mint: #f4eaff;
  --line: #35545e;
  --fg: #ffffff;
  --muted: #c9e2e5;
  --surface: #102e38;
  --soft: #0b2028;
  --link: #d2a6ff;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --radius: .95rem;
  background: #071d24;
  color: var(--fg);
  padding-block: clamp(3rem, 7vw, 6rem);
  font: 400 1rem/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
#lunex-guide-area *, #lunex-guide-area *::before, #lunex-guide-area *::after { box-sizing: border-box; }
#lunex-guide-area :where(.lx-inner) { width: min(76rem, calc(100% - 2 * var(--gap))); margin-inline: auto; min-width: 0; }
#lunex-guide-area :where(h1, h2, h3, h4) { font-family: inherit; color: var(--fg); line-height: 1.14; letter-spacing: -.025em; margin: 0 0 .55em; }
#lunex-guide-area h1 { font-size: clamp(2.3rem, 5.8vw, 4.8rem); }
#lunex-guide-area h2 { font-size: clamp(1.75rem, 4vw, 3.25rem); }
#lunex-guide-area h3 { font-size: clamp(1.12rem, 2vw, 1.45rem); }
#lunex-guide-area :where(p, figure, dl, dd) { margin: 0; }
#lunex-guide-area p { color: var(--muted); }
#lunex-guide-area :where(p + p) { margin-top: .75rem; }
#lunex-guide-area :where(header > p:last-child) { max-width: 66ch; }
#lunex-guide-area :where(img) { display: block; max-width: 100%; height: auto; }
#lunex-guide-area svg { max-width: 100%; }
#lunex-guide-area a { color: var(--link); text-underline-offset: .22em; }
#lunex-guide-area a:hover { text-decoration-thickness: 2px; }
#lunex-guide-area :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
#lunex-guide-area [hidden] { display: none !important; }
#lunex-guide-area :is(.lx-label, .nx-eyebrow) { color: var(--link); margin: 0 0 .85rem; font-size: .76rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#lunex-guide-area :where(.lx-heading, .nx-heading) { margin-bottom: var(--gap); }
#lunex-guide-area :where(.lx-actions, .nx-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; }
#lunex-guide-area :where(.lx-panel) { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
#lunex-guide-area .lx-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: .6rem 1.05rem; border: 1px solid transparent; border-radius: .65rem; background: var(--accent); color: #ffffff; font: inherit; font-weight: 750; line-height: 1.3; text-decoration: none; text-align: center; cursor: pointer; }
#lunex-guide-area .lx-button:hover { background: var(--accent-hover); color: #fff; }
#lunex-guide-area :where(section[id], article[id], div[id], nav[id], h2[id], h3[id]) { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) {
  #lunex-guide-area *, #lunex-guide-area *::before, #lunex-guide-area *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#lunex-guide-area details { min-width: 0; }
#lunex-guide-area :is(.nx-answers details, .lunex-faq-item) { background: var(--surface); border: 1px solid var(--line); border-radius: .8rem; margin-block: .5rem; }
#lunex-guide-area :is(.nx-answers details, .lunex-faq-item)[open] { border-inline-start: 3px solid var(--link); }
#lunex-guide-area summary { padding: .8rem 1rem; min-height: 46px; cursor: pointer; font-weight: 720; }
#lunex-guide-area summary::marker { color: var(--link); }
#lunex-guide-area .nx-index { margin-inline: .25rem .65rem; color: var(--link); font-variant-numeric: tabular-nums; }
#lunex-guide-area :is(.nx-answer, .lunex-faq-answer) { padding: .1rem 1rem 1rem; max-width: 72ch; }
#lunex-guide-area .nx-help { padding: 1.15rem; margin-top: var(--gap); }
#lunex-guide-area .nx-help :is(.lx-button, .nx-text-link) { margin: .7rem .65rem 0 0; }

#lunex-guide-area .lunex-guide-section-label { margin-block: 1.25rem .55rem; color: var(--link); font-weight: 750; letter-spacing: .07em; }
#lunex-guide-area .lunex-guide-featured { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,24rem),1fr)); gap: var(--gap); padding: clamp(1rem,3vw,2rem); }
#lunex-guide-area .lunex-featured-kicker { color: var(--link); font-weight: 700; }
#lunex-guide-area .lunex-featured-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
#lunex-guide-area .lunex-stat { padding: .65rem; border-inline-start: 2px solid var(--accent); background: var(--soft); }
#lunex-guide-area .lunex-stat > * { display: block; }
#lunex-guide-area .lunex-guide-layout { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: .85rem; }
#lunex-guide-area .lunex-guide-card { padding: 1.1rem; }
#lunex-guide-area .lunex-guide-card-accent { border-top: 3px solid var(--accent); }
#lunex-guide-area .lunex-guide-card-top { display: flex; align-items: center; justify-content: space-between; color: var(--link); margin-bottom: .7rem; }
#lunex-guide-area .lunex-guide-icon svg { width: 1.6rem; height: 1.6rem; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
#lunex-guide-area .lunex-guide-whatsapp { margin-top: 1rem; }
#lunex-guide-area .lunex-guide-faq { margin-block: 2.5rem; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,24rem),1fr)); gap: var(--gap); }
#lunex-guide-area .lunex-guide-final { padding: clamp(1rem,3vw,2rem); }
#lunex-guide-area .lunex-guide-final .lx-button { margin-top: 1rem; }

/* Section composition and interaction states */
#lunex-guide-area :where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid #071d24; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
#lunex-guide-area :where(a, summary) { overflow-wrap: anywhere; }
#lunex-guide-area :where(summary):hover { text-decoration-thickness: 2px; }
#lunex-guide-area .lunex-guide-featured { border-inline-start: .3rem solid var(--accent); }
#lunex-guide-area .lunex-guide-layout { grid-template-columns: repeat(auto-fit,minmax(min(100%,17rem),1fr)); }
#lunex-guide-area .lunex-guide-faq { padding: clamp(.7rem,2.5vw,1.4rem); background: var(--soft); border-radius: var(--radius); }

/* IPTVUSAX section layout */

#lunex-guide-area .lunex-guide-section-label { border-block-end: 1px solid var(--line); padding-block-end: .45rem; }

#lunex-guide-area .lunex-guide-card { border-block-start: 2px solid var(--accent); }

#lunex-guide-area .lunex-guide-final { border-block-start: 3px solid var(--accent); }

/* Scoped button states take precedence over the inherited CMS theme. */
#lunex-guide-area :is(a, button).lx-button {
  background: #8c00ff !important;
  color: #ffffff !important;
}
#lunex-guide-area :is(a, button).lx-button:hover {
  background: #7200d1 !important;
  color: #ffffff !important;
}

#lunex-guide-area :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}