/* ── sectie: 1. Hero – Premium IPTV voor moderne kijkers Kijk slimmer met (#4) ── */
:root{
  --vx-bg:#050507;
  --vx-bg-soft:#09090d;
  --vx-card:#101017;
  --vx-card-2:#15151e;
  --vx-text:#ffffff;
  --vx-muted:#aaaab8;
  --vx-line:rgba(255,255,255,.09);
  --vx-red:#ef1637;
  --vx-red-2:#ff4965;
  --vx-red-dark:#9f001b;
  --vx-shadow:0 30px 90px rgba(0,0,0,.45);
  --vx-radius-xl:34px;
  --vx-radius-lg:24px;
  --vx-radius-md:18px;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  color:var(--vx-text);
  background:
    radial-gradient(circle at 80% 0%,rgba(239,22,55,.10),transparent 26%),
    radial-gradient(circle at 10% 30%,rgba(239,22,55,.06),transparent 28%),
    var(--vx-bg);
  font-family:'Manrope',sans-serif;
  overflow-x:hidden;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.vx-wrap{
  width:min(1280px,calc(100% - 40px));
  margin-inline:auto;
}

.vx-red{color:var(--vx-red)}

/* =========================
   HERO
========================= */
.vx-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:28px 0 88px;
}

.vx-hero:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-230px;
  top:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,22,55,.20),rgba(239,22,55,0) 68%);
  filter:blur(10px);
  z-index:-1;
}

.vx-hero:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}

.vx-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 16px 14px 18px;
  border:1px solid var(--vx-line);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  margin-bottom:52px;
}

.vx-brand{
  display:flex;
  align-items:center;
  gap:11px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  letter-spacing:-.3px;
}

.vx-brand-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--vx-red),var(--vx-red-dark));
  box-shadow:0 10px 28px rgba(239,22,55,.25);
  font-size:15px;
}

.vx-top-pill{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(239,22,55,.10);
  border:1px solid rgba(239,22,55,.26);
  color:#ff9aaa;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

.vx-top-pill span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--vx-red);
  box-shadow:0 0 0 6px rgba(239,22,55,.11);
}

.vx-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:72px;
  align-items:center;
}

.vx-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#ffc4ce;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1.7px;
  font-weight:800;
  margin-bottom:22px;
}

.vx-eyebrow:before{
  content:"";
  width:34px;
  height:1px;
  background:var(--vx-red);
}

.vx-title{
  margin:0;
  max-width:820px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(54px,7vw,106px);
  line-height:.88;
  letter-spacing:-5px;
  font-weight:700;
}

.vx-title span{
  display:block;
  margin-top:16px;
  font-size:.72em;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.85);
  text-stroke:1px rgba(255,255,255,.85);
}

.vx-copy{
  margin:30px 0 0;
  max-width:690px;
  color:var(--vx-muted);
  font-size:17px;
  line-height:1.85;
}

.vx-copy strong{color:#fff}

.vx-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:34px;
}

.vx-btn{
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border-radius:16px;
  font-weight:800;
  font-size:14px;
  transition:.25s ease;
}

.vx-btn-primary{
  background:linear-gradient(135deg,var(--vx-red),#ff3150);
  box-shadow:0 18px 42px rgba(239,22,55,.28);
}

.vx-btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 52px rgba(239,22,55,.38);
}

.vx-btn-ghost{
  border:1px solid var(--vx-line);
  background:rgba(255,255,255,.035);
}

.vx-btn-ghost:hover{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.07);
}

.vx-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:38px;
  max-width:760px;
}

.vx-metric{
  position:relative;
  overflow:hidden;
  padding:18px 18px 16px;
  border:1px solid var(--vx-line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
}

.vx-metric:before{
  content:"";
  position:absolute;
  width:60px;
  height:60px;
  border-radius:50%;
  right:-20px;
  top:-22px;
  background:rgba(239,22,55,.13);
  filter:blur(3px);
}

.vx-metric strong{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-size:30px;
  line-height:1;
  letter-spacing:-1px;
  margin-bottom:7px;
}

.vx-metric small{
  color:var(--vx-muted);
  font-size:11px;
  letter-spacing:.7px;
  text-transform:uppercase;
  font-weight:700;
}

.vx-trust{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:22px;
  color:#8f8f9c;
  font-size:12px;
}

.vx-trust span{
  display:flex;
  align-items:center;
  gap:8px;
}

.vx-check{
  width:20px;
  height:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(239,22,55,.12);
  color:#ff6a81;
  font-size:11px;
  border:1px solid rgba(239,22,55,.18);
}

.vx-stage{
  position:relative;
  min-height:640px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.vx-stage-ring{
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:50%;
}

.vx-stage-ring:before,
.vx-stage-ring:after{
  content:"";
  position:absolute;
  inset:42px;
  border:1px solid rgba(239,22,55,.10);
  border-radius:50%;
}

.vx-stage-ring:after{inset:96px}

.vx-screen{
  position:relative;
  z-index:2;
  width:min(100%,500px);
  aspect-ratio:.88;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#0d0d13;
  box-shadow:var(--vx-shadow);
  transform:rotate(3deg);
}

.vx-screen:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.76)),
    linear-gradient(120deg,rgba(239,22,55,.08),transparent 35%);
}

.vx-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.vx-floating{
  position:absolute;
  z-index:4;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(9,9,14,.78);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-radius:18px;
  box-shadow:0 20px 55px rgba(0,0,0,.32);
}

.vx-floating.one{
  left:-8px;
  top:90px;
  padding:17px 18px;
  width:210px;
}

.vx-floating.two{
  right:-12px;
  bottom:72px;
  padding:16px 18px;
  width:216px;
}

.vx-floating .label{
  color:#a4a4b0;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:800;
  margin-bottom:7px;
}

.vx-floating .value{
  font-size:15px;
  font-weight:800;
}

.vx-stars{
  color:#fff;
  letter-spacing:2px;
  font-size:14px;
  margin-bottom:5px;
}

.vx-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#ff9dad;
}

.vx-live:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--vx-red);
  box-shadow:0 0 0 5px rgba(239,22,55,.10);
}

/* =========================
   STORY / FEATURES
========================= */
.vx-features{
  padding:100px 0;
  border-top:1px solid var(--vx-line);
  background:
    linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0)),
    #08080c;
}

.vx-section-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:70px;
  align-items:start;
}

.vx-sticky{
  position:sticky;
  top:34px;
}

.vx-kicker{
  color:var(--vx-red);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.8px;
  margin-bottom:15px;
}

.vx-h2{
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(40px,5vw,72px);
  line-height:.98;
  letter-spacing:-3px;
}

.vx-section-copy{
  margin:22px 0 0;
  max-width:540px;
  color:var(--vx-muted);
  line-height:1.8;
}

.vx-feature-list{
  display:grid;
  gap:16px;
}

.vx-feature{
  position:relative;
  display:grid;
  grid-template-columns:78px 1fr auto;
  gap:20px;
  align-items:center;
  min-height:142px;
  padding:24px;
  border-radius:24px;
  border:1px solid var(--vx-line);
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  overflow:hidden;
  transition:.28s ease;
}

.vx-feature:hover{
  transform:translateX(6px);
  border-color:rgba(239,22,55,.28);
}

.vx-feature-num{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  font-weight:700;
  color:#ff8093;
  border:1px solid rgba(239,22,55,.20);
  background:rgba(239,22,55,.08);
}

.vx-feature h3{
  margin:0 0 7px;
  font-size:20px;
  letter-spacing:-.4px;
}

.vx-feature p{
  margin:0;
  color:var(--vx-muted);
  font-size:14px;
  line-height:1.65;
}

.vx-arrow{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--vx-line);
  color:#b8b8c2;
  font-size:18px;
}

/* =========================
   MARQUEE
========================= */
.vx-marquee{
  position:relative;
  overflow:hidden;
  padding:46px 0;
  border-top:1px solid var(--vx-line);
  border-bottom:1px solid var(--vx-line);
  background:#050507;
}

.vx-marquee:before,
.vx-marquee:after{
  content:"";
  position:absolute;
  top:0;
  width:150px;
  height:100%;
  z-index:3;
  pointer-events:none;
}

.vx-marquee:before{
  left:0;
  background:linear-gradient(90deg,#050507,transparent);
}

.vx-marquee:after{
  right:0;
  background:linear-gradient(-90deg,#050507,transparent);
}

.vx-track{
  width:max-content;
  display:flex;
  align-items:center;
  animation:vxMarquee 36s linear infinite;
}

.vx-track:hover{animation-play-state:paused}

.vx-logo{
  width:178px;
  height:82px;
  margin:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
}

.vx-logo img{
  width:120px;
  height:46px;
  object-fit:contain;
  filter:grayscale(.15);
  opacity:.92;
}

@keyframes vxMarquee{
  to{transform:translateX(-50%)}
}

/* =========================
   CTA
========================= */
.vx-cta{
  padding:96px 0;
  background:
    radial-gradient(circle at 20% 50%,rgba(239,22,55,.14),transparent 28%),
    #08080c;
}

.vx-cta-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:30px;
  padding:46px 48px;
  border-radius:30px;
  border:1px solid rgba(239,22,55,.22);
  background:
    linear-gradient(130deg,rgba(239,22,55,.10),rgba(255,255,255,.025) 50%,rgba(255,255,255,.01));
  box-shadow:0 28px 80px rgba(0,0,0,.25);
}

.vx-cta-card:after{
  content:"OMNI";
  position:absolute;
  right:22px;
  bottom:-38px;
  font-family:'Space Grotesk',sans-serif;
  font-size:120px;
  font-weight:700;
  letter-spacing:-8px;
  color:rgba(255,255,255,.025);
  pointer-events:none;
}

.vx-cta h2{
  margin:0 0 12px;
  max-width:760px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(36px,5vw,62px);
  line-height:1;
  letter-spacing:-2.5px;
}

.vx-cta p{
  margin:0;
  max-width:700px;
  color:var(--vx-muted);
  line-height:1.7;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:1080px){
  .vx-hero-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .vx-stage{
    min-height:560px;
  }

  .vx-screen{
    width:min(82vw,520px);
  }

  .vx-section-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .vx-sticky{
    position:static;
  }
}

@media(max-width:760px){
  .vx-wrap{
    width:min(100% - 28px,1280px);
  }

  .vx-hero{
    padding-top:16px;
    padding-bottom:64px;
  }

  .vx-topline{
    border-radius:20px;
    margin-bottom:38px;
  }

  .vx-top-pill{
    display:none;
  }

  .vx-title{
    font-size:clamp(52px,15vw,78px);
    letter-spacing:-3px;
  }

  .vx-copy{
    font-size:15px;
  }

  .vx-actions{
    flex-direction:column;
  }

  .vx-btn{
    width:100%;
  }

  .vx-metrics{
    grid-template-columns:1fr;
  }

  .vx-stage{
    min-height:430px;
  }

  .vx-stage-ring{
    width:360px;
    height:360px;
  }

  .vx-screen{
    width:88vw;
    max-width:390px;
    border-radius:26px;
  }

  .vx-floating.one{
    left:4px;
    top:42px;
    width:176px;
  }

  .vx-floating.two{
    right:2px;
    bottom:34px;
    width:180px;
  }

  .vx-features{
    padding:72px 0;
  }

  .vx-h2{
    letter-spacing:-2px;
  }

  .vx-feature{
    grid-template-columns:58px 1fr;
    padding:20px;
  }

  .vx-arrow{
    display:none;
  }

  .vx-marquee:before,
  .vx-marquee:after{
    width:60px;
  }

  .vx-logo{
    width:142px;
    height:70px;
    margin:0 8px;
  }

  .vx-logo img{
    width:100px;
  }

  .vx-cta{
    padding:72px 0;
  }

  .vx-cta-card{
    grid-template-columns:1fr;
    padding:30px 24px;
  }

  .vx-cta-card .vx-btn{
    width:100%;
  }
}

.vx-hero-bg{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:90px 20px;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(5,5,7,.64),rgba(5,5,7,.82)),
    url('/uploads/images/2026/11/imgi-119-banner-compressed-1-e03a76fb.webp') center center / cover no-repeat;
}

.vx-hero-bg:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 50% 35%,rgba(239,22,55,.18),transparent 38%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 28%,transparent 72%,rgba(0,0,0,.28));
}

.vx-hero-bg .vx-wrap{
  width:min(1120px,100%);
}

.vx-hero-bg .vx-hero-grid{
  display:block;
}

.vx-hero-bg .vx-hero-copy{
  max-width:940px;
  margin:0 auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.vx-hero-bg .vx-title{
  max-width:900px;
  margin:0 auto;
  font-size:clamp(52px,7vw,94px);
  line-height:.94;
  letter-spacing:-4px;
  text-shadow:0 12px 40px rgba(0,0,0,.55);
}

.vx-hero-bg .vx-title span{
  margin-top:14px;
  font-size:.66em;
  -webkit-text-stroke:1px rgba(255,255,255,.95);
  text-stroke:1px rgba(255,255,255,.95);
}

.vx-hero-bg .vx-copy{
  max-width:780px;
  margin:28px auto 0;
  color:rgba(255,255,255,.82);
  font-size:17px;
  line-height:1.8;
  text-shadow:0 4px 18px rgba(0,0,0,.55);
}

.vx-hero-bg .vx-actions{
  justify-content:center;
  margin-top:32px;
}

.vx-hero-bg .vx-btn{
  min-width:220px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.vx-hero-bg .vx-btn-ghost{
  background:rgba(10,10,14,.50);
  border-color:rgba(255,255,255,.22);
}

.vx-hero-bg .vx-metrics{
  width:min(760px,100%);
  margin:38px auto 0;
}

.vx-hero-bg .vx-metric{
  background:rgba(8,8,12,.58);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}

.vx-hero-bg .vx-trust{
  justify-content:center;
  margin-top:24px;
  color:rgba(255,255,255,.76);
}

.vx-hero-bg .vx-stage{
  display:none;
}

@media(max-width:760px){
  .vx-hero-bg{
    min-height:700px;
    padding:72px 18px;
    background-position:center center;
  }

  .vx-hero-bg .vx-title{
    font-size:clamp(44px,14vw,68px);
    letter-spacing:-2.5px;
  }

  .vx-hero-bg .vx-copy{
    font-size:15px;
    line-height:1.7;
  }

  .vx-hero-bg .vx-actions{
    width:100%;
  }

  .vx-hero-bg .vx-btn{
    width:100%;
    min-width:0;
  }

  .vx-hero-bg .vx-metrics{
    grid-template-columns:1fr;
  }

  .vx-hero-bg .vx-trust{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }
}

/* ── sectie: 5. Hero – Ontdek de kracht van Omni IPTV (#8) ── */
.elementor-6 .elementor-element.elementor-element-eef2623.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-eef2623{width:var( --container-widget-width, 908.909px );max-width:908.909px;--container-widget-width:908.909px;--container-widget-flex-grow:0;}}
  

    #pulsewave-iptv-hero,
    #pulsewave-iptv-hero *{
      box-sizing:border-box;
    }

    #pulsewave-iptv-hero{
      --pulse-red:#e8001d;
      --pulse-red-soft:#ff3048;
      --pulse-black:#050506;
      --pulse-dark:#101014;
      --pulse-white:#ffffff;
      --pulse-muted:#a9a9b2;
      --pulse-line:rgba(255,255,255,.10);

      width:100%;
      position:relative;
      overflow:hidden;
      padding:86px 24px;
      background:
        linear-gradient(180deg,#050506 0%,#09090c 100%);
      color:var(--pulse-white);
    }

    #pulsewave-iptv-hero::before{
      content:"";
      position:absolute;
      width:560px;
      height:560px;
      border-radius:50%;
      right:-180px;
      top:-250px;
      background:radial-gradient(circle,rgba(232,0,29,.22) 0%,rgba(232,0,29,.06) 40%,transparent 70%);
      filter:blur(4px);
      pointer-events:none;
    }

    #pulsewave-iptv-hero::after{
      content:"OMNI";
      position:absolute;
      left:-30px;
      bottom:-65px;
      font-size:clamp(120px,20vw,310px);
      line-height:.8;
      font-weight:900;
      letter-spacing:-8px;
      color:rgba(255,255,255,.018);
      pointer-events:none;
      user-select:none;
    }

    .pulsewave-shell{
      width:min(1400px,100%);
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
      gap:clamp(50px,7vw,105px);
      align-items:center;
      position:relative;
      z-index:3;
    }
    .pulsewave-copy{
      min-width:0;
    }

    .pulsewave-label{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:24px;
      color:#ff7f8e;
      font-size:12px;
      font-weight:800;
      letter-spacing:1.8px;
      text-transform:uppercase;
    }

    .pulsewave-label::before{
      content:"";
      width:42px;
      height:2px;
      background:var(--pulse-red);
      box-shadow:0 0 18px rgba(232,0,29,.65);
    }

    .pulsewave-title{
      max-width:760px;
      margin:0;
      font-size:clamp(52px,6.3vw,96px);
      line-height:.92;
      letter-spacing:-3.2px;
      font-weight:900;
      text-transform:uppercase;
    }

    .pulsewave-title span{
      display:block;
      color:var(--pulse-red);
    }

    .pulsewave-description{
      max-width:700px;
      margin:28px 0 0;
      color:var(--pulse-muted);
      font-size:clamp(16px,1.25vw,19px);
      line-height:1.8;
    }

    .pulsewave-description strong{
      color:#fff;
    }

    .pulsewave-metrics{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin-top:32px;
      border-top:1px solid var(--pulse-line);
      border-bottom:1px solid var(--pulse-line);
    }

    .pulsewave-metric{
      position:relative;
      padding:20px 18px 18px 0;
    }

    .pulsewave-metric:not(:last-child)::after{
      content:"";
      position:absolute;
      right:18px;
      top:18px;
      bottom:18px;
      width:1px;
      background:var(--pulse-line);
    }

    .pulsewave-metric strong{
      display:block;
      margin-bottom:5px;
      font-size:30px;
      line-height:1;
      font-weight:900;
      color:#fff;
    }

    .pulsewave-metric strong em{
      color:var(--pulse-red);
      font-style:normal;
    }

    .pulsewave-metric span{
      color:#92929b;
      font-size:11px;
      line-height:1.4;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
    }

    .pulsewave-actions{
      display:flex;
      flex-wrap:wrap;
      gap:13px;
      margin-top:32px;
    }

    .pulsewave-btn{
      min-height:58px;
      padding:0 26px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border-radius:999px;
      text-decoration:none !important;
      font-size:14px;
      font-weight:900;
      transition:.24s ease;
    }

    .pulsewave-btn-primary{
      color:#fff !important;
      background:var(--pulse-red);
      box-shadow:0 16px 40px rgba(232,0,29,.27);
    }

    .pulsewave-btn-primary:hover{
      transform:translateY(-3px);
      background:var(--pulse-red-soft);
      box-shadow:0 20px 48px rgba(232,0,29,.38);
    }

    .pulsewave-btn-secondary{
      color:#fff !important;
      border:1px solid var(--pulse-line);
      background:rgba(255,255,255,.025);
    }

    .pulsewave-btn-secondary:hover{
      transform:translateY(-3px);
      border-color:rgba(255,255,255,.25);
      background:rgba(255,255,255,.05);
    }

    .pulsewave-trust{
      display:flex;
      flex-wrap:wrap;
      gap:12px 18px;
      margin-top:22px;
      color:#8f8f97;
      font-size:12px;
      font-weight:700;
    }

    .pulsewave-trust span{
      display:inline-flex;
      align-items:center;
      gap:7px;
    }

    .pulsewave-trust span::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:50%;
      background:var(--pulse-red);
      box-shadow:0 0 0 5px rgba(232,0,29,.08);
    }
    .pulsewave-visual{
      min-width:0;
      position:relative;
      min-height:610px;
    }

    .pulsewave-main-card{
      position:absolute;
      inset:20px 0 20px 40px;
      overflow:hidden;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.10);
      background:#111;
      box-shadow:0 38px 90px rgba(0,0,0,.46);
    }

    .pulsewave-main-card img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .pulsewave-main-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg,transparent 30%,rgba(4,4,6,.16) 55%,rgba(4,4,6,.82) 100%),
        linear-gradient(90deg,rgba(232,0,29,.18),transparent 40%);
    }

    .pulsewave-top-chip{
      position:absolute;
      z-index:5;
      top:0;
      right:-14px;
      width:205px;
      padding:17px 18px;
      border-radius:18px;
      background:#fff;
      color:#111;
      box-shadow:0 18px 48px rgba(0,0,0,.22);
    }

    .pulsewave-top-chip small{
      display:block;
      margin-bottom:5px;
      color:var(--pulse-red);
      font-size:10px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:1.3px;
    }

    .pulsewave-top-chip strong{
      display:block;
      font-size:16px;
      line-height:1.25;
    }

    .pulsewave-info-card{
      position:absolute;
      z-index:5;
      left:0;
      bottom:48px;
      width:260px;
      padding:20px;
      border-radius:18px;
      border-left:3px solid var(--pulse-red);
      background:rgba(7,7,10,.91);
      color:#fff;
      border-top:1px solid var(--pulse-line);
      border-right:1px solid var(--pulse-line);
      border-bottom:1px solid var(--pulse-line);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      box-shadow:0 18px 48px rgba(0,0,0,.34);
    }

    .pulsewave-info-card small{
      display:block;
      margin-bottom:6px;
      color:#ff7786;
      font-size:10px;
      font-weight:900;
      letter-spacing:1.2px;
      text-transform:uppercase;
    }

    .pulsewave-info-card h3{
      margin:0 0 7px;
      font-size:18px;
      line-height:1.2;
    }

    .pulsewave-info-card p{
      margin:0;
      color:#a6a6af;
      font-size:12px;
      line-height:1.55;
    }

    .pulsewave-circle{
      position:absolute;
      z-index:5;
      right:24px;
      bottom:18px;
      width:112px;
      height:112px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      border:10px solid #0b0b0e;
      background:var(--pulse-red);
      color:#fff;
      text-align:center;
      font-size:13px;
      line-height:1.2;
      font-weight:900;
      box-shadow:0 16px 40px rgba(0,0,0,.35);
      transform:rotate(-7deg);
    }
    @media(max-width:1050px){
      .pulsewave-shell{
        grid-template-columns:1fr;
      }

      .pulsewave-visual{
        min-height:540px;
        max-width:850px;
      }

      .pulsewave-main-card{
        inset:15px 35px;
      }

      .pulsewave-top-chip{
        right:18px;
      }
    }

    @media(max-width:720px){
      #pulsewave-iptv-hero{
        padding:58px 16px;
      }

      .pulsewave-shell{
        gap:42px;
      }

      .pulsewave-title{
        font-size:clamp(42px,13vw,64px);
        letter-spacing:-2px;
      }

      .pulsewave-metrics{
        grid-template-columns:1fr;
      }

      .pulsewave-metric{
        padding:16px 0;
      }

      .pulsewave-metric:not(:last-child)::after{
        left:0;
        right:0;
        top:auto;
        bottom:0;
        width:auto;
        height:1px;
      }

      .pulsewave-actions{
        flex-direction:column;
      }

      .pulsewave-btn{
        width:100%;
      }

      .pulsewave-visual{
        min-height:410px;
      }

      .pulsewave-main-card{
        inset:8px;
        border-radius:22px;
      }

      .pulsewave-top-chip{
        top:0;
        right:8px;
        width:170px;
        padding:14px;
      }

      .pulsewave-info-card{
        left:8px;
        bottom:16px;
        width:210px;
        padding:16px;
      }

      .pulsewave-circle{
        display:none;
      }
    }

/* ── sectie: Nieuwe sectie (#35) ── */
#omni-official-hero,
#omni-official-hero * {
  box-sizing: border-box;
}

#omni-official-hero {
  --om-red: #e8001d;
  --om-red-hover: #c90019;
  --om-black: #0b0b0e;
  --om-white: #ffffff;
  --om-gray: #6b7079;
  --om-border: #e8e9ec;

  position: relative;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  padding: 90px 24px 100px;
  font-family: 'Inter', Arial, sans-serif;
}

#omni-official-hero a {
  text-decoration: none;
}

#omni-official-hero .om-container {
  max-width: 1380px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 75px;
  align-items: center;
}

/* CONTENT */

#omni-official-hero .om-content {
  position: relative;
  z-index: 2;
}

#omni-official-hero .om-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 27px;
  color: var(--om-red);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

#omni-official-hero .om-label:before {
  content: "";
  width: 28px;
  height: 3px;
  background: var(--om-red);
}

#omni-official-hero .om-title {
  margin: 0;
  color: var(--om-black);
  font-size: clamp(46px, 5.5vw, 82px);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -3.5px;
}

#omni-official-hero .om-title span {
  color: var(--om-red);
}

#omni-official-hero .om-description {
  max-width: 640px;
  margin: 27px 0 0;
  color: var(--om-gray);
  font-size: 17px;
  line-height: 1.85;
}

#omni-official-hero .om-description strong {
  color: #17171c;
  font-weight: 800;
}

/* FEATURE TAGS */

#omni-official-hero .om-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 28px;
}

#omni-official-hero .om-benefit {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 15px;
  border: 1px solid var(--om-border);
  border-radius: 9px;
  background: #f8f8f9;
  color: #272930;
  font-size: 13px;
  font-weight: 700;
}

#omni-official-hero .om-benefit svg {
  width: 17px;
  height: 17px;
  stroke: var(--om-red);
  fill: none;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* BUTTONS */

#omni-official-hero .om-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 35px;
}

#omni-official-hero .om-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  padding: 0 25px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  transition: .25s ease;
}

#omni-official-hero .om-btn-primary {
  background: var(--om-red);
  color: #fff !important;
  border: 1px solid var(--om-red);
}

#omni-official-hero .om-btn-primary:hover {
  background: var(--om-red-hover);
  border-color: var(--om-red-hover);
  transform: translateY(-3px);
}

#omni-official-hero .om-btn-secondary {
  background: #fff;
  color: #141418 !important;
  border: 1px solid #d9dbe0;
}

#omni-official-hero .om-btn-secondary:hover {
  border-color: var(--om-red);
  color: var(--om-red) !important;
  transform: translateY(-3px);
}

#omni-official-hero .om-btn svg {
  width: 19px;
  height: 19px;
}

/* STATS */

#omni-official-hero .om-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid var(--om-border);
}

#omni-official-hero .om-stat {
  padding: 0 19px;
  border-right: 1px solid var(--om-border);
}

#omni-official-hero .om-stat:first-child {
  padding-left: 0;
}

#omni-official-hero .om-stat:last-child {
  border-right: 0;
}

#omni-official-hero .om-stat strong {
  display: block;
  color: var(--om-black);
  font-size: clamp(22px, 2.4vw, 31px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -1px;
}

#omni-official-hero .om-stat strong span {
  color: var(--om-red);
}

#omni-official-hero .om-stat small {
  display: block;
  margin-top: 5px;
  color: var(--om-gray);
  font-size: 12px;
  font-weight: 600;
}

/* IMAGE SIDE */

#omni-official-hero .om-visual {
  position: relative;
  min-width: 0;
}

#omni-official-hero .om-image-box {
  position: relative;
  width: 100%;
  height: 610px;
  overflow: hidden;
  border-radius: 20px;
  background: #101014;
}

#omni-official-hero .om-image-box:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.05) 25%,
    rgba(0,0,0,.78) 100%
  );
  pointer-events: none;
}

#omni-official-hero .om-image-box > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .5s ease;
}

#omni-official-hero .om-image-box:hover > img {
  transform: scale(1.04);
}

/* TOP IMAGE BADGE */

#omni-official-hero .om-image-badge {
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--om-red);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .5px;
}

#omni-official-hero .om-image-badge:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
}

/* IMAGE BOTTOM CONTENT */

#omni-official-hero .om-image-content {
  position: absolute;
  z-index: 3;
  bottom: 30px;
  left: 30px;
  right: 30px;
}

#omni-official-hero .om-image-eyebrow {
  color: #ff6679;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

#omni-official-hero .om-image-content h2 {
  margin: 11px 0;
  color: #fff;
  font-size: clamp(29px, 3vw, 41px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -1px;
}

#omni-official-hero .om-image-content p {
  max-width: 430px;
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.7;
}

/* FLOATING INFO */

#omni-official-hero .om-floating {
  position: absolute;
  z-index: 5;
  right: -22px;
  top: 47%;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 20px;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: 13px;
  box-shadow: 0 12px 45px rgba(0,0,0,.12);
}

#omni-official-hero .om-floating-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff0f2;
  color: var(--om-red);
  font-size: 22px;
  font-weight: 900;
}

#omni-official-hero .om-floating strong {
  display: block;
  color: #141418;
  font-size: 14px;
  font-weight: 900;
}

#omni-official-hero .om-floating small {
  display: block;
  margin-top: 4px;
  color: #747780;
  font-size: 12px;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
  #omni-official-hero .om-container {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  #omni-official-hero .om-visual {
    max-width: 800px;
  }

  #omni-official-hero .om-image-box {
    height: 520px;
  }

  #omni-official-hero .om-floating {
    right: 15px;
  }
}

@media (max-width: 767px) {
  #omni-official-hero {
    padding: 60px 17px 65px;
  }

  #omni-official-hero .om-container {
    gap: 38px;
  }

  #omni-official-hero .om-title {
    font-size: clamp(40px, 10.8vw, 57px);
    letter-spacing: -2px;
  }

  #omni-official-hero .om-description {
    font-size: 15px;
    line-height: 1.75;
  }

  #omni-official-hero .om-actions {
    flex-direction: column;
  }

  #omni-official-hero .om-btn {
    width: 100%;
  }

  #omni-official-hero .om-stats {
    gap: 8px;
  }

  #omni-official-hero .om-stat {
    padding: 0 9px;
  }

  #omni-official-hero .om-stat strong {
    font-size: 21px;
  }

  #omni-official-hero .om-stat small {
    font-size: 10px;
  }

  #omni-official-hero .om-image-box {
    height: 460px;
    border-radius: 15px;
  }

  #omni-official-hero .om-image-content {
    left: 22px;
    right: 22px;
    bottom: 25px;
  }

  #omni-official-hero .om-image-content h2 {
    font-size: 30px;
  }

  #omni-official-hero .om-floating {
    top: 75px;
    right: 12px;
    padding: 11px;
  }

  #omni-official-hero .om-floating-icon {
    width: 35px;
    height: 35px;
  }

  #omni-official-hero .om-floating strong {
    font-size: 12px;
  }

  #omni-official-hero .om-floating small {
    font-size: 10px;
  }
}

@media (max-width: 380px) {
  #omni-official-hero .om-benefit {
    font-size: 11px;
    padding: 9px 11px;
  }

  #omni-official-hero .om-image-box {
    height: 420px;
  }
}

/* ── sectie: 7. Galerij – Films, series en live TV met Omni IPTV (#10) ── */
/* ==========================================
   OMNI IPTV CINEMA SHOWCASE
========================================== */

#omni-cinema-showcase,
#omni-cinema-showcase * {
  box-sizing: border-box;
}


/* SECTION */

#omni-cinema-showcase {

  --omni-red: #e8001d;

  --omni-red-bright: #ff1f38;

  --omni-black: #08080b;

  --omni-card: #101014;

  --omni-border:
    rgba(255,255,255,.10);

  width: 100%;

  position: relative;

  overflow: hidden;

  padding: 90px 25px;

  background:

    radial-gradient(
      circle at 10% 15%,
      rgba(232,0,29,.10),
      transparent 27%
    ),

    radial-gradient(
      circle at 90% 90%,
      rgba(232,0,29,.08),
      transparent 25%
    ),

    #08080b;

  font-family:
    'Manrope',
    sans-serif;

}


/* SUBTLE GRID */

#omni-cinema-showcase::before {

  content: "";

  position: absolute;

  inset: 0;

  background-image:

    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:
    70px 70px;

  pointer-events: none;

}


/* CONTAINER */

.omni-cinema-container {

  position: relative;

  z-index: 2;

  width:
    min(1400px,100%);

  margin: auto;

}


/* ===================================
   HEADER
=================================== */

.omni-cinema-header {

  margin-bottom:
    50px;

}


/* SMALL LABEL */

.omni-cinema-kicker {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 19px;

  color:
    var(--omni-red);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    2.4px;

  text-transform:
    uppercase;

}


.omni-cinema-kicker span {

  width:
    26px;

  height:
    2px;

  border-radius:
    4px;

  background:
    var(--omni-red);

}


/* TITLE ROW */

.omni-cinema-title-row {

  display: flex;

  align-items:
    flex-end;

  justify-content:
    space-between;

  gap:
    40px;

}


/* TITLE */

.omni-cinema-title-content h2 {

  max-width:
    800px;

  margin:
    0 0 15px;

  color:
    #ffffff;

  font-size:
    clamp(
      38px,
      4.4vw,
      61px
    );

  font-weight:
    800;

  line-height:
    1.05;

  letter-spacing:
    -2.3px;

}


.omni-cinema-title-content h2 strong {

  color:
    var(--omni-red);

}


/* DESCRIPTION */

.omni-cinema-title-content p {

  max-width:
    660px;

  margin: 0;

  color:
    rgba(255,255,255,.54);

  font-size:
    15px;

  line-height:
    1.75;

}


.omni-cinema-title-content p b {

  color:
    #ffffff;

}


/* ===================================
   WHATSAPP
=================================== */

.omni-cinema-support {

  flex: 0 0 auto;

  min-width:
    230px;

  display:
    flex;

  align-items:
    center;

  gap:
    13px;

  padding:
    14px 19px;

  border:
    1px solid
    rgba(255,255,255,.11);

  border-radius:
    14px;

  background:
    rgba(255,255,255,.045);

  text-decoration:
    none !important;

  transition:
    .25s ease;

}


.omni-cinema-support:hover {

  transform:
    translateY(-3px);

  border-color:
    rgba(232,0,29,.40);

  background:
    rgba(232,0,29,.07);

}


.omni-cinema-support svg {

  width:
    35px;

  height:
    35px;

  flex:
    0 0 35px;

  fill:
    #25d366;

}


.omni-cinema-support small {

  display: block;

  margin-bottom:
    3px;

  color:
    rgba(255,255,255,.40);

  font-size:
    10px;

}


.omni-cinema-support strong {

  color:
    #ffffff;

  font-size:
    13px;

}


/* ===================================
   SLIDER AREA
=================================== */

.omni-cinema-stage {

  position:
    relative;

}


/* SLIDER TRACK */

.omni-cinema-track {

  display:
    flex;

  align-items:
    stretch;

  gap:
    18px;

  overflow-x:
    auto;

  scroll-behavior:
    smooth;

  scroll-snap-type:
    x proximity;

  scrollbar-width:
    none;

  padding:
    20px 5px 38px;

}


.omni-cinema-track::-webkit-scrollbar {

  display:
    none;

}


/* ===================================
   POSTER
=================================== */

.omni-cinema-card {

  position:
    relative;

  min-width:
    230px;

  width:
    230px;

  height:
    345px;

  overflow:
    hidden;

  flex:
    0 0 230px;

  border-radius:
    6px 24px 6px 24px;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    #111;

  scroll-snap-align:
    start;

  cursor:
    pointer;

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;

}


/* POSTER IMAGE */

.omni-cinema-card img {

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  display:
    block;

  transition:
    transform .6s ease;

}


/* HOVER */

.omni-cinema-card:hover {

  transform:
    translateY(-12px);

  border-color:
    rgba(232,0,29,.60);

  box-shadow:
    0 24px 55px
    rgba(0,0,0,.45),

    0 12px 30px
    rgba(232,0,29,.15);

}


.omni-cinema-card:hover img {

  transform:
    scale(1.07);

}


/* OVERLAY */

.omni-cinema-overlay {

  position:
    absolute;

  inset:
    0;

  background:

    linear-gradient(
      180deg,
      rgba(0,0,0,.02)
      30%,
      rgba(0,0,0,.92)
      100%
    );

  pointer-events:
    none;

}


/* QUALITY BADGE */

.omni-cinema-top-badge {

  position:
    absolute;

  top:
    13px;

  right:
    13px;

  min-width:
    38px;

  padding:
    6px 8px;

  border-radius:
    6px;

  text-align:
    center;

  background:
    var(--omni-red);

  color:
    #ffffff;

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    1px;

  box-shadow:
    0 8px 20px
    rgba(232,0,29,.30);

}


/* POSTER INFO */

.omni-cinema-card-info {

  position:
    absolute;

  left:
    17px;

  right:
    17px;

  bottom:
    17px;

}


.omni-cinema-card-info span {

  display:
    block;

  margin-bottom:
    5px;

  color:
    var(--omni-red);

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    1.6px;

}


.omni-cinema-card-info strong {

  display:
    block;

  color:
    #ffffff;

  font-size:
    14px;

  line-height:
    1.35;

  font-weight:
    800;

}


/* ===================================
   ARROWS
=================================== */

.omni-cinema-nav {

  position:
    absolute;

  z-index:
    10;

  top:
    50%;

  transform:
    translateY(-50%);

  width:
    52px;

  height:
    52px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius:
    14px;

  background:
    rgba(8,8,11,.92);

  backdrop-filter:
    blur(12px);

  color:
    #ffffff;

  font-size:
    31px;

  line-height:
    1;

  cursor:
    pointer;

  transition:
    .25s ease;

  box-shadow:
    0 15px 35px
    rgba(0,0,0,.35);

}


.omni-cinema-nav:hover {

  background:
    var(--omni-red);

  border-color:
    var(--omni-red);

  transform:
    translateY(-50%)
    scale(1.06);

}


.omni-cinema-nav-prev {

  left:
    -20px;

}


.omni-cinema-nav-next {

  right:
    -20px;

}


/* ===================================
   FOOTER
=================================== */

.omni-cinema-footer {

  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    15px 25px;

  padding-top:
    22px;

  border-top:
    1px solid
    rgba(255,255,255,.08);

}


/* TRUST ITEM */

.omni-cinema-trust {

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  color:
    rgba(255,255,255,.48);

  font-size:
    12px;

  font-weight:
    700;

}


.omni-cinema-trust span {

  width:
    20px;

  height:
    20px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    50%;

  background:
    rgba(232,0,29,.12);

  color:
    var(--omni-red);

  font-size:
    10px;

}


/* MORE BUTTON */

.omni-cinema-more {

  margin-left:
    auto;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  padding:
    11px 0;

  color:
    #ffffff !important;

  text-decoration:
    none !important;

  font-size:
    12px;

  font-weight:
    800;

}


.omni-cinema-more span {

  color:
    var(--omni-red);

  font-size:
    20px;

  transition:
    .25s ease;

}


.omni-cinema-more:hover span {

  transform:
    translateX(5px);

}


/* ===================================
   TABLET
=================================== */

@media(max-width: 950px) {

  #omni-cinema-showcase {

    padding:
      70px 20px;

  }


  .omni-cinema-title-row {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .omni-cinema-support {

    min-width:
      220px;

  }


  .omni-cinema-card {

    min-width:
      205px;

    width:
      205px;

    height:
      310px;

    flex-basis:
      205px;

  }

}


/* ===================================
   MOBILE
=================================== */

@media(max-width: 650px) {

  #omni-cinema-showcase {

    padding:
      55px 15px;

  }


  .omni-cinema-header {

    margin-bottom:
      30px;

  }


  .omni-cinema-title-content h2 {

    font-size:
      34px;

    letter-spacing:
      -1.5px;

  }


  .omni-cinema-title-content p {

    font-size:
      14px;

  }


  .omni-cinema-support {

    width:
      100%;

  }


  .omni-cinema-track {

    gap:
      13px;

  }


  .omni-cinema-card {

    min-width:
      165px;

    width:
      165px;

    height:
      250px;

    flex-basis:
      165px;

    border-radius:
      5px 17px 5px 17px;

  }


  .omni-cinema-card-info {

    left:
      12px;

    right:
      12px;

    bottom:
      12px;

  }


  .omni-cinema-card-info strong {

    font-size:
      12px;

  }


  .omni-cinema-nav {

    display:
      none;

  }


  .omni-cinema-footer {

    gap:
      12px 16px;

  }


  .omni-cinema-more {

    width:
      100%;

    margin-left:
      0;

  }

}

/* ── sectie: 6. Prijzen – Kies jouw Omni IPTV abonnement (#9) ── */
#omni-plan-deck,
#omni-plan-deck *{box-sizing:border-box}

#omni-plan-deck{
  --red:#e8001d;
  --red2:#ff243f;
  --ink:#101014;
  --muted:#73737d;
  --line:#ececf1;
  font-family:'Manrope',sans-serif;
  padding:92px 24px;
  color:#fff;
  background:black;
}

.omni-plan-shell{width:min(1280px,100%);margin:auto}

.omni-plan-offer{
  max-width:850px;
  margin:0 auto 52px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding:18px 20px 18px 24px;
  border:1px solid rgba(255,255,255,.1);
  border-left:4px solid var(--red);
  border-radius:16px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
}

.omni-plan-offer-copy span{
  display:block;
  color:#ff5265;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:5px;
}

.omni-plan-offer-copy strong{font-size:16px}

.omni-plan-clock{display:flex;gap:8px}

.omni-plan-clock div{
  width:64px;
  padding:9px 5px;
  text-align:center;
  border-radius:10px;
  background:#fff;
}

.omni-plan-clock b{
  display:block;
  color:var(--red);
  font-size:23px;
  line-height:1;
}

.omni-plan-clock small{
  display:block;
  margin-top:5px;
  color:#555;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.omni-plan-heading{
  max-width:780px;
  margin:0 auto 55px;
  text-align:center;
}

.omni-plan-kicker{
  color:#ff5265;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}

.omni-plan-heading h2{
  margin:13px 0 14px;
  font-size:clamp(36px,4vw,55px);
  line-height:1.08;
  letter-spacing:-2px;
}

.omni-plan-heading h2 strong{color:var(--red)}

.omni-plan-heading p{
  max-width:680px;
  margin:auto;
  color:rgba(255,255,255,.55);
  font-size:15px;
  line-height:1.75;
}

.omni-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}

.omni-plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:30px 26px 26px;
  color:var(--ink);
  background:#fff;
  border-radius:18px;
  border:1px solid #fff;
  box-shadow:0 28px 70px rgba(0,0,0,.35);
  transition:.28s ease;
}

.omni-plan-card:hover{transform:translateY(-8px)}

.omni-plan-card-featured{
  background:linear-gradient(160deg,#ff1733 0%,#d6001b 55%,#9d0014 100%);
  color:#fff;
  transform:translateY(-12px);
}

.omni-plan-card-featured:hover{transform:translateY(-20px)}

.omni-plan-best{
  position:absolute;
  top:-14px;
  right:18px;
  padding:8px 13px;
  background:#fff;
  color:var(--red);
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.omni-plan-card-tag{
  color:var(--red);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.omni-plan-card-featured .omni-plan-card-tag{color:#fff;opacity:.8}

.omni-plan-card h3{
  margin:8px 0;
  font-size:27px;
  line-height:1.1;
}

.omni-plan-card-copy{
  min-height:44px;
  margin:0 0 20px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}

.omni-plan-card-featured .omni-plan-card-copy{color:rgba(255,255,255,.75)}

.omni-plan-device-title{
  margin-bottom:9px;
  font-size:11px;
  font-weight:800;
}

.omni-plan-devices{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:20px;
}

.omni-plan-device{
  padding:10px 4px;
  border:1px solid #e5e5ea;
  border-radius:10px;
  background:#f7f7f9;
  color:#333;
  cursor:pointer;
  font-family:inherit;
  transition:.2s;
}

.omni-plan-device b{
  display:block;
  font-size:18px;
  line-height:1;
}

.omni-plan-device span{
  display:block;
  margin-top:3px;
  font-size:8px;
  font-weight:700;
}

.omni-plan-device.is-active{
  color:#fff;
  background:var(--red);
  border-color:var(--red);
}

.omni-plan-card-featured .omni-plan-device{
  color:#fff;
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.22);
}

.omni-plan-card-featured .omni-plan-device.is-active{
  background:#fff;
  color:var(--red);
  border-color:#fff;
}

.omni-plan-price{
  position:relative;
  margin-bottom:11px;
  padding:18px;
  border-radius:13px;
  background:#fff1f3;
}

.omni-plan-price > span{
  vertical-align:top;
  color:var(--red);
  font-size:19px;
  font-weight:900;
}

.omni-plan-price-value{
  color:var(--red);
  font-size:44px;
  line-height:1;
  letter-spacing:-2px;
}

.omni-plan-price small{
  display:block;
  margin-top:6px;
  color:#777;
  font-size:9px;
  font-weight:700;
}

.omni-plan-card-featured .omni-plan-price{
  background:rgba(255,255,255,.12);
}

.omni-plan-card-featured .omni-plan-price > span,
.omni-plan-card-featured .omni-plan-price-value,
.omni-plan-card-featured .omni-plan-price small{color:#fff}

.omni-plan-selected{
  margin-bottom:20px;
  padding:9px 11px;
  border-radius:9px;
  background:#f5f5f7;
  font-size:10px;
  font-weight:700;
}

.omni-plan-selected b{color:var(--red)}

.omni-plan-card-featured .omni-plan-selected{
  background:rgba(0,0,0,.12);
  color:#fff;
}
.omni-plan-card-featured .omni-plan-selected b{color:#fff}

.omni-plan-list{
  flex-grow:1;
  list-style:none;
  padding:0;
  margin:0 0 24px;
}

.omni-plan-list li{
  position:relative;
  padding-left:22px;
  margin-bottom:9px;
  color:#35353b;
  font-size:11px;
  line-height:1.5;
}

.omni-plan-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--red);
  font-weight:900;
}

.omni-plan-card-featured .omni-plan-list li{color:#fff}
.omni-plan-card-featured .omni-plan-list li::before{color:#fff}

.omni-plan-order{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:50px;
  border-radius:11px;
  color:#fff !important;
  background:var(--red);
  text-decoration:none !important;
  font-size:12px;
  font-weight:900;
  transition:.2s;
}

.omni-plan-order:hover{
  transform:translateY(-2px);
  background:var(--red2);
}

.omni-plan-card-featured .omni-plan-order{
  background:#fff;
  color:var(--red)!important;
}

.omni-plan-payments{
  max-width:820px;
  margin:50px auto 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:21px 25px;
  border-radius:15px;
  background:#fff;
  color:#111;
}

.omni-plan-payments span{
  display:block;
  color:var(--red);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.omni-plan-payments strong{
  display:block;
  margin-top:4px;
  max-width:320px;
  font-size:13px;
  line-height:1.4;
}

.omni-plan-payments img{
  width:380px;
  max-width:52%;
  height:auto;
}

@media(max-width:1000px){
  .omni-plan-grid{grid-template-columns:1fr;max-width:620px;margin:auto}
  .omni-plan-card-featured{transform:none}
  .omni-plan-card-featured:hover{transform:translateY(-8px)}
}

@media(max-width:650px){
  #omni-plan-deck{padding:65px 14px}

  .omni-plan-offer{
    flex-direction:column;
    text-align:center;
  }

  .omni-plan-heading h2{font-size:33px}

  .omni-plan-card{
    padding:27px 18px 22px;
  }

  .omni-plan-payments{
    flex-direction:column;
    text-align:center;
  }

  .omni-plan-payments img{
    width:100%;
    max-width:100%;
  }
}

/* ── sectie: 8. Inhoud – Kijk Omni IPTV op het scherm dat jij gebruikt (#11) ── */
#arcadia-screen-compatibility,
    #arcadia-screen-compatibility *{
      box-sizing:border-box;
    }

    #arcadia-screen-compatibility{
      --arc-red:#e8001d;
      --arc-red-soft:#ff3148;
      --arc-ink:#0d0d10;
      --arc-muted:#707079;
      --arc-line:#e8e7e3;
      --arc-paper:#f4f3ef;
      --arc-white:#fff;

      width:100%;
      position:relative;
      overflow:hidden;
      padding:96px 24px;
      background:#FFFFFF;
      color:var(--arc-ink);
      font-family:'Manrope',sans-serif;
    }

    #arcadia-screen-compatibility::before{
      content:"";
      position:absolute;
      width:620px;
      height:620px;
      right:-250px;
      top:-250px;
      border-radius:50%;
      border:1px solid rgba(232,0,29,.10);
      box-shadow:
        0 0 0 55px rgba(232,0,29,.025),
        0 0 0 110px rgba(232,0,29,.015);
      pointer-events:none;
    }

    .arcadia-layout{
      width:min(1380px,100%);
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
      gap:clamp(55px,7vw,110px);
      align-items:center;
      position:relative;
      z-index:2;
    }

    .arcadia-copy{
      min-width:0;
    }

    .arcadia-kicker{
      display:inline-flex;
      align-items:center;
      gap:11px;
      margin-bottom:20px;
      color:var(--arc-red);
      font-size:11px;
      font-weight:900;
      letter-spacing:2px;
      text-transform:uppercase;
    }

    .arcadia-kicker::before{
      content:"";
      width:34px;
      height:2px;
      background:var(--arc-red);
    }

    .arcadia-title{
      max-width:700px;
      margin:0 0 24px;
      font-size:clamp(44px,5vw,70px);
      line-height:1.02;
      letter-spacing:-3px;
      font-weight:900;
    }

    .arcadia-title span{
      color:var(--arc-red);
    }

    .arcadia-lead{
      max-width:650px;
      margin:0 0 30px;
      color:var(--arc-muted);
      font-size:15px;
      line-height:1.82;
    }

    .arcadia-lead strong{
      color:#111;
    }

    .arcadia-device-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      margin-bottom:28px;
    }

    .arcadia-device-item{
      display:flex;
      align-items:center;
      gap:11px;
      padding:13px 14px;
      border:1px solid var(--arc-line);
      border-radius:14px;
      background:#fff;
      transition:.22s ease;
    }

    .arcadia-device-item:hover{
      transform:translateY(-3px);
      border-color:rgba(232,0,29,.35);
      box-shadow:0 12px 26px rgba(0,0,0,.05);
    }

    .arcadia-device-item i{
      width:31px;
      height:31px;
      flex:0 0 31px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:9px;
      background:#fff0f2;
      color:var(--arc-red);
      font-style:normal;
      font-size:12px;
      font-weight:900;
    }

    .arcadia-device-item span{
      color:#2e2e34;
      font-size:12px;
      font-weight:800;
    }

    .arcadia-bottom-row{
      display:flex;
      flex-wrap:wrap;
      gap:11px;
      align-items:center;
    }

    .arcadia-cta{
      min-height:54px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 22px;
      border-radius:12px;
      background:var(--arc-red);
      color:#fff!important;
      text-decoration:none!important;
      font-size:12px;
      font-weight:900;
      transition:.22s ease;
      box-shadow:0 14px 28px rgba(232,0,29,.18);
    }

    .arcadia-cta:hover{
      transform:translateY(-3px);
      background:var(--arc-red-soft);
    }

    .arcadia-note{
      color:#7d7d85;
      font-size:11px;
      font-weight:700;
    }
    .arcadia-visual{
      position:relative;
      min-width:0;
      min-height:530px;
    }

    .arcadia-panel{
      position:absolute;
      inset:25px 0 25px 55px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:hidden;
      padding:48px;
      border-radius:34px;
      background:
        radial-gradient(circle at center,rgba(232,0,29,.11),transparent 52%),
        #0b0b0e;
      box-shadow:0 38px 90px rgba(0,0,0,.22);
    }

    .arcadia-panel::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:56px 56px;
      pointer-events:none;
    }

    .arcadia-panel img{
      width:100%;
      max-width:820px;
      display:block;
      object-fit:contain;
      position:relative;
      z-index:2;
      filter:drop-shadow(0 28px 35px rgba(0,0,0,.38));
    }

    .arcadia-badge{
      position:absolute;
      z-index:4;
      top:0;
      right:15px;
      width:135px;
      height:135px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      border-radius:50%;
      border:10px solid var(--arc-paper);
      background:var(--arc-red);
      color:#fff;
      box-shadow:0 18px 38px rgba(0,0,0,.18);
    }

    .arcadia-badge strong{
      font-size:32px;
      line-height:1;
    }

    .arcadia-badge span{
      max-width:90px;
      margin-top:6px;
      font-size:9px;
      line-height:1.3;
      font-weight:800;
    }

    .arcadia-caption{
      position:absolute;
      z-index:4;
      left:0;
      bottom:0;
      width:255px;
      padding:18px 18px 18px 20px;
      border-left:3px solid var(--arc-red);
      border-radius:0 16px 16px 0;
      background:#fff;
      box-shadow:0 18px 38px rgba(0,0,0,.10);
    }

    .arcadia-caption small{
      display:block;
      margin-bottom:5px;
      color:var(--arc-red);
      font-size:9px;
      font-weight:900;
      letter-spacing:1.2px;
      text-transform:uppercase;
    }

    .arcadia-caption strong{
      display:block;
      font-size:14px;
      line-height:1.4;
    }

    @media(max-width:1000px){
      .arcadia-layout{
        grid-template-columns:1fr;
      }

      .arcadia-copy{
        max-width:800px;
      }

      .arcadia-visual{
        min-height:470px;
      }

      .arcadia-panel{
        inset:20px 30px;
      }
    }

    @media(max-width:650px){
      #arcadia-screen-compatibility{
        padding:66px 15px;
      }

      .arcadia-title{
        font-size:36px;
        letter-spacing:-1.6px;
      }

      .arcadia-lead{
        font-size:14px;
      }

      .arcadia-device-grid{
        grid-template-columns:1fr;
      }

      .arcadia-bottom-row{
        flex-direction:column;
        align-items:stretch;
      }

      .arcadia-cta{
        width:100%;
      }

      .arcadia-note{
        text-align:center;
      }

      .arcadia-visual{
        min-height:355px;
      }

      .arcadia-panel{
        inset:12px;
        padding:24px 15px;
        border-radius:24px;
      }

      .arcadia-badge{
        width:94px;
        height:94px;
        right:0;
        border-width:7px;
      }

      .arcadia-badge strong{
        font-size:24px;
      }

      .arcadia-caption{
        left:8px;
        bottom:0;
        width:210px;
        padding:15px;
      }
    }

/* ── sectie: 10. Inhoud – Alles over Omni IPTV op één plek (#13) ── */
#omni-official-compare,
#omni-official-compare * {
  box-sizing: border-box;
}

#omni-official-compare {
  --red: #e8001d;
  --black: #101116;
  --muted: #6b6e78;
  --line: #e9e9ed;
  --soft: #f7f7f9;

  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 95px 20px;
  background: #fff;
  color: var(--black);
  font-family: 'Manrope', Arial, sans-serif;
}

#omni-official-compare .omc-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADER */

#omni-official-compare .omc-head {
  max-width: 850px;
  margin: 0 auto 48px;
  text-align: center;
}

#omni-official-compare .omc-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 15px;
  border: 1px solid #ffd6dc;
  border-radius: 50px;
  background: #fff4f5;
  color: var(--red);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#omni-official-compare .omc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--red);
}

#omni-official-compare h2 {
  margin: 22px 0 18px;
  font-size: clamp(33px, 4.5vw, 57px);
  line-height: 1.12;
  letter-spacing: -2px;
  font-weight: 900;
  color: var(--black);
}

#omni-official-compare h2 span {
  color: var(--red);
}

#omni-official-compare .omc-description {
  max-width: 740px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.9;
}

/* PROVIDER CARDS */

#omni-official-compare .omc-providers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 26px;
}

#omni-official-compare .omc-provider {
  position: relative;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  transition: .25s ease;
}

#omni-official-compare .omc-provider:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(0,0,0,.07);
}

#omni-official-compare .omc-provider.featured {
  background: var(--black);
  border-color: var(--black);
  color: #fff;
}

#omni-official-compare .omc-provider-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 23px;
}

#omni-official-compare .omc-logo {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff0f2;
  color: var(--red);
  font-size: 21px;
  font-weight: 900;
}

#omni-official-compare .featured .omc-logo {
  background: var(--red);
  color: #fff;
}

#omni-official-compare .omc-recommend {
  padding: 7px 11px;
  border-radius: 50px;
  background: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

#omni-official-compare .omc-provider h3 {
  margin: 0 0 8px;
  font-size: 23px;
  font-weight: 900;
  color: var(--black);
}

#omni-official-compare .featured h3 {
  color: #fff;
}

#omni-official-compare .omc-provider p {
  min-height: 44px;
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

#omni-official-compare .featured p {
  color: #b7b8c0;
}

#omni-official-compare .omc-price {
  padding-top: 18px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--muted);
}

#omni-official-compare .featured .omc-price {
  border-color: rgba(255,255,255,.14);
  color: #b7b8c0;
}

#omni-official-compare .omc-price strong {
  display: block;
  margin-top: 5px;
  color: var(--black);
  font-size: 29px;
  font-weight: 900;
}

#omni-official-compare .featured .omc-price strong {
  color: #fff;
}

/* COMPARISON TABLE */

#omni-official-compare .omc-table {
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

#omni-official-compare .omc-row {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
}

#omni-official-compare .omc-cell {
  min-width: 0;
  padding: 21px 18px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.6;
  color: #5e6069;
}

#omni-official-compare .omc-cell:last-child {
  border-right: 0;
}

#omni-official-compare .omc-row:last-child .omc-cell {
  border-bottom: 0;
}

#omni-official-compare .omc-row.header .omc-cell {
  background: #f6f6f8;
  font-size: 12px;
  font-weight: 900;
  color: #24252a;
}

#omni-official-compare .omc-row.header .omc-cell.main {
  background: var(--red);
  color: #fff;
}

#omni-official-compare .omc-cell.feature {
  background: #fafafa;
  color: #25262c;
  font-weight: 800;
}

#omni-official-compare .omc-cell.main {
  background: #fff6f7;
  color: #24252a;
  font-weight: 800;
}

#omni-official-compare .omc-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 7px;
  border-radius: 7px;
  background: var(--red);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  vertical-align: middle;
}

#omni-official-compare .omc-note {
  margin-top: 14px;
  color: #777983;
  font-size: 11px;
  line-height: 1.7;
}

/* CTA */

#omni-official-compare .omc-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 32px;
  padding: 34px;
  border-radius: 20px;
  background: var(--black);
}

#omni-official-compare .omc-cta-text small {
  display: block;
  margin-bottom: 9px;
  color: #ff6275;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
}

#omni-official-compare .omc-cta-text h3 {
  margin: 0 0 9px;
  color: #fff;
  font-size: 25px;
  font-weight: 900;
}

#omni-official-compare .omc-cta-text p {
  max-width: 600px;
  margin: 0;
  color: #b3b4bd;
  font-size: 13px;
  line-height: 1.7;
}

#omni-official-compare .omc-button {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 53px;
  padding: 0 25px;
  border-radius: 11px;
  background: var(--red);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
  transition: .25s ease;
}

#omni-official-compare .omc-button:hover {
  background: #ff3047;
  transform: translateY(-3px);
}

/* RESPONSIVE */

@media(max-width:900px) {
  #omni-official-compare .omc-providers {
    grid-template-columns: 1fr;
  }

  #omni-official-compare .omc-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media(max-width:767px) {
  #omni-official-compare {
    padding: 65px 14px;
  }

  #omni-official-compare h2 {
    font-size: 35px;
    letter-spacing: -1px;
  }

  #omni-official-compare .omc-description {
    font-size: 14px;
  }

  #omni-official-compare .omc-provider {
    padding: 25px;
  }

  #omni-official-compare .omc-row {
    grid-template-columns: 1fr 1fr;
  }

  #omni-official-compare .omc-row.header {
    display: none;
  }

  #omni-official-compare .omc-row:not(.header) {
    padding: 12px;
    border-bottom: 1px solid var(--line);
  }

  #omni-official-compare .omc-cell {
    padding: 11px;
    border: 0;
    font-size: 12px;
  }

  #omni-official-compare .omc-cell.feature {
    grid-column: 1 / -1;
    padding: 12px;
    border-radius: 9px;
    background: #f3f3f5;
  }

  #omni-official-compare .omc-cell.main {
    border-radius: 9px;
  }

  #omni-official-compare .omc-cell.main::before {
    content: "OMNI IPTV";
    display: block;
    margin-bottom: 6px;
    color: var(--red);
    font-size: 9px;
    font-weight: 900;
  }

  #omni-official-compare .omc-cell:nth-child(3)::before {
    content: "IPTV DARK";
    display: block;
    margin-bottom: 6px;
    color: #999;
    font-size: 9px;
    font-weight: 900;
  }

  #omni-official-compare .omc-cell:nth-child(4)::before {
    content: "PANDORA IPTV";
    display: block;
    margin-bottom: 6px;
    color: #999;
    font-size: 9px;
    font-weight: 900;
  }

  #omni-official-compare .omc-cta {
    padding: 25px;
  }

  #omni-official-compare .omc-cta-text h3 {
    font-size: 21px;
  }

  #omni-official-compare .omc-button {
    width: 100%;
  }
}

/* ── sectie: 9. Hoe het werkt – In 3 stappen starten met Omni IPTV (#12) ── */
#monarch-activation-roadmap,
    #monarch-activation-roadmap *{
      box-sizing:border-box;
    }

    #monarch-activation-roadmap{
      --mon-red:#e8001d;
      --mon-red2:#ff2e45;
      --mon-black:#08080b;
      --mon-panel:#101014;
      --mon-muted:#a0a0a8;
      --mon-line:rgba(255,255,255,.10);

      width:100%;
      position:relative;
      overflow:hidden;
      padding:98px 24px;
      background:#08080b;
      color:#fff;
      font-family:'Manrope',sans-serif;
    }

    #monarch-activation-roadmap::before{
      content:"";
      position:absolute;
      width:650px;
      height:650px;
      left:-300px;
      bottom:-310px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(232,0,29,.16),transparent 68%);
      pointer-events:none;
    }

    .monarch-wrap{
      width:min(1250px,100%);
      margin:0 auto;
      position:relative;
      z-index:2;
    }

    .monarch-head{
      display:grid;
      grid-template-columns:.7fr 1.3fr;
      gap:55px;
      align-items:end;
      margin-bottom:54px;
    }

    .monarch-index{
      color:#ff6678;
      font-size:11px;
      font-weight:900;
      letter-spacing:2px;
      text-transform:uppercase;
    }

    .monarch-head h2{
      margin:10px 0 0;
      font-size:clamp(40px,5vw,66px);
      line-height:1;
      letter-spacing:-2.7px;
      font-weight:900;
    }

    .monarch-head h2 span{
      color:var(--mon-red);
    }

    .monarch-head-copy p{
      max-width:700px;
      margin:0;
      color:var(--mon-muted);
      font-size:15px;
      line-height:1.8;
    }

    .monarch-head-copy strong{
      color:#fff;
    }

    .monarch-process{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:0;
      border:1px solid var(--mon-line);
      border-radius:28px;
      overflow:hidden;
      background:rgba(255,255,255,.025);
    }

    .monarch-step{
      position:relative;
      min-height:360px;
      display:flex;
      flex-direction:column;
      padding:34px 30px;
      background:transparent;
    }

    .monarch-step:not(:last-child){
      border-right:1px solid var(--mon-line);
    }

    .monarch-step.monarch-focus{
      background:
        radial-gradient(circle at 100% 0,rgba(232,0,29,.22),transparent 36%),
        rgba(255,255,255,.035);
    }

    .monarch-step-number{
      margin-bottom:55px;
      color:rgba(255,255,255,.10);
      font-size:66px;
      line-height:.85;
      font-weight:900;
      letter-spacing:-3px;
    }

    .monarch-focus .monarch-step-number{
      color:rgba(232,0,29,.32);
    }

    .monarch-step-label{
      display:block;
      margin-bottom:10px;
      color:var(--mon-red);
      font-size:9px;
      font-weight:900;
      letter-spacing:1.5px;
      text-transform:uppercase;
    }

    .monarch-step h3{
      max-width:300px;
      margin:0 0 14px;
      font-size:23px;
      line-height:1.25;
    }

    .monarch-step p{
      margin:0;
      color:#94949c;
      font-size:12px;
      line-height:1.7;
    }

    .monarch-step-foot{
      margin-top:auto;
      padding-top:22px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-top:1px solid var(--mon-line);
      color:#c8c8ce;
      font-size:10px;
      font-weight:800;
    }

    .monarch-step-foot span{
      width:30px;
      height:30px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:9px;
      background:rgba(232,0,29,.13);
      color:var(--mon-red);
      font-size:14px;
    }

    .monarch-stats{
      display:grid;
      grid-template-columns:repeat(3,1fr) auto;
      align-items:center;
      margin-top:28px;
      padding:18px 20px;
      border:1px solid var(--mon-line);
      border-radius:18px;
      background:rgba(255,255,255,.025);
    }

    .monarch-stat{
      padding:0 20px;
      border-right:1px solid var(--mon-line);
    }

    .monarch-stat strong{
      display:block;
      color:#fff;
      font-size:22px;
      line-height:1;
    }

    .monarch-stat span{
      display:block;
      margin-top:4px;
      color:#888891;
      font-size:9px;
      font-weight:700;
    }

    .monarch-action{
      margin-left:22px;
      min-height:49px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 20px;
      border-radius:11px;
      background:var(--mon-red);
      color:#fff!important;
      text-decoration:none!important;
      font-size:11px;
      font-weight:900;
      transition:.22s ease;
      box-shadow:0 13px 28px rgba(232,0,29,.20);
    }

    .monarch-action:hover{
      transform:translateY(-2px);
      background:var(--mon-red2);
    }

    @media(max-width:900px){
      .monarch-head{
        grid-template-columns:1fr;
        gap:22px;
      }

      .monarch-process{
        grid-template-columns:1fr;
      }

      .monarch-step{
        min-height:300px;
      }

      .monarch-step:not(:last-child){
        border-right:0;
        border-bottom:1px solid var(--mon-line);
      }

      .monarch-stats{
        grid-template-columns:repeat(3,1fr);
      }

      .monarch-action{
        grid-column:1/-1;
        margin:18px 0 0;
      }
    }

    @media(max-width:600px){
      #monarch-activation-roadmap{
        padding:66px 15px;
      }

      .monarch-head h2{
        font-size:34px;
        letter-spacing:-1.5px;
      }

      .monarch-head-copy p{
        font-size:14px;
      }

      .monarch-step{
        min-height:290px;
        padding:26px 21px;
      }

      .monarch-step-number{
        margin-bottom:38px;
        font-size:54px;
      }

      .monarch-stats{
        grid-template-columns:1fr;
      }

      .monarch-stat{
        padding:12px 0;
        text-align:center;
        border-right:0;
        border-bottom:1px solid var(--mon-line);
      }
    }

/* ── sectie: 11. Reviews – Ervaringen met Omni IPTV Nederland (#14) ── */
/* =====================================================
   OMNI IPTV REVIEWS
===================================================== */

#omni-review-showcase,
#omni-review-showcase *{
  box-sizing:border-box;
}


#omni-review-showcase{

  --omni-red:#e8001d;
  --omni-red2:#ff2039;
  --omni-dark:#08080c;
  --omni-panel:#111116;
  --omni-border:rgba(255,255,255,.09);

  width:100%;

  position:relative;

  overflow:hidden;

  padding:100px 0;

  background:

    radial-gradient(
      circle at 50% 0%,
      rgba(232,0,29,.12),
      transparent 28%
    ),

    #08080c;

  font-family:'Manrope',sans-serif;

  color:#fff;
}


/* BACKGROUND GRID */

#omni-review-showcase::before{

  content:"";

  position:absolute;

  inset:0;

  background-image:

    linear-gradient(
      rgba(255,255,255,.022) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.022) 1px,
      transparent 1px
    );

  background-size:70px 70px;

  pointer-events:none;
}


/* CONTAINER */

.omni-review-shell{

  position:relative;

  z-index:2;

  width:min(1400px,100%);

  margin:auto;

}


/* =====================================================
   HEADER
===================================================== */

.omni-review-header{

  max-width:800px;

  margin:0 auto 55px;

  padding:0 20px;

  text-align:center;
}


.omni-review-kicker{

  display:inline-flex;

  align-items:center;

  gap:10px;

  margin-bottom:17px;

  color:var(--omni-red);

  font-size:10px;

  font-weight:900;

  letter-spacing:2.3px;

  text-transform:uppercase;
}


.omni-review-kicker span{

  width:28px;

  height:2px;

  background:var(--omni-red);

  border-radius:10px;
}


.omni-review-header h2{

  max-width:780px;

  margin:0 auto 17px;

  color:#fff;

  font-size:clamp(40px,5vw,65px);

  line-height:1.05;

  letter-spacing:-2.7px;

  font-weight:800;
}


.omni-review-header h2 strong{

  display:block;

  color:var(--omni-red);
}


.omni-review-header p{

  max-width:680px;

  margin:auto;

  color:rgba(255,255,255,.52);

  font-size:15px;

  line-height:1.8;
}


/* STATS */

.omni-review-stats{

  max-width:550px;

  margin:30px auto 0;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  border-top:1px solid rgba(255,255,255,.09);

  border-bottom:1px solid rgba(255,255,255,.09);
}


.omni-review-stats div{

  padding:16px 10px;
}


.omni-review-stats div:not(:last-child){

  border-right:1px solid rgba(255,255,255,.09);
}


.omni-review-stats strong{

  display:block;

  color:var(--omni-red);

  font-size:21px;

  font-weight:900;
}


.omni-review-stats span{

  display:block;

  margin-top:3px;

  color:rgba(255,255,255,.40);

  font-size:9px;

  font-weight:700;
}


/* =====================================================
   BIG PANEL
===================================================== */

.omni-review-panel{

  position:relative;

  overflow:hidden;

  padding:24px 0 26px;

  border-top:1px solid rgba(255,255,255,.09);

  border-bottom:1px solid rgba(255,255,255,.09);

  background:

    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.015)
    );
}


/* TOP */

.omni-review-panel-top{

  width:min(1280px,calc(100% - 40px));

  margin:0 auto 24px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;
}


.omni-review-panel-top > div{

  display:flex;

  align-items:center;

  gap:12px;
}


.omni-review-live-dot{

  width:10px;

  height:10px;

  flex:0 0 10px;

  border-radius:50%;

  background:var(--omni-red);

  box-shadow:
    0 0 0 7px rgba(232,0,29,.12);

  animation:omniReviewPulse 1.7s infinite;
}


@keyframes omniReviewPulse{

  0%{
    box-shadow:0 0 0 0 rgba(232,0,29,.5);
  }

  70%{
    box-shadow:0 0 0 12px rgba(232,0,29,0);
  }

  100%{
    box-shadow:0 0 0 0 rgba(232,0,29,0);
  }

}


.omni-review-panel-top strong{

  display:block;

  color:#fff;

  font-size:13px;
}


.omni-review-panel-top small{

  display:block;

  margin-top:3px;

  color:rgba(255,255,255,.38);

  font-size:9px;
}


/* SUPPORT */

.omni-review-support{

  display:inline-flex;

  align-items:center;

  gap:9px;

  padding:10px 15px;

  border:1px solid rgba(255,255,255,.11);

  border-radius:9px;

  background:rgba(255,255,255,.04);

  color:#fff !important;

  text-decoration:none !important;

  font-size:10px;

  font-weight:800;

  transition:.25s ease;
}


.omni-review-support:hover{

  border-color:rgba(232,0,29,.4);

  background:rgba(232,0,29,.08);
}


.omni-review-support span{

  color:var(--omni-red);

  font-size:16px;
}


/* =====================================================
   SLIDER
===================================================== */

.omni-review-slider{

  position:relative;

  width:100%;

  overflow:hidden;

  padding:20px 0 34px;
}


/* SIDE FADE */

.omni-review-slider::before,
.omni-review-slider::after{

  content:"";

  position:absolute;

  top:0;

  bottom:0;

  width:100px;

  z-index:5;

  pointer-events:none;
}


.omni-review-slider::before{

  left:0;

  background:
    linear-gradient(
      to right,
      #0a0a0e,
      transparent
    );
}


.omni-review-slider::after{

  right:0;

  background:
    linear-gradient(
      to left,
      #0a0a0e,
      transparent
    );
}


/* TRACK */

.omni-review-track{

  display:flex;

  align-items:flex-start;

  gap:20px;

  width:max-content;

  padding-left:20px;

  animation:
    omniReviewScroll 38s linear infinite;

  will-change:transform;
}


.omni-review-slider:hover
.omni-review-track{

  animation-play-state:paused;
}


/* PHONE */

.omni-review-phone{

  position:relative;

  flex:0 0 245px;

  width:245px;

  padding:7px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.11);

  border-radius:30px;

  background:#15151a;

  box-shadow:
    0 25px 55px rgba(0,0,0,.35);

  transition:
    transform .3s ease,
    border-color .3s ease;
}


.omni-review-phone:hover{

  transform:translateY(-10px);

  border-color:rgba(232,0,29,.6);
}


/* IMAGE */

.omni-review-phone img{

  width:100%;

  height:495px;

  display:block;

  object-fit:cover;

  border-radius:23px;
}


/* LABEL */

.omni-review-phone-label{

  position:absolute;

  left:16px;

  right:16px;

  bottom:16px;

  z-index:3;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:10px;

  padding:10px 12px;

  border:1px solid rgba(255,255,255,.11);

  border-radius:10px;

  background:rgba(8,8,12,.82);

  backdrop-filter:blur(12px);

  color:rgba(255,255,255,.65);

  font-size:8px;

  font-weight:800;
}


.omni-review-phone-label span{

  color:#ff4052;

  font-size:9px;

  letter-spacing:1px;
}


/* LOOP */

@keyframes omniReviewScroll{

  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-1590px);
  }

}


/* =====================================================
   BOTTOM
===================================================== */

.omni-review-bottom{

  width:min(1280px,calc(100% - 40px));

  margin:4px auto 0;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:25px;

  padding-top:22px;

  border-top:1px solid rgba(255,255,255,.07);
}


.omni-review-trust{

  display:flex;

  flex-wrap:wrap;

  gap:10px 20px;
}


.omni-review-trust span{

  color:rgba(255,255,255,.45);

  font-size:10px;

  font-weight:700;
}


.omni-review-trust span::first-letter{

  color:var(--omni-red);
}


.omni-review-bottom > a{

  display:inline-flex;

  align-items:center;

  gap:9px;

  padding:12px 17px;

  border-radius:9px;

  background:var(--omni-red);

  color:#fff !important;

  text-decoration:none !important;

  font-size:10px;

  font-weight:900;

  transition:.25s ease;
}


.omni-review-bottom > a:hover{

  background:var(--omni-red2);

  transform:translateY(-2px);
}


.omni-review-bottom > a span{

  font-size:16px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

  #omni-review-showcase{
    padding:75px 0;
  }

  .omni-review-phone{
    flex-basis:220px;
    width:220px;
  }

  .omni-review-phone img{
    height:440px;
  }

  @keyframes omniReviewScroll{

    from{
      transform:translateX(0);
    }

    to{
      transform:translateX(-1440px);
    }

  }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){

  #omni-review-showcase{
    padding:60px 0;
  }


  .omni-review-header{
    margin-bottom:38px;
  }


  .omni-review-header h2{
    font-size:35px;
  }


  .omni-review-header p{
    font-size:14px;
  }


  .omni-review-stats strong{
    font-size:18px;
  }


  .omni-review-panel-top{
    width:calc(100% - 28px);
  }


  .omni-review-support{
    display:none;
  }


  .omni-review-slider::before,
  .omni-review-slider::after{
    width:30px;
  }


  .omni-review-track{
    gap:13px;
    padding-left:13px;
  }


  .omni-review-phone{
    flex-basis:185px;
    width:185px;
    padding:5px;
    border-radius:23px;
  }


  .omni-review-phone img{
    height:355px;
    border-radius:18px;
  }


  .omni-review-phone-label{
    left:11px;
    right:11px;
    bottom:11px;
    padding:8px;
  }


  .omni-review-bottom{
    width:calc(100% - 28px);
    flex-direction:column;
    align-items:stretch;
  }


  .omni-review-trust{
    justify-content:center;
  }


  .omni-review-bottom > a{
    justify-content:center;
  }


  @keyframes omniReviewScroll{

    from{
      transform:translateX(0);
    }

    to{
      transform:translateX(-1188px);
    }

  }

}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

  .omni-review-track,
  .omni-review-live-dot{
    animation:none !important;
  }

}

/* ── sectie: 12. FAQ – Veelgestelde vragen over Omni IPTV (#15) ── */
.elementor-6 .elementor-element.elementor-element-3748960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}
  

    #novexa-help-library,
    #novexa-help-library *{
      box-sizing:border-box;
    }

    #novexa-help-library{
      --nx-red:#e8001d;
      --nx-red2:#ff3047;
      --nx-ink:#111116;
      --nx-muted:#74747d;
      --nx-line:#e6e6ea;
      --nx-soft:#f5f4f1;
      --nx-card:#ffffff;
      --nx-dark:#0b0b0e;

      width:100%;
      position:relative;
      overflow:hidden;
      padding:100px 24px;
      background:
        linear-gradient(180deg,#f7f6f3 0%,#ffffff 100%);
      color:var(--nx-ink);
      font-family:'Manrope',sans-serif;
    }

    #novexa-help-library::before{
      content:"FAQ";
      position:absolute;
      right:-15px;
      top:-50px;
      color:rgba(17,17,22,.025);
      font-size:clamp(160px,24vw,340px);
      line-height:1;
      font-weight:900;
      letter-spacing:-10px;
      pointer-events:none;
    }

    .novexa-shell{
      width:min(1260px,100%);
      margin:0 auto;
      position:relative;
      z-index:2;
    }
    .novexa-top{
      display:grid;
      grid-template-columns:.82fr 1.18fr;
      gap:70px;
      align-items:end;
      margin-bottom:56px;
    }

    .novexa-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:14px;
      color:var(--nx-red);
      font-size:10px;
      font-weight:900;
      letter-spacing:2.1px;
      text-transform:uppercase;
    }

    .novexa-kicker::before{
      content:"";
      width:34px;
      height:2px;
      background:var(--nx-red);
    }

    .novexa-top h2{
      margin:0;
      max-width:690px;
      font-size:clamp(42px,5vw,67px);
      line-height:1;
      letter-spacing:-3px;
      font-weight:900;
    }

    .novexa-top h2 span{
      color:var(--nx-red);
    }

    .novexa-top-copy p{
      max-width:720px;
      margin:0 0 18px;
      color:var(--nx-muted);
      font-size:15px;
      line-height:1.82;
    }

    .novexa-top-copy strong{
      color:#111;
    }

    .novexa-top-tags{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .novexa-top-tags span{
      padding:8px 11px;
      border:1px solid var(--nx-line);
      border-radius:999px;
      background:#fff;
      color:#43434a;
      font-size:10px;
      font-weight:800;
    }
    .novexa-main{
      display:grid;
      grid-template-columns:360px minmax(0,1fr);
      gap:22px;
      align-items:start;
    }
    .novexa-assist{
      position:sticky;
      top:28px;
      overflow:hidden;
      padding:30px;
      border-radius:26px;
      background:
        radial-gradient(circle at 100% 0,rgba(232,0,29,.24),transparent 40%),
        var(--nx-dark);
      color:#fff;
      box-shadow:0 24px 58px rgba(0,0,0,.15);
    }

    .novexa-assist-badge{
      width:48px;
      height:48px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:54px;
      border-radius:13px;
      background:rgba(232,0,29,.16);
      color:#ff5367;
      font-size:20px;
      font-weight:900;
    }

    .novexa-assist small{
      display:block;
      margin-bottom:8px;
      color:#ff6374;
      font-size:9px;
      font-weight:900;
      letter-spacing:1.5px;
      text-transform:uppercase;
    }

    .novexa-assist h3{
      margin:0 0 13px;
      font-size:26px;
      line-height:1.18;
    }

    .novexa-assist p{
      margin:0 0 24px;
      color:rgba(255,255,255,.56);
      font-size:12px;
      line-height:1.75;
    }

    .novexa-assist a{
      min-height:50px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:11px;
      background:var(--nx-red);
      color:#fff!important;
      text-decoration:none!important;
      font-size:11px;
      font-weight:900;
      transition:.22s ease;
    }

    .novexa-assist a:hover{
      transform:translateY(-2px);
      background:var(--nx-red2);
    }

    .novexa-assist-meta{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:8px;
      margin-top:18px;
    }

    .novexa-assist-meta div{
      padding:12px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:11px;
      background:rgba(255,255,255,.035);
    }

    .novexa-assist-meta strong{
      display:block;
      color:#fff;
      font-size:11px;
    }

    .novexa-assist-meta span{
      display:block;
      margin-top:3px;
      color:rgba(255,255,255,.38);
      font-size:8px;
      line-height:1.4;
    }
    .novexa-faq-stack{
      display:grid;
      gap:11px;
    }

    .novexa-faq-row{
      overflow:hidden;
      border:1px solid var(--nx-line);
      border-radius:17px;
      background:#fff;
      transition:.25s ease;
    }

    .novexa-faq-row:hover{
      border-color:rgba(232,0,29,.24);
    }

    .novexa-faq-row.novexa-active{
      border-color:rgba(232,0,29,.45);
      box-shadow:0 16px 38px rgba(232,0,29,.07);
    }

    .novexa-faq-trigger{
      width:100%;
      min-height:82px;
      display:grid;
      grid-template-columns:48px 1fr 38px;
      align-items:center;
      gap:14px;
      padding:14px 18px;
      border:0;
      background:transparent;
      font-family:inherit;
      text-align:left;
      cursor:pointer;
    }

    .novexa-faq-number{
      width:42px;
      height:42px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:12px;
      background:#f3f3f5;
      color:#9999a1;
      font-size:10px;
      font-weight:900;
      transition:.25s ease;
    }

    .novexa-active .novexa-faq-number{
      background:var(--nx-red);
      color:#fff;
    }

    .novexa-faq-title{
      color:#202025;
      font-size:15px;
      line-height:1.45;
      font-weight:800;
    }

    .novexa-faq-plus{
      width:34px;
      height:34px;
      position:relative;
      border-radius:10px;
      background:#fff0f2;
    }

    .novexa-faq-plus::before,
    .novexa-faq-plus::after{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      width:13px;
      height:2px;
      border-radius:5px;
      background:var(--nx-red);
      transform:translate(-50%,-50%);
      transition:.25s ease;
    }

    .novexa-faq-plus::after{
      transform:translate(-50%,-50%) rotate(90deg);
    }

    .novexa-active .novexa-faq-plus::after{
      transform:translate(-50%,-50%) rotate(0);
      opacity:0;
    }

    .novexa-faq-answer{
      display:grid;
      grid-template-rows:0fr;
      transition:grid-template-rows .34s ease;
    }

    .novexa-active .novexa-faq-answer{
      grid-template-rows:1fr;
    }

    .novexa-faq-answer-inner{
      min-height:0;
      overflow:hidden;
    }

    .novexa-faq-answer-inner p{
      margin:0;
      padding:0 68px 24px 80px;
      color:#74747d;
      font-size:13px;
      line-height:1.8;
    }

    .novexa-faq-answer-inner p + p{
      padding-top:0;
    }

    .novexa-faq-answer-inner strong,
    .novexa-faq-answer-inner b{
      color:var(--nx-red);
      font-weight:800;
    }
    .novexa-footline{
      margin-top:26px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
    }

    .novexa-footline div{
      padding:16px;
      border:1px solid var(--nx-line);
      border-radius:13px;
      background:#fff;
    }

    .novexa-footline strong{
      display:block;
      margin-bottom:4px;
      color:#18181d;
      font-size:11px;
    }

    .novexa-footline span{
      color:#85858d;
      font-size:9px;
      line-height:1.5;
    }

    @media(max-width:950px){
      .novexa-top{
        grid-template-columns:1fr;
        gap:24px;
      }

      .novexa-main{
        grid-template-columns:1fr;
      }

      .novexa-assist{
        position:relative;
        top:auto;
      }

      .novexa-assist-badge{
        margin-bottom:28px;
      }

      .novexa-footline{
        grid-template-columns:repeat(2,1fr);
      }
    }

    @media(max-width:600px){
      #novexa-help-library{
        padding:66px 14px;
      }

      .novexa-top{
        margin-bottom:38px;
      }

      .novexa-top h2{
        font-size:35px;
        letter-spacing:-1.6px;
      }

      .novexa-top-copy p{
        font-size:14px;
      }

      .novexa-assist{
        padding:24px 21px;
        border-radius:20px;
      }

      .novexa-faq-trigger{
        min-height:74px;
        grid-template-columns:36px 1fr 31px;
        gap:10px;
        padding:12px;
      }

      .novexa-faq-number{
        width:34px;
        height:34px;
      }

      .novexa-faq-title{
        font-size:13px;
      }

      .novexa-faq-plus{
        width:30px;
        height:30px;
      }

      .novexa-faq-answer-inner p{
        padding:0 18px 20px 58px;
        font-size:12px;
      }

      .novexa-footline{
        grid-template-columns:1fr;
      }
    }