/* ── sectie: Hero (#4) ── */
.vibey-hero,
.vibey-hero *,
.vibey-hero *::before,
.vibey-hero *::after {
  box-sizing: border-box;
}

.vibey-hero {
  --vibey-primary: #bcf702;
  --vibey-primary-hover: #d2ff42;
  --vibey-dark: #080a08;
  --vibey-surface: #171b15;
  --vibey-text: #b8c0b3;
  --vibey-white: #ffffff;

  position: relative;
  width: 100%;
  margin: 0;
  padding: 105px 24px 85px;
  background-color: #080a08;
  background-image:
    linear-gradient(
      90deg,
      rgba(8,10,8,.96),
      rgba(8,10,8,.91)
    ),
    url('/uploads/images/2026/10/lunex4ktv-bg-f8a19062.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
}

/* BACKGROUND ACCENTS */

.vibey-hero::before {
  content: "";
  position: absolute;
  width: 550px;
  height: 550px;
  top: -260px;
  right: -180px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.15),
    transparent 70%
  );
  pointer-events: none;
  z-index: -1;
}

.vibey-hero::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -280px;
  bottom: -250px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.07),
    transparent 70%
  );
  pointer-events: none;
  z-index: -1;
}

/* MAIN GRID */

.vibey-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 65px;
}

.vibey-content {
  position: relative;
  z-index: 3;
}

/* EYEBROW */

.vibey-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(188,247,2,.09);
  color: #bcf702;
  border: 1px solid rgba(188,247,2,.25);
  border-radius: 50px;
  padding: 11px 18px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  margin-bottom: 27px;
}

.vibey-pulse {
  width: 8px;
  height: 8px;
  background: #bcf702;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(188,247,2,.14);
}

/* TITLE */

.vibey-title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(37px,4.3vw,62px);
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -2.2px;
  margin: 0 0 25px;
  color: #ffffff;
}

.vibey-title span {
  color: #bcf702;
}

/* DESCRIPTION */

.vibey-description {
  color: #b8c0b3;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.95;
  margin: 0 0 32px;
  max-width: 570px;
}

.vibey-description strong {
  color: #ffffff;
  font-weight: 600;
}

/* BENEFITS */

.vibey-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 23px;
  margin-bottom: 36px;
}

.vibey-benefit {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  font-weight: 600;
  color: #e8eee3;
}

.vibey-check {
  width: 21px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(188,247,2,.13);
  color: #bcf702;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
}

/* BUTTONS */

.vibey-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}

.vibey-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 17px 27px;
  min-height: 57px;
  border-radius: 10px;
  text-decoration: none !important;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition: all .25s ease;
  text-align: center;
}

.vibey-btn-primary {
  background: #bcf702;
  color: #111700 !important;
  box-shadow: 0 12px 28px rgba(188,247,2,.18);
}

.vibey-btn-primary:hover {
  background: #d2ff42;
  color: #111700 !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(188,247,2,.27);
}

.vibey-btn-secondary {
  background: #ffffff;
  color: #111710 !important;
  border: 1px solid #ffffff;
}

.vibey-btn-secondary:hover {
  background: #e9f2de;
  border-color: #bcf702;
  transform: translateY(-3px);
}

.vibey-btn svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* TRUST LINE */

.vibey-trust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 29px;
  color: #a1ac99;
  font-size: 12px;
  font-weight: 500;
}

.vibey-trust-mark {
  color: #bcf702;
  letter-spacing: 2px;
  font-size: 17px;
}

/* RIGHT IMAGE */

.vibey-visual {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 480px;
}

.vibey-image-backdrop {
  position: absolute;
  width: 92%;
  height: 85%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.19),
    rgba(188,247,2,.05) 55%,
    transparent 75%
  );
  filter: blur(12px);
  z-index: 0;
}

.vibey-image {
  width: 100%;
  max-width: 620px;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 28px 35px rgba(0,0,0,.38));
  animation: vibeyFloat 6s ease-in-out infinite;
}

@keyframes vibeyFloat {
  0%,100% {transform:translateY(0)}
  50% {transform:translateY(-12px)}
}

/* FLOATING CARDS */

.vibey-floating {
  position: absolute;
  z-index: 3;
  background: #ffffff;
  border: 1px solid #e5ecd9;
  border-radius: 13px;
  padding: 13px 17px;
  box-shadow: 0 14px 38px rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  gap: 11px;
  animation: vibeyFloat 6s ease-in-out infinite;
}

.vibey-floating-one {
  top: 12%;
  left: -3%;
}

.vibey-floating-two {
  bottom: 10%;
  right: -2%;
  animation-delay: 1s;
}

.vibey-floating-icon {
  width: 38px;
  height: 38px;
  background: #efffc7;
  border-radius: 10px;
  color: #314900;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
}

.vibey-floating strong {
  display: block;
  font-size: 12px;
  color: #151b10;
  font-weight: 700;
}

.vibey-floating small {
  display: block;
  font-size: 10px;
  color: #697462;
  margin-top: 3px;
}

/* BOTTOM FEATURES */

.vibey-feature-strip {
  max-width: 1240px;
  margin: 85px auto 0;
  padding: 28px 30px;
  border: 1px solid #303b27;
  background: rgba(22,27,19,.96);
  border-radius: 17px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.15);
}

.vibey-strip-item {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

.vibey-strip-icon {
  width: 45px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 12px;
  background: rgba(188,247,2,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bcf702;
}

.vibey-strip-icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vibey-strip-item strong {
  display: block;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
}

.vibey-strip-item small {
  display: block;
  font-size: 10px;
  color: #a8b3a0;
  margin-top: 5px;
  line-height: 1.5;
}

/* RESPONSIVE TABLET */

@media(max-width:1050px) {
  .vibey-container {
    gap: 35px;
  }

  .vibey-title {
    font-size: 43px;
  }

  .vibey-visual {
    min-height: 390px;
  }

  .vibey-feature-strip {
    grid-template-columns: repeat(2,1fr);
  }
}

/* RESPONSIVE MOBILE */

@media(max-width:768px) {
  .vibey-hero {
    padding: 70px 20px;
  }

  .vibey-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .vibey-content {
    text-align: center;
  }

  .vibey-title {
    font-size: clamp(33px,7vw,45px);
    letter-spacing: -1.4px;
  }

  .vibey-description {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 1.85;
  }

  .vibey-benefits,
  .vibey-buttons,
  .vibey-trust {
    justify-content: center;
  }

  .vibey-visual {
    min-height: 340px;
    max-width: 540px;
    margin: auto;
  }

  .vibey-floating-one {
    left: 0;
  }

  .vibey-floating-two {
    right: 0;
  }

  .vibey-feature-strip {
    margin-top: 50px;
  }
}

@media(max-width:480px) {
  .vibey-hero {
    padding: 55px 15px;
  }

  .vibey-title {
    font-size: 34px;
  }

  .vibey-eyebrow {
    font-size: 10px;
  }

  .vibey-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .vibey-btn {
    width: 100%;
  }

  .vibey-benefits {
    gap: 12px;
  }

  .vibey-benefit {
    font-size: 11px;
  }

  .vibey-visual {
    min-height: 280px;
  }

  .vibey-floating {
    padding: 9px;
  }

  .vibey-floating strong {
    font-size: 10px;
  }

  .vibey-floating small {
    font-size: 9px;
  }

  .vibey-floating-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .vibey-feature-strip {
    grid-template-columns: 1fr 1fr;
    padding: 20px 14px;
    gap: 22px 12px;
  }

  .vibey-strip-item {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .vibey-image,
  .vibey-floating {
    animation: none;
  }
}

/* ── sectie: Voordelen (#5) ── */
.vibf-benefits,
.vibf-benefits *,
.vibf-devices,
.vibf-devices * {
  box-sizing: border-box;
}

.vibf-benefits,
.vibf-devices {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  overflow: hidden;
}

/* ========== FEATURES - DARK SECTION ========== */

.vibf-benefits {
  --vibf-lime: #bcf702;
  --vibf-black: #090b08;
  --vibf-white: #ffffff;
  background: #090b08;
  color: #fff;
  padding: 95px 20px 105px;
  position: relative;
}

.vibf-benefits::before {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  top: -250px;
  left: -200px;
  background: radial-gradient(circle,rgba(188,247,2,.11),transparent 70%);
  pointer-events: none;
}

.vibf-wrap {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.vibf-heading {
  max-width: 800px;
  text-align: center;
  margin: 0 auto 55px;
}

.vibf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.8px;
  color: #bcf702;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.vibf-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #bcf702;
  border-radius: 50%;
}

.vibf-heading h2 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(30px,4vw,45px);
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -1.4px;
  color: #fff;
  margin: 0 0 20px;
}

.vibf-heading h2 span {
  color: #bcf702;
}

.vibf-heading p {
  color: #aeb8a6;
  font-size: 15px;
  line-height: 1.9;
  margin: 0;
}

/* FEATURE CARDS */

.vibf-cards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 23px;
}

.vibf-card {
  position: relative;
  background: #171b14;
  border: 1px solid #303a29;
  border-radius: 19px;
  padding: 37px 30px;
  min-height: 315px;
  overflow: hidden;
  transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.vibf-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: #bcf702;
  transition: width .3s ease;
}

.vibf-card:hover {
  transform: translateY(-7px);
  border-color: #bcf702;
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.vibf-card:hover::before {
  width: 100%;
}

.vibf-icon {
  width: 65px;
  height: 65px;
  background: rgba(188,247,2,.11);
  color: #bcf702;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
}

.vibf-icon svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vibf-card h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  margin: 0 0 14px;
}

.vibf-card p {
  color: #aeb8a6;
  font-size: 14px;
  line-height: 1.9;
  margin: 0;
}

.vibf-card-highlight {
  background: #bcf702;
  border-color: #bcf702;
}

.vibf-card-highlight .vibf-icon {
  background: #172000;
  color: #bcf702;
}

.vibf-card-highlight h3,
.vibf-card-highlight p {
  color: #141b08;
}

.vibf-card-highlight p {
  opacity: .85;
}

/* ========== DEVICES - WHITE SECTION ========== */

.vibf-devices {
  background: #ffffff;
  color: #141a12;
  padding: 100px 20px 110px;
  border-top: 1px solid #edf0e7;
}

.vibf-devices-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  gap: 65px;
}

.vibf-devices-content {
  max-width: 630px;
}

.vibf-devices-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #f0ffd0;
  color: #385000;
  border: 1px solid #d9f3a2;
  padding: 10px 16px;
  border-radius: 40px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.vibf-devices-tag::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #7fac00;
  border-radius: 50%;
}

.vibf-devices-content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(32px,4vw,47px);
  line-height: 1.25;
  letter-spacing: -1.5px;
  color: #141a12;
  font-weight: 800;
  margin: 0 0 24px;
}

.vibf-devices-content h2 span {
  color: #719900;
}

.vibf-devices-content p {
  color: #626d5d;
  font-size: 15px;
  line-height: 1.95;
  margin: 0 0 28px;
}

.vibf-devices-content p strong {
  color: #151b12;
}

.vibf-device-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 15px 20px;
  margin-bottom: 37px;
}

.vibf-device-list span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #263320;
  font-size: 12px;
  font-weight: 600;
}

.vibf-device-list span::before {
  content: "✓";
  background: #efffc7;
  color: #456300;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
}

/* CTA BUTTON */

.vibf-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #bcf702;
  color: #172000 !important;
  padding: 18px 30px;
  border-radius: 11px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: .3s ease;
  box-shadow: 0 12px 25px rgba(140,185,0,.18);
}

.vibf-cta:hover {
  background: #a9e000;
  color: #172000 !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 35px rgba(140,185,0,.25);
}

.vibf-cta svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* DEVICE IMAGE */

.vibf-devices-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.vibf-devices-circle {
  position: absolute;
  width: 90%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #f0ffd0;
  z-index: 0;
}

.vibf-devices-image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 580px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 25px rgba(0,0,0,.12));
}

.vibf-device-floating {
  position: absolute;
  z-index: 2;
  bottom: 5%;
  left: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 18px;
  border: 1px solid #e2ebd4;
  background: #ffffff;
  border-radius: 13px;
  box-shadow: 0 12px 35px rgba(0,0,0,.09);
}

.vibf-device-floating-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #bcf702;
  color: #1c2900;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.vibf-device-floating strong {
  display: block;
  color: #151b12;
  font-size: 12px;
  font-weight: 700;
}

.vibf-device-floating small {
  display: block;
  color: #6c7765;
  font-size: 11px;
  margin-top: 3px;
}

/* RESPONSIVE */

@media(max-width:1000px) {
  .vibf-devices-wrap {
    gap: 35px;
  }

  .vibf-devices-content h2 {
    font-size: 37px;
  }

  .vibf-card {
    padding: 28px 23px;
  }
}

@media(max-width:768px) {
  .vibf-benefits {
    padding: 70px 18px 80px;
  }

  .vibf-heading {
    margin-bottom: 35px;
  }

  .vibf-cards {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .vibf-card {
    min-height: auto;
    padding: 29px;
  }

  .vibf-devices {
    padding: 70px 18px;
  }

  .vibf-devices-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .vibf-devices-content {
    max-width: 100%;
  }

  .vibf-devices-content h2 {
    font-size: 35px;
  }

  .vibf-devices-visual {
    min-height: 320px;
    max-width: 530px;
    margin: auto;
    width: 100%;
  }
}

@media(max-width:480px) {
  .vibf-heading h2 {
    font-size: 30px;
  }

  .vibf-heading p {
    font-size: 13px;
  }

  .vibf-card h3 {
    font-size: 19px;
  }

  .vibf-card p {
    font-size: 13px;
  }

  .vibf-devices-content h2 {
    font-size: 31px;
  }

  .vibf-devices-content p {
    font-size: 13px;
  }

  .vibf-device-list {
    gap: 12px;
  }

  .vibf-device-list span {
    font-size: 11px;
  }

  .vibf-cta {
    width: 100%;
    text-align: center;
  }

  .vibf-devices-visual {
    min-height: 260px;
  }

  .vibf-device-floating {
    padding: 10px 12px;
  }
}

/* ── sectie: Aanbod (#6) ── */
.vbych26,
.vbych26 *,
.vbych26 *::before,
.vbych26 *::after {
  box-sizing: border-box;
}

.vbych26 {
  --vby-lime: #bcf702;
  --vby-black: #0b0d09;
  --vby-surface: #171b13;
  --vby-white: #ffffff;
  --vby-muted: #aab4a2;

  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 95px 0 100px;
  background: #0b0d09;
  color: #ffffff;
  font-family: 'Poppins', Arial, sans-serif;
}

/* BACKGROUND DECORATION */

.vbych26::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  top: -300px;
  right: -200px;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.12),
    transparent 70%
  );
  pointer-events: none;
}

.vbych26::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  left: -250px;
  bottom: -250px;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.08),
    transparent 70%
  );
  pointer-events: none;
}

/* INTRO */

.vbych26-intro {
  position: relative;
  max-width: 850px;
  margin: 0 auto 48px;
  padding: 0 20px;
  text-align: center;
  z-index: 1;
}

.vbych26-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 18px;
  border: 1px solid rgba(188,247,2,.28);
  border-radius: 50px;
  background: rgba(188,247,2,.08);
  color: #bcf702;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.vbych26-tag::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #bcf702;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(188,247,2,.12);
}

.vbych26 h2 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: clamp(31px,4.5vw,49px);
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -1.6px;
  color: #ffffff;
  margin: 0 0 20px;
}

.vbych26 h2 span {
  color: #bcf702;
}

.vbych26-intro p {
  color: #aeb7a7;
  font-size: 14px;
  line-height: 1.95;
  max-width: 740px;
  margin: 0 auto;
}

/* MAIN PANEL */

.vbych26-panel {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 38px 0 40px;
  border-radius: 23px;
  background: #171b13;
  border: 1px solid #313b27;
  box-shadow: 0 20px 55px rgba(0,0,0,.2);
  overflow: hidden;
  z-index: 1;
}

.vbych26-group + .vbych26-group {
  margin-top: 43px;
}

.vbych26-grouphead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0 34px;
  margin-bottom: 21px;
}

.vbych26-grouphead h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.vbych26-grouphead h3 span {
  color: #bcf702;
  margin-right: 7px;
}

.vbych26-grouphead small {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  color: #bcf702;
  white-space: nowrap;
}

/* MARQUEE */

.vbych26-window {
  width: 100%;
  overflow: hidden;
  padding: 6px 0 16px;
}

.vbych26-track {
  display: flex;
  width: max-content;
  animation: vbych26-left 35s linear infinite;
  will-change: transform;
}

.vbych26-track.reverse {
  animation-name: vbych26-right;
  animation-duration: 39s;
}

.vbych26-window:hover .vbych26-track {
  animation-play-state: paused;
}

.vbych26-set {
  display: flex;
  flex-shrink: 0;
  gap: 15px;
  padding-right: 15px;
}

@keyframes vbych26-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes vbych26-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

/* CHANNEL CARDS */

.vbych26-card {
  flex: 0 0 190px;
  width: 190px;
  height: 140px;
  border-radius: 15px;
  background: #0e110c;
  border: 1px solid #303b27;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 16px;
  transition:
    border-color .25s ease,
    background .25s ease,
    transform .25s ease;
}

.vbych26-card:hover {
  background: #202917;
  border-color: #bcf702;
  transform: translateY(-4px);
}

.vbych26-logo {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.vbych26-logo img {
  display: block;
  width: 100%;
  max-width: 145px;
  height: 75px;
  object-fit: contain;
}

.vbych26-fallback {
  display: none;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  line-height: 1.25;
}

.vbych26-card.is-fallback img {
  display: none;
}

.vbych26-card.is-fallback .vbych26-fallback {
  display: block;
}

.vbych26-name {
  color: #b6c2ab;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}

/* CTA AREA */

.vbych26-bottom {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 45px auto 0;
  padding: 0 20px;
  text-align: center;
}

.vbych26-bottom p {
  font-size: 13px;
  line-height: 1.8;
  color: #b5beac;
  margin: 0 0 23px;
}

.vbych26-bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  background: #bcf702;
  color: #152000 !important;
  text-decoration: none !important;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 16px 28px;
  border-radius: 10px;
  transition: all .25s ease;
  box-shadow: 0 12px 30px rgba(188,247,2,.16);
}

.vbych26-bottom a:hover {
  background: #d1ff45;
  color: #152000 !important;
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(188,247,2,.24);
}

.vbych26-bottom a svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* MOBILE */

@media(max-width:767px) {
  .vbych26 {
    padding: 65px 0 75px;
  }

  .vbych26-intro {
    margin-bottom: 33px;
  }

  .vbych26 h2 {
    font-size: 32px;
    letter-spacing: -1px;
  }

  .vbych26-intro p {
    font-size: 12px;
  }

  .vbych26-panel {
    margin: 0 12px;
    padding: 29px 0;
    border-radius: 17px;
  }

  .vbych26-grouphead {
    padding: 0 17px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .vbych26-grouphead h3 {
    font-size: 14px;
  }

  .vbych26-card {
    flex-basis: 150px;
    width: 150px;
    height: 116px;
    padding: 12px;
  }

  .vbych26-logo {
    height: 65px;
  }

  .vbych26-logo img {
    max-width: 115px;
    height: 62px;
  }

  .vbych26-set {
    gap: 11px;
    padding-right: 11px;
  }

  .vbych26-bottom {
    margin-top: 34px;
  }

  .vbych26-bottom a {
    width: 100%;
    max-width: 340px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .vbych26-track,
  .vbych26-track.reverse {
    animation: none;
  }
}

/* ── sectie: Prijzen (#7) ── */
.vby-media26,
.vby-media26 *,
.vby-media26 *::before,
.vby-media26 *::after {
  box-sizing: border-box;
}

.vby-media26 {
  --vby-lime: #bcf702;
  --vby-black: #090b08;
  --vby-white: #ffffff;
  --vby-gray: #b0baa8;
  font-family: 'Poppins', Arial, sans-serif;
  width: 100%;
  overflow: hidden;
}

/* SHARED LAYOUT */

.vby-media26 .vby-shell {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}

.vby-media26 .vby-sport,
.vby-media26 .vby-live {
  position: relative;
  overflow: hidden;
  padding: 105px 0;
}

.vby-media26 .vby-sport-grid,
.vby-media26 .vby-live-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 75px;
  align-items: center;
}

/* ========== SPORT / DARK ========== */

.vby-media26 .vby-sport {
  background: #090b08;
  color: #ffffff;
}

.vby-media26 .vby-sport::before {
  content: "";
  position: absolute;
  width: 460px;
  height: 460px;
  top: -180px;
  left: -230px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.15),
    transparent 70%
  );
}

.vby-media26 .vby-sport::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -160px;
  bottom: -180px;
  border-radius: 50%;
  border: 1px solid rgba(188,247,2,.12);
}

/* SPORT IMAGE */

.vby-media26 .vby-sport-visual {
  position: relative;
  min-height: 510px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vby-media26 .vby-visual-bg {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.18),
    rgba(188,247,2,.04) 65%,
    transparent 75%
  );
}

.vby-media26 .vby-visual-ring {
  position: absolute;
  width: 385px;
  height: 385px;
  border: 1px dashed rgba(188,247,2,.38);
  border-radius: 50%;
}

.vby-media26 .vby-sport-img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 590px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 25px 30px rgba(0,0,0,.3));
}

/* FLOATING CARDS */

.vby-media26 .vby-float-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 17px;
  background: #ffffff;
  border: 1px solid #e5ecd8;
  border-radius: 15px;
  box-shadow: 0 15px 45px rgba(0,0,0,.25);
}

.vby-media26 .vby-float-one {
  top: 13%;
  left: 0;
}

.vby-media26 .vby-float-two {
  bottom: 12%;
  right: 0;
}

.vby-media26 .vby-float-icon {
  width: 39px;
  height: 39px;
  border-radius: 10px;
  background: #bcf702;
  color: #182300;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
}

.vby-media26 .vby-float-text strong {
  display: block;
  color: #182013;
  font-size: 12px;
  font-weight: 700;
}

.vby-media26 .vby-float-text small {
  display: block;
  color: #697562;
  font-size: 10px;
  margin-top: 3px;
}

/* SPORT CONTENT */

.vby-media26 .vby-sport-content {
  max-width: 620px;
}

.vby-media26 .vby-mini-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #bcf702;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.vby-media26 .vby-mini-title::before {
  content: "";
  width: 28px;
  height: 2px;
  background: #bcf702;
}

.vby-media26 .vby-sport-content h2,
.vby-media26 .vby-live-content h2 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: clamp(34px,4vw,49px);
  line-height: 1.23;
  letter-spacing: -1.6px;
  font-weight: 800;
  margin: 0 0 24px;
}

.vby-media26 .vby-sport-content h2 {
  color: #ffffff;
}

.vby-media26 .vby-sport-content h2 span {
  color: #bcf702;
}

.vby-media26 .vby-sport-description {
  color: #b3bdaa;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.95;
  margin: 0 0 31px;
}

.vby-media26 .vby-sport-description strong {
  color: #ffffff;
  font-weight: 600;
}

/* BENEFITS */

.vby-media26 .vby-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 15px 20px;
  margin-bottom: 36px;
}

.vby-media26 .vby-benefit-item {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #e7ede2;
  font-size: 12px;
  font-weight: 600;
}

.vby-media26 .vby-check {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border-radius: 50%;
  background: rgba(188,247,2,.15);
  color: #bcf702;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}

/* CTA */

.vby-media26 .vby-main-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 57px;
  padding: 16px 29px;
  border-radius: 11px;
  background: #bcf702;
  color: #172100 !important;
  text-decoration: none !important;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(188,247,2,.18);
  transition: transform .25s ease,
              box-shadow .25s ease,
              background .25s ease;
}

.vby-media26 .vby-main-button:hover {
  background: #d2ff43;
  color: #172100 !important;
  transform: translateY(-3px);
  box-shadow: 0 17px 35px rgba(188,247,2,.25);
}

.vby-media26 .vby-main-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ========== LIVE TV / WHITE ========== */

.vby-media26 .vby-live {
  background: #ffffff;
  border-top: 1px solid #e8eddc;
  color: #172013;
}

.vby-media26 .vby-live-grid {
  grid-template-columns: 1.03fr .97fr;
  gap: 80px;
}

.vby-media26 .vby-live-content {
  max-width: 620px;
}

.vby-media26 .vby-live-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f0ffd0;
  color: #405b00;
  border: 1px solid #d8f39c;
  border-radius: 40px;
  padding: 10px 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 23px;
}

.vby-media26 .vby-live-label-dot {
  width: 8px;
  height: 8px;
  background: #7dab00;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(188,247,2,.25);
}

.vby-media26 .vby-live-content h2 {
  color: #172013;
}

.vby-media26 .vby-live-content h2 span {
  color: #749c00;
}

.vby-media26 .vby-live-description {
  color: #62705d;
  font-size: 15px;
  line-height: 1.95;
  margin: 0 0 31px;
}

/* LIVE TV HIGHLIGHTS */

.vby-media26 .vby-live-stats {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.vby-media26 .vby-stat {
  min-width: 125px;
  padding: 17px 19px;
  background: #f7faef;
  border: 1px solid #e2ebd1;
  border-radius: 13px;
}

.vby-media26 .vby-stat strong {
  display: block;
  color: #547500;
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 5px;
}

.vby-media26 .vby-stat span {
  color: #6d7966;
  font-size: 10px;
  font-weight: 500;
}

/* TV IMAGE */

.vby-media26 .vby-tv-visual {
  position: relative;
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vby-media26 .vby-tv-bg {
  position: absolute;
  width: 440px;
  height: 330px;
  background: #f0ffd0;
  border-radius: 40px;
  transform: rotate(-4deg);
}

.vby-media26 .vby-tv-image {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 600px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 24px 25px rgba(0,0,0,.12));
}

/* CHANNEL MINI CARD */

.vby-media26 .vby-channel-card {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 7%;
  background: #ffffff;
  border: 1px solid #e1e9d6;
  border-radius: 15px;
  padding: 14px 18px;
  box-shadow: 0 15px 40px rgba(0,0,0,.1);
  display: flex;
  align-items: center;
  gap: 12px;
}

.vby-media26 .vby-channel-icon {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #bcf702;
  color: #172100;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.vby-media26 .vby-channel-card strong {
  display: block;
  color: #172013;
  font-size: 12px;
  font-weight: 700;
}

.vby-media26 .vby-channel-card small {
  display: block;
  color: #76836e;
  font-size: 10px;
  margin-top: 3px;
}

/* BOTTOM TRUST BAR */

.vby-media26 .vby-trust-bar {
  background: #10140e;
  border-top: 1px solid #293423;
  border-bottom: 1px solid #293423;
}

.vby-media26 .vby-trust-grid {
  max-width: 1240px;
  margin: auto;
  padding: 27px 24px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}

.vby-media26 .vby-trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.vby-media26 .vby-trust-icon {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border-radius: 11px;
  background: rgba(188,247,2,.12);
  color: #bcf702;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.vby-media26 .vby-trust-item strong {
  display: block;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.vby-media26 .vby-trust-item span {
  display: block;
  color: #a6b29d;
  font-size: 10px;
  margin-top: 4px;
}

/* RESPONSIVE */

@media(max-width:1024px) {
  .vby-media26 .vby-sport-grid,
  .vby-media26 .vby-live-grid {
    gap: 45px;
  }

  .vby-media26 .vby-sport-visual {
    min-height: 440px;
  }
}

@media(max-width:800px) {
  .vby-media26 .vby-sport,
  .vby-media26 .vby-live {
    padding: 75px 0;
  }

  .vby-media26 .vby-sport-grid,
  .vby-media26 .vby-live-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .vby-media26 .vby-sport-visual {
    order: 2;
  }

  .vby-media26 .vby-sport-content {
    order: 1;
  }

  .vby-media26 .vby-sport-content,
  .vby-media26 .vby-live-content {
    max-width: 100%;
  }

  .vby-media26 .vby-sport-visual,
  .vby-media26 .vby-tv-visual {
    max-width: 600px;
    width: 100%;
    margin: auto;
  }

  .vby-media26 .vby-trust-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:520px) {
  .vby-media26 .vby-shell {
    padding: 0 17px;
  }

  .vby-media26 .vby-sport,
  .vby-media26 .vby-live {
    padding: 60px 0;
  }

  .vby-media26 .vby-sport-content h2,
  .vby-media26 .vby-live-content h2 {
    font-size: 31px;
    letter-spacing: -1px;
  }

  .vby-media26 .vby-sport-description,
  .vby-media26 .vby-live-description {
    font-size: 13px;
    line-height: 1.85;
  }

  .vby-media26 .vby-benefit-grid {
    grid-template-columns: 1fr;
  }

  .vby-media26 .vby-main-button {
    width: 100%;
  }

  .vby-media26 .vby-sport-visual {
    min-height: 330px;
  }

  .vby-media26 .vby-visual-bg,
  .vby-media26 .vby-visual-ring {
    width: 290px;
    height: 290px;
  }

  .vby-media26 .vby-float-card {
    padding: 9px 11px;
  }

  .vby-media26 .vby-float-icon {
    width: 32px;
    height: 32px;
  }

  .vby-media26 .vby-float-text strong {
    font-size: 10px;
  }

  .vby-media26 .vby-float-text small {
    font-size: 8px;
  }

  .vby-media26 .vby-tv-visual {
    min-height: 300px;
  }

  .vby-media26 .vby-tv-bg {
    width: 290px;
    height: 220px;
  }

  .vby-media26 .vby-live-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .vby-media26 .vby-stat {
    min-width: 0;
  }

  .vby-media26 .vby-trust-grid {
    grid-template-columns: 1fr 1fr;
    padding: 22px 17px;
  }

  .vby-media26 .vby-trust-item {
    align-items: flex-start;
  }
}

/* ── sectie: Apparaten (#8) ── */
.vbyfilm-white26,
.vbyfilm-white26 *,
.vbyfilm-white26 *::before,
.vbyfilm-white26 *::after {
  box-sizing: border-box;
}

.vbyfilm-white26 {
  --vby-accent: #bcf702;
  --vby-dark: #151a10;
  --vby-muted: #63705b;

  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: #ffffff;
  padding: 85px 0 95px;
  font-family: 'Poppins', Arial, sans-serif;
  color: #151a10;
}

/* INTRO */

.vbyfilm-white26 .vbyfilm-intro {
  max-width: 830px;
  margin: 0 auto 49px;
  text-align: center;
  padding: 0 20px;
}

.vbyfilm-white26 .vbyfilm-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #f0ffd0;
  border: 1px solid #d8f3a0;
  color: #456000;
  padding: 10px 18px;
  border-radius: 40px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 23px;
}

.vbyfilm-white26 .vbyfilm-tag::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #91bf00;
  box-shadow: 0 0 0 5px rgba(188,247,2,.22);
}

.vbyfilm-white26 .vbyfilm-intro h2 {
  margin: 0 0 19px;
  color: #151a10;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: clamp(31px,4.5vw,48px);
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -1.5px;
}

.vbyfilm-white26 .vbyfilm-intro h2 span {
  color: #739900;
}

.vbyfilm-white26 .vbyfilm-intro p {
  max-width: 700px;
  margin: 0 auto;
  color: #63705b;
  font-size: 14px;
  line-height: 1.95;
}

/* ROWS */

.vbyfilm-white26 .vbyfilm-row {
  margin-bottom: 42px;
}

.vbyfilm-white26 .vbyfilm-rowhead {
  max-width: 1250px;
  margin: 0 auto 20px;
  padding: 0 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.vbyfilm-white26 .vbyfilm-rowhead h3 {
  margin: 0;
  color: #151a10;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.vbyfilm-white26 .vbyfilm-rowhead h3 span {
  color: #739900;
  margin-right: 9px;
}

.vbyfilm-white26 .vbyfilm-rowhead small {
  color: #75806f;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .6px;
}

/* SLIDER */

.vbyfilm-white26 .vbyfilm-viewport {
  width: 100%;
  overflow: hidden;
  padding: 8px 0 20px;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 4%,
    #000 96%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 4%,
    #000 96%,
    transparent 100%
  );
}

.vbyfilm-white26 .vbyfilm-track {
  display: flex;
  width: max-content;
  animation: vbyfilm-left 48s linear infinite;
  will-change: transform;
}

.vbyfilm-white26 .vbyfilm-track.is-reverse {
  animation-name: vbyfilm-right;
  animation-duration: 53s;
}

.vbyfilm-white26 .vbyfilm-viewport:hover .vbyfilm-track {
  animation-play-state: paused;
}

.vbyfilm-white26 .vbyfilm-set {
  display: flex;
  flex-shrink: 0;
  gap: 14px;
  padding-right: 14px;
}

@keyframes vbyfilm-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes vbyfilm-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

/* POSTER CARD */

.vbyfilm-white26 .vbyfilm-card {
  width: 184px;
  height: 285px;
  flex: 0 0 184px;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #151a10;
  border: 1px solid #e0e8d5;
  box-shadow: 0 8px 25px rgba(0,0,0,.12);
  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.vbyfilm-white26 .vbyfilm-card:hover {
  border-color: #bcf702;
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(90,120,0,.16);
}

.vbyfilm-white26 .vbyfilm-poster {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.vbyfilm-white26 .vbyfilm-card:hover .vbyfilm-poster {
  transform: scale(1.06);
}

.vbyfilm-white26 .vbyfilm-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.96) 0%,
    rgba(0,0,0,.3) 34%,
    transparent 70%
  );
  pointer-events: none;
}

.vbyfilm-white26 .vbyfilm-badge {
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 2;
  background: #bcf702;
  color: #172100;
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 9px;
  font-weight: 800;
}

.vbyfilm-white26 .vbyfilm-cardinfo {
  position: absolute;
  bottom: 14px;
  left: 13px;
  right: 13px;
  z-index: 2;
}

.vbyfilm-white26 .vbyfilm-line {
  display: block;
  width: 28px;
  height: 3px;
  background: #bcf702;
  border-radius: 4px;
  margin-bottom: 10px;
}

.vbyfilm-white26 .vbyfilm-title {
  display: block;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.vbyfilm-white26 .vbyfilm-year {
  display: block;
  color: #d1dacb;
  font-size: 10px;
  margin-top: 6px;
}

/* IMAGE FALLBACK */

.vbyfilm-white26 .vbyfilm-fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #151a10;
  color: #bcf702;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
}

.vbyfilm-white26 .vbyfilm-card.image-error .vbyfilm-fallback {
  display: flex;
}

.vbyfilm-white26 .vbyfilm-card.image-error .vbyfilm-poster {
  display: none;
}

/* BOTTOM CTA */

.vbyfilm-white26 .vbyfilm-bottom {
  max-width: 760px;
  margin: 24px auto 0;
  text-align: center;
  padding: 0 20px;
}

.vbyfilm-white26 .vbyfilm-bottom p {
  color: #63705b;
  font-size: 13px;
  line-height: 1.9;
  margin: 0 0 24px;
}

.vbyfilm-white26 .vbyfilm-bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  background: #bcf702;
  color: #172100 !important;
  padding: 17px 30px;
  border-radius: 10px;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(188,247,2,.2);
  transition:
    transform .25s ease,
    background .25s ease;
}

.vbyfilm-white26 .vbyfilm-bottom a:hover {
  background: #a8df00;
  color: #172100 !important;
  transform: translateY(-3px);
}

.vbyfilm-white26 .vbyfilm-bottom a svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* MOBILE */

@media(max-width:767px) {
  .vbyfilm-white26 {
    padding: 60px 0 70px;
  }

  .vbyfilm-white26 .vbyfilm-intro {
    margin-bottom: 34px;
  }

  .vbyfilm-white26 .vbyfilm-intro h2 {
    font-size: 30px;
  }

  .vbyfilm-white26 .vbyfilm-intro p {
    font-size: 12px;
  }

  .vbyfilm-white26 .vbyfilm-row {
    margin-bottom: 32px;
  }

  .vbyfilm-white26 .vbyfilm-rowhead {
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }

  .vbyfilm-white26 .vbyfilm-rowhead h3 {
    font-size: 14px;
  }

  .vbyfilm-white26 .vbyfilm-set {
    gap: 11px;
    padding-right: 11px;
  }

  .vbyfilm-white26 .vbyfilm-card {
    width: 139px;
    height: 215px;
    flex-basis: 139px;
  }

  .vbyfilm-white26 .vbyfilm-title {
    font-size: 10px;
  }

  .vbyfilm-white26 .vbyfilm-track {
    animation-duration: 39s;
  }

  .vbyfilm-white26 .vbyfilm-track.is-reverse {
    animation-duration: 44s;
  }

  .vbyfilm-white26 .vbyfilm-bottom a {
    width: 100%;
    max-width: 350px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .vbyfilm-white26 .vbyfilm-track {
    animation: none;
  }

  .vbyfilm-white26 .vbyfilm-viewport {
    overflow-x: auto;
  }
}

/* ── sectie: Call-to-action (#10) ── */
.vbyprice26,
.vbyprice26 *,
.vbyprice26 *::before,
.vbyprice26 *::after {
  box-sizing: border-box;
}

.vbyprice26 {
  --vp-lime: #bcf702;
  --vp-black: #10140d;
  --vp-muted: #687164;
  --vp-border: #e4eadb;

  width: 100%;
  background: #ffffff;
  color: #10140d;
  padding: 95px 20px 105px;
  font-family: 'Poppins', Arial, sans-serif;
  overflow: hidden;
}

.vbyprice26 .vp-wrap {
  max-width: 1220px;
  margin: 0 auto;
}

/* INTRO */

.vbyprice26 .vp-intro {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 65px;
}

.vbyprice26 .vp-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f1ffd4;
  color: #506b00;
  border: 1px solid #d9f0a7;
  padding: 10px 17px;
  border-radius: 40px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.vbyprice26 .vp-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #85b100;
}

.vbyprice26 .vp-intro h2 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: clamp(32px,4.5vw,53px);
  line-height: 1.18;
  letter-spacing: -1.7px;
  font-weight: 800;
  margin: 21px 0;
  color: #10140d;
}

.vbyprice26 .vp-intro h2 span {
  color: #779e00;
}

.vbyprice26 .vp-intro p {
  font-size: 14px;
  color: #687164;
  line-height: 1.9;
  margin: 0;
}

/* PRICING GRID */

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

.vbyprice26 .vp-plan {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 34px 27px 28px;
  background: #ffffff;
  border: 1px solid #e4eadb;
  border-radius: 18px;
  box-shadow: 0 10px 35px rgba(15,25,8,.05);
  transition: transform .25s ease,box-shadow .25s ease;
}

.vbyprice26 .vp-plan:hover {
  transform: translateY(-5px);
  box-shadow: 0 17px 42px rgba(15,25,8,.1);
}

.vbyprice26 .vp-plan.featured {
  background: #10140d;
  border-color: #10140d;
  color: #ffffff;
  padding-top: 54px;
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.vbyprice26 .vp-plan.featured:hover {
  transform: translateY(-5px);
}

/* FEATURED RIBBON */

.vbyprice26 .vp-ribbon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #bcf702;
  color: #172100;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.4px;
  padding: 11px;
  border-radius: 17px 17px 0 0;
}

/* PLAN TITLES */

.vbyprice26 .vp-overline {
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 800;
  color: #729600;
}

.vbyprice26 .vp-plan.featured .vp-overline {
  color: #bcf702;
}

.vbyprice26 .vp-plan h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: clamp(20px,2vw,25px);
  line-height: 1.3;
  letter-spacing: -.7px;
  font-weight: 800;
  margin: 11px 0 13px;
  color: #10140d;
}

.vbyprice26 .vp-plan.featured h3 {
  color: #ffffff;
}

.vbyprice26 .vp-description {
  font-size: 12px;
  line-height: 1.75;
  color: #75806f;
  min-height: 64px;
  margin: 0 0 24px;
}

.vbyprice26 .vp-plan.featured .vp-description {
  color: #b9c4b0;
}

/* DEVICE SELECTOR */

.vbyprice26 .vp-label {
  display: block;
  font-size: 10px;
  letter-spacing: .7px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #303a28;
}

.vbyprice26 .vp-plan.featured .vp-label {
  color: #ffffff;
}

.vbyprice26 .vp-switch {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border: 1px solid #e3ead9;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 26px;
}

.vbyprice26 .vp-switch button {
  border: 0;
  border-right: 1px solid #e3ead9;
  background: #f8faf5;
  color: #64715b;
  cursor: pointer;
  padding: 13px 3px;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
  transition: background .2s,color .2s;
}

.vbyprice26 .vp-switch button:last-child {
  border-right: 0;
}

.vbyprice26 .vp-switch button small {
  display: block;
  font-size: 9px;
  font-weight: 600;
  margin-top: 6px;
}

.vbyprice26 .vp-switch button.active {
  background: #bcf702;
  color: #172100;
}

.vbyprice26 .vp-plan.featured .vp-switch {
  border-color: #3c4933;
}

.vbyprice26 .vp-plan.featured .vp-switch button {
  background: #1c2417;
  color: #c8d3bf;
  border-color: #3c4933;
}

.vbyprice26 .vp-plan.featured .vp-switch button.active {
  background: #bcf702;
  color: #172100;
}

/* PRICE */

.vbyprice26 .vp-cost {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: clamp(38px,4vw,50px);
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1.15;
  color: #10140d;
}

.vbyprice26 .vp-cost sup {
  font-size: 19px;
  letter-spacing: 0;
  line-height: 1.7;
}

.vbyprice26 .vp-plan.featured .vp-cost {
  color: #bcf702;
}

.vbyprice26 .vp-once {
  font-size: 10px;
  color: #8b9684;
  font-weight: 600;
  margin: 5px 0 19px;
}

.vbyprice26 .vp-plan.featured .vp-once {
  color: #b7c3af;
}

.vbyprice26 .vp-selected {
  border-top: 1px solid #e8edde;
  border-bottom: 1px solid #e8edde;
  padding: 14px 0;
  font-size: 11px;
  color: #687462;
  font-weight: 600;
}

.vbyprice26 .vp-selected strong {
  color: #628400;
}

.vbyprice26 .vp-plan.featured .vp-selected {
  border-color: #394632;
  color: #bdcbb6;
}

.vbyprice26 .vp-plan.featured .vp-selected strong {
  color: #bcf702;
}

/* FEATURES */

.vbyprice26 .vp-features {
  list-style: none !important;
  padding: 18px 0 0 !important;
  margin: 0 0 28px !important;
  flex: 1;
}

.vbyprice26 .vp-features li {
  list-style: none !important;
  border-bottom: 1px solid #edf0e8;
  padding: 12px 0;
  display: flex;
  gap: 11px;
  font-size: 11px;
  line-height: 1.6;
  color: #566250;
}

.vbyprice26 .vp-features li::before {
  content: "✓";
  color: #719600;
  font-weight: 900;
  flex: 0 0 12px;
}

.vbyprice26 .vp-plan.featured .vp-features li {
  color: #dce6d5;
  border-color: #394632;
}

.vbyprice26 .vp-plan.featured .vp-features li::before {
  color: #bcf702;
}

/* CTA */

.vbyprice26 .vp-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  background: #bcf702;
  color: #172100 !important;
  border-radius: 10px;
  padding: 18px 18px;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 800;
  font-size: 12px;
  transition: background .2s,transform .2s;
}

.vbyprice26 .vp-cta:hover {
  background: #a8df00;
  color: #172100 !important;
  transform: translateY(-2px);
}

.vbyprice26 .vp-plan.featured .vp-cta {
  background: #bcf702;
  color: #172100 !important;
}

.vbyprice26 .vp-plan.featured .vp-cta:hover {
  background: #d1ff43;
}

.vbyprice26 .vp-cta span {
  font-size: 20px;
}

.vbyprice26 .vp-footnote {
  text-align: center;
  font-size: 10px;
  color: #8d9887;
  margin: 13px 0 0;
}

.vbyprice26 .vp-plan.featured .vp-footnote {
  color: #b4c1ab;
}

/* RESPONSIVE */

@media(max-width:900px) {
  .vbyprice26 .vp-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    max-width: 490px;
    margin: auto;
  }

  .vbyprice26 .vp-description {
    min-height: 0;
  }

  .vbyprice26 .vp-intro {
    margin-bottom: 43px;
  }
}

@media(max-width:500px) {
  .vbyprice26 {
    padding: 60px 15px 75px;
  }

  .vbyprice26 .vp-intro h2 {
    letter-spacing: -1px;
    font-size: 33px;
  }

  .vbyprice26 .vp-plan {
    padding: 28px 21px;
  }

  .vbyprice26 .vp-plan.featured {
    padding: 51px 21px 30px;
  }

  .vbyprice26 .vp-kicker {
    font-size: 10px;
    letter-spacing: .5px;
  }
}

/* ── sectie: Nieuwe sectie (#29) ── */
/* MAIN */

.vbyexp26,
.vbyexp26 *,
.vbyexp26 *::before,
.vbyexp26 *::after {
  box-sizing: border-box;
}

.vbyexp26 {
  --vby-lime: #bcf702;
  --vby-black: #10140d;
  --vby-muted: #65715e;
  --vby-soft: #f3fbdc;

  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 105px 22px;
  background: #ffffff;
  color: #10140d;
  font-family: 'Poppins', Arial, sans-serif;
  overflow: hidden;
  isolation: isolate;
}

.vbyexp26::before {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  top: -190px;
  right: -180px;
  border-radius: 50%;
  background: #f3fbdc;
  z-index: -1;
}

.vbyexp26 .vbyexp-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  align-items: center;
  gap: 85px;
}

/* CONTENT */

.vbyexp26 .vbyexp-content {
  max-width: 625px;
}

.vbyexp26 .vbyexp-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f0ffd0;
  color: #4d6900;
  border: 1px solid #d8efa1;
  border-radius: 50px;
  padding: 10px 17px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 26px;
}

.vbyexp26 .vbyexp-label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #89b400;
  box-shadow: 0 0 0 4px rgba(188,247,2,.2);
}

.vbyexp26 .vbyexp-content h2 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: clamp(34px,4vw,49px);
  line-height: 1.23;
  letter-spacing: -1.6px;
  font-weight: 800;
  color: #10140d;
  margin: 0 0 25px;
}

.vbyexp26 .vbyexp-content h2 span {
  color: #729700;
}

.vbyexp26 .vbyexp-description {
  color: #65715e;
  font-size: 15px;
  line-height: 1.95;
  margin: 0 0 31px;
}

.vbyexp26 .vbyexp-description strong {
  color: #10140d;
  font-weight: 600;
}

/* BENEFITS */

.vbyexp26 .vbyexp-benefits {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 17px 20px;
  margin-bottom: 36px;
}

.vbyexp26 .vbyexp-benefit {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #35402e;
  font-size: 12px;
  font-weight: 600;
}

.vbyexp26 .vbyexp-check {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border-radius: 50%;
  background: #efffd0;
  color: #648500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}

/* CTA */

.vbyexp26 .vbyexp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 57px;
  padding: 17px 30px;
  background: #bcf702;
  color: #172100 !important;
  text-decoration: none !important;
  border-radius: 11px;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 13px 30px rgba(188,247,2,.22);
  transition: transform .25s ease,
              background .25s ease,
              box-shadow .25s ease;
}

.vbyexp26 .vbyexp-button:hover {
  background: #a8df00;
  color: #172100 !important;
  transform: translateY(-3px);
  box-shadow: 0 17px 35px rgba(188,247,2,.28);
}

.vbyexp26 .vbyexp-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* RIGHT VISUAL */

.vbyexp26 .vbyexp-visual {
  position: relative;
  width: 100%;
  min-height: 530px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vbyexp26 .vbyexp-backdrop {
  position: absolute;
  width: 88%;
  height: 88%;
  background: #f0ffd0;
  border: 1px solid #e0f4b4;
  border-radius: 34px;
  transform: rotate(-5deg);
  z-index: 0;
}

.vbyexp26 .vbyexp-main-image {
  position: relative;
  z-index: 1;
  width: 89%;
  height: 450px;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 22px 55px rgba(16,20,13,.13);
}

.vbyexp26 .vbyexp-small-image {
  position: absolute;
  z-index: 3;
  top: 2%;
  right: -3%;
  width: 43%;
  height: 180px;
  object-fit: cover;
  border: 7px solid #ffffff;
  border-radius: 22px;
  box-shadow: 0 15px 40px rgba(16,20,13,.17);
}

/* FLOATING CARD */

.vbyexp26 .vbyexp-floating {
  position: absolute;
  z-index: 4;
  bottom: 4%;
  left: -3%;
  background: #10140d;
  border: 1px solid rgba(188,247,2,.28);
  border-radius: 18px;
  padding: 19px 23px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 17px 40px rgba(16,20,13,.22);
}

.vbyexp26 .vbyexp-floating-icon {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  border-radius: 12px;
  background: #bcf702;
  color: #172100;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 800;
}

.vbyexp26 .vbyexp-floating strong {
  display: block;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}

.vbyexp26 .vbyexp-floating small {
  display: block;
  color: #bdc8b6;
  font-size: 11px;
  margin-top: 4px;
}

/* RESPONSIVE */

@media(max-width:1050px) {
  .vbyexp26 .vbyexp-container {
    gap: 40px;
  }

  .vbyexp26 .vbyexp-visual {
    min-height: 440px;
  }

  .vbyexp26 .vbyexp-main-image {
    height: 380px;
  }
}

@media(max-width:800px) {
  .vbyexp26 {
    padding: 75px 20px;
  }

  .vbyexp26 .vbyexp-container {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .vbyexp26 .vbyexp-content {
    max-width: 100%;
  }

  .vbyexp26 .vbyexp-visual {
    max-width: 600px;
    margin: 0 auto;
    min-height: 460px;
  }

  .vbyexp26 .vbyexp-main-image {
    height: 400px;
  }
}

@media(max-width:480px) {
  .vbyexp26 {
    padding: 60px 16px;
  }

  .vbyexp26 .vbyexp-content h2 {
    font-size: 31px;
    letter-spacing: -1px;
  }

  .vbyexp26 .vbyexp-description {
    font-size: 13px;
  }

  .vbyexp26 .vbyexp-benefits {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .vbyexp26 .vbyexp-button {
    width: 100%;
  }

  .vbyexp26 .vbyexp-visual {
    min-height: 350px;
  }

  .vbyexp26 .vbyexp-main-image {
    height: 305px;
    border-radius: 17px;
  }

  .vbyexp26 .vbyexp-small-image {
    height: 125px;
    border-width: 4px;
    border-radius: 14px;
    right: 0;
  }

  .vbyexp26 .vbyexp-floating {
    left: 0;
    padding: 12px 15px;
    border-radius: 12px;
  }

  .vbyexp26 .vbyexp-floating-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 15px;
  }

  .vbyexp26 .vbyexp-floating strong {
    font-size: 11px;
  }

  .vbyexp26 .vbyexp-floating small {
    font-size: 9px;
  }
}

/* ── sectie: Nieuwe sectie (#30) ── */
/* MAIN */

.vbycmp26,
.vbycmp26 *,
.vbycmp26 *::before,
.vbycmp26 *::after {
  box-sizing: border-box;
}

.vbycmp26 {
  --vc-lime: #bcf702;
  --vc-black: #0d110b;
  --vc-surface: #171c14;
  --vc-muted: #abb6a4;
  --vc-border: #343d2c;

  width: 100%;
  max-width: 100%;
  background: #0d110b;
  color: #ffffff;
  font-family: 'Poppins', Arial, sans-serif;
  padding: 100px 20px 105px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.vbycmp26::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -170px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(188,247,2,.12),
    transparent 70%
  );
  z-index: -1;
}

.vbycmp26 .vc-wrap {
  max-width: 1190px;
  margin: 0 auto;
}

/* HEADING */

.vbycmp26 .vc-heading {
  max-width: 830px;
  text-align: center;
  margin: 0 auto 57px;
}

.vbycmp26 .vc-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(188,247,2,.1);
  border: 1px solid rgba(188,247,2,.28);
  border-radius: 50px;
  padding: 10px 18px;
  color: #bcf702;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 23px;
}

.vbycmp26 .vc-tag::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bcf702;
  box-shadow: 0 0 0 5px rgba(188,247,2,.12);
}

.vbycmp26 .vc-heading h2 {
  font-family: 'Poppins', Arial, sans-serif;
  color: #ffffff;
  font-size: clamp(31px,4vw,47px);
  font-weight: 800;
  line-height: 1.23;
  letter-spacing: -1.5px;
  margin: 0 0 21px;
}

.vbycmp26 .vc-heading h2 span {
  color: #bcf702;
}

.vbycmp26 .vc-heading p {
  color: #abb6a4;
  font-size: 14px;
  line-height: 1.9;
  margin: 0;
}

/* TABLE SHELL */

.vbycmp26 .vc-table-shell {
  border: 1px solid #343d2c;
  border-radius: 20px;
  background: #171c14;
  overflow-x: auto;
  box-shadow: 0 20px 55px rgba(0,0,0,.22);
  -webkit-overflow-scrolling: touch;
}

.vbycmp26 .vc-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-family: 'Poppins', Arial, sans-serif;
  margin: 0;
}

.vbycmp26 .vc-table th,
.vbycmp26 .vc-table td {
  border: 0;
  text-align: center;
  vertical-align: middle;
}

.vbycmp26 .vc-table thead th {
  background: #22291c;
  color: #ffffff;
  padding: 28px 15px;
  font-size: 13px;
  font-weight: 700;
}

.vbycmp26 .vc-table thead th:first-child {
  width: 28%;
  text-align: left;
  padding-left: 28px;
}

.vbycmp26 .vc-table thead th:not(:first-child) {
  width: 24%;
}

.vbycmp26 .vc-table thead .vc-brand-head {
  background: #bcf702;
  color: #182100;
}

.vbycmp26 .vc-brand-head strong {
  display: block;
  font-size: 20px;
  font-weight: 800;
}

.vbycmp26 .vc-brand-head small {
  display: block;
  font-size: 10px;
  font-weight: 600;
  margin-top: 6px;
}

/* TABLE ROWS */

.vbycmp26 .vc-table tbody th,
.vbycmp26 .vc-table tbody td {
  padding: 20px 16px;
  border-bottom: 1px solid #30392a;
  font-size: 12px;
  line-height: 1.6;
}

.vbycmp26 .vc-table tbody tr:last-child th,
.vbycmp26 .vc-table tbody tr:last-child td {
  border-bottom: 0;
}

.vbycmp26 .vc-table tbody tr:nth-child(even) {
  background: #1b2117;
}

.vbycmp26 .vc-table tbody th {
  text-align: left;
  padding-left: 28px;
  color: #eef3e9;
  font-weight: 600;
}

.vbycmp26 .vc-table tbody td {
  color: #b4c0ae;
}

.vbycmp26 .vc-table tbody td:nth-child(2) {
  background: #253018;
  color: #f1ffe1;
  font-weight: 700;
  border-left: 1px solid #455b2b;
  border-right: 1px solid #455b2b;
}

.vbycmp26 .vc-table tbody tr:nth-child(even) td:nth-child(2) {
  background: #2a371a;
}

.vbycmp26 .vc-yes {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #bcf702;
  color: #172100;
  font-size: 16px;
  font-weight: 800;
}

.vbycmp26 .vc-highlight {
  color: #bcf702;
  font-weight: 700;
}

/* CTA */

.vbycmp26 .vc-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 38px;
  padding: 33px 36px;
  background: #1b2315;
  border: 1px solid #3e512b;
  border-radius: 18px;
}

.vbycmp26 .vc-cta h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 9px;
}

.vbycmp26 .vc-cta p {
  font-size: 12px;
  line-height: 1.8;
  color: #b3c0aa;
  margin: 0;
}

.vbycmp26 .vc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 12px;
  min-height: 55px;
  padding: 16px 26px;
  background: #bcf702;
  border-radius: 11px;
  color: #172100 !important;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: transform .25s ease,background .25s ease;
}

.vbycmp26 .vc-button:hover {
  background: #d1ff42;
  color: #172100 !important;
  transform: translateY(-2px);
}

.vbycmp26 .vc-button span {
  font-size: 20px;
}

.vbycmp26 .vc-note {
  text-align: center;
  margin: 22px auto 0;
  max-width: 800px;
  color: #91a08a;
  font-size: 11px;
  line-height: 1.9;
}

/* RESPONSIVE */

@media(max-width:768px) {
  .vbycmp26 {
    padding: 70px 15px 75px;
  }

  .vbycmp26 .vc-heading {
    margin-bottom: 38px;
  }

  .vbycmp26 .vc-heading h2 {
    font-size: 31px;
    letter-spacing: -1px;
  }

  .vbycmp26 .vc-table-shell {
    border-radius: 15px;
  }

  .vbycmp26 .vc-cta {
    flex-direction: column;
    text-align: center;
    padding: 27px 20px;
  }

  .vbycmp26 .vc-button {
    width: 100%;
  }
}

@media(max-width:480px) {
  .vbycmp26 .vc-heading p {
    font-size: 13px;
  }

  .vbycmp26 .vc-cta h3 {
    font-size: 18px;
  }
}

/* ── sectie: Nieuwe sectie (#35) ── */
.vbyfaq26,
.vbyfaq26 *,
.vbyfaq26 *::before,
.vbyfaq26 *::after {
  box-sizing: border-box;
}

.vbyfaq26 {
  --vf-lime: #bcf702;
  --vf-black: #11150e;
  --vf-dark: #1b2117;
  --vf-muted: #687263;
  --vf-border: #e4eadc;

  width: 100%;
  max-width: 100%;
  position: relative;
  background: #ffffff;
  color: var(--vf-black);
  font-family: 'Poppins', Arial, sans-serif;
  padding: 105px 20px 110px;
  overflow: hidden;
  isolation: isolate;
}

.vbyfaq26::before {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  top: -230px;
  right: -180px;
  border-radius: 50%;
  background: #f1ffd4;
  z-index: -1;
}

.vbyfaq26 .vf-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* SECTION HEADING */

.vbyfaq26 .vf-heading {
  max-width: 790px;
  margin: 0 auto 58px;
  text-align: center;
}

.vbyfaq26 .vf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #efffd0;
  border: 1px solid #d9efae;
  border-radius: 50px;
  padding: 10px 18px;
  color: #536e00;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 23px;
}

.vbyfaq26 .vf-eyebrow::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #8ab600;
  border-radius: 50%;
}

.vbyfaq26 .vf-heading h2 {
  font-family: 'Poppins', Arial, sans-serif;
  color: #11150e;
  font-size: clamp(31px,4vw,46px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -1.4px;
  margin: 0 0 20px;
}

.vbyfaq26 .vf-heading h2 span {
  color: #789e00;
}

.vbyfaq26 .vf-heading p {
  color: #687263;
  font-size: 14px;
  line-height: 1.9;
  margin: 0;
}

/* TWO COLUMN LAYOUT */

.vbyfaq26 .vf-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.7fr);
  align-items: start;
  gap: 35px;
}

/* BLACK SUPPORT CARD */

.vbyfaq26 .vf-help {
  position: sticky;
  top: 25px;
  background: #11150e;
  border: 1px solid #303b25;
  border-radius: 24px;
  padding: 36px 30px;
  overflow: hidden;
}

.vbyfaq26 .vf-help::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -95px;
  top: -95px;
  border-radius: 50%;
  background: rgba(188,247,2,.12);
  pointer-events: none;
}

.vbyfaq26 .vf-help-icon {
  width: 63px;
  height: 63px;
  border-radius: 17px;
  background: #bcf702;
  color: #172100;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
}

.vbyfaq26 .vf-help-icon svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vbyfaq26 .vf-help h3 {
  font-family: 'Poppins', Arial, sans-serif;
  color: #ffffff;
  font-size: 23px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 16px;
}

.vbyfaq26 .vf-help h3 span {
  color: #bcf702;
}

.vbyfaq26 .vf-help p {
  font-size: 13px;
  line-height: 1.9;
  color: #bac5b1;
  margin: 0 0 27px;
}

.vbyfaq26 .vf-help-benefits {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 32px;
}

.vbyfaq26 .vf-help-benefits span {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 12px;
  font-weight: 600;
  color: #e3e9de;
}

.vbyfaq26 .vf-help-benefits span::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  border-radius: 50%;
  background: rgba(188,247,2,.13);
  color: #bcf702;
  font-weight: 800;
}

.vbyfaq26 .vf-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 55px;
  padding: 15px 18px;
  background: #bcf702;
  color: #172100 !important;
  border-radius: 11px;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background .25s, transform .25s;
}

.vbyfaq26 .vf-whatsapp:hover {
  background: #d1ff42;
  color: #172100 !important;
  transform: translateY(-2px);
}

.vbyfaq26 .vf-whatsapp svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* FAQ ACCORDION */

.vbyfaq26 .vf-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-width: 0;
}

.vbyfaq26 .vf-item {
  background: #ffffff;
  border: 1px solid #e1e8d9;
  border-radius: 16px;
  overflow: hidden;
  transition: border-color .25s, box-shadow .25s;
}

.vbyfaq26 .vf-item[open] {
  border-color: #a6d900;
  box-shadow: 0 10px 30px rgba(89,116,0,.09);
}

.vbyfaq26 .vf-question {
  list-style: none;
  cursor: pointer;
  padding: 21px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #151b11;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

.vbyfaq26 .vf-question::-webkit-details-marker {
  display: none;
}

.vbyfaq26 .vf-question::marker {
  content: "";
}

.vbyfaq26 .vf-number {
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  background: #efffd0;
  color: #668600;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
}

.vbyfaq26 .vf-question-text {
  flex: 1;
  min-width: 0;
}

.vbyfaq26 .vf-toggle {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background: #f0f4eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #172100;
  font-size: 20px;
  font-weight: 500;
  transition: transform .25s, background .25s;
}

.vbyfaq26 .vf-item[open] .vf-toggle {
  transform: rotate(45deg);
  background: #bcf702;
}

.vbyfaq26 .vf-answer {
  padding: 0 24px 24px 71px;
}

.vbyfaq26 .vf-answer p {
  font-size: 12.5px;
  line-height: 1.95;
  color: #65715e;
  margin: 0;
}

.vbyfaq26 .vf-answer a {
  color: #648500;
  font-weight: 700;
  text-decoration: underline;
}

/* FOOTER */

.vbyfaq26 .vf-bottom {
  text-align: center;
  margin-top: 55px;
  padding-top: 30px;
  border-top: 1px solid #e7ecdf;
  color: #75816e;
  font-size: 12px;
  line-height: 1.8;
}

.vbyfaq26 .vf-bottom strong {
  color: #11150e;
}

/* RESPONSIVE */

@media(max-width:950px) {
  .vbyfaq26 .vf-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .vbyfaq26 .vf-help {
    position: static;
  }
}

@media(max-width:600px) {
  .vbyfaq26 {
    padding: 65px 15px 75px;
  }

  .vbyfaq26 .vf-heading {
    margin-bottom: 36px;
  }

  .vbyfaq26 .vf-heading h2 {
    font-size: 30px;
    letter-spacing: -1px;
  }

  .vbyfaq26 .vf-heading p {
    font-size: 13px;
  }

  .vbyfaq26 .vf-help {
    padding: 28px 23px;
  }

  .vbyfaq26 .vf-question {
    padding: 17px 14px;
    gap: 10px;
    font-size: 12px;
  }

  .vbyfaq26 .vf-number {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
  }

  .vbyfaq26 .vf-toggle {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
  }

  .vbyfaq26 .vf-answer {
    padding: 0 17px 20px 53px;
  }

  .vbyfaq26 .vf-answer p {
    font-size: 12px;
  }
}