/* ============================================
   "Lokale klanten winnen" — post-522.css (a17348b e.v.) + widget "spec-items".
   De videokolom schuift mee (Elementor sticky, offset 120px) — hier met CSS sticky.
   ============================================ */
.lokaal { background-color: var(--color-primary); padding: 75px 0; }
.lokaal__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 72px; }
.lokaal__tekst { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 24px; width: 49%; }
.lokaal__intro {
  margin-bottom: 1lh; /* lege alinea in het origineel */
  font-family: var(--font-ui); font-size: var(--body-size); font-weight: 400; line-height: var(--body-lh); color: var(--color-white);
}
.lokaal__punten { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; font-family: var(--font-ui); }
.lokaal__punt {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 18px 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s, background 0.2s;
}
@media (hover: hover) {
  .lokaal__punt:hover { border-color: rgba(238, 131, 49, 0.3); background: rgba(238, 131, 49, 0.04); }
}
.lokaal__check {
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 28px; height: 28px; margin-top: 1px;
  border-radius: 6px;
  background: rgba(238, 131, 49, 0.15);
  color: var(--color-accent);
  font-size: 13px;
}
.lokaal__punt-titel { margin: 0 0 4px; font-family: var(--font-ui); font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--color-white); }
.lokaal__punt-tekst { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.65; color: rgba(255, 255, 255, 0.88); }

.lokaal__video { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 14px; width: 43%; padding-bottom: 80px; }
.lokaal__video-label { color: var(--color-grey); }
.lokaal__video .video-embed { width: 100%; }

@media (max-width: 767px) {
  .lokaal { padding: 60px 20px; }
  .lokaal__inner { gap: 30px; }
  .lokaal__tekst, .lokaal__video { width: 100%; }
  .lokaal__video { position: static; gap: 24px; padding-bottom: 0; }
}