/* /websites-pagina, bouwt voort op machinekamer.css + site.css-tokens */
.web-punten {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3vw, 36px);
  margin-top: clamp(28px, 4vw, 46px);
}
.web-punt { border-top: 2px solid var(--koper); padding-top: 18px; }
.web-nr { font-family: var(--font-mono); font-size: 12px; color: var(--label); }
.web-punt h3 { font-family: var(--font-kop); font-weight: 600; font-size: clamp(18px, 2vw, 21px); color: var(--navy); margin-top: 8px; }
.web-punt p { font-size: 15px; color: var(--tekst-muted); margin-top: 10px; max-width: none; }

.web-split {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}
.web-voor { list-style: none; padding: 0; margin-top: 18px; }
.web-voor li {
  position: relative;
  padding: 11px 0 11px 26px;
  border-top: 1px solid var(--haarlijn);
  font-size: 15.5px; color: var(--inkt);
}
.web-voor li::before {
  content: "";
  position: absolute; left: 2px; top: 17px;
  width: 12px; height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.5 12 13 4.5' fill='none' stroke='%23C4622D' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain; background-repeat: no-repeat;
}
.web-prijs { list-style: none; padding: 0; margin-top: 18px; }
.web-prijs li {
  display: flex; flex-direction: column; gap: 3px;
  padding: 14px 0;
  border-top: 1px solid var(--haarlijn);
}
.web-prijs li:last-child { border-bottom: 1px solid var(--haarlijn); }
.web-prijs strong { font-family: var(--font-kop); font-weight: 700; font-size: clamp(19px, 2.2vw, 24px); color: var(--navy); }
.web-prijs span { font-size: 14px; color: var(--tekst-muted); }
.web-slot { text-align: center; }
.web-slot .mk-kop, .web-slot .mk-intro { margin-left: auto; margin-right: auto; }
.web-slot .mk-acties { justify-content: center; }

@media (max-width: 780px) {
  .web-punten { grid-template-columns: 1fr; }
  .web-split { grid-template-columns: 1fr; }
}