/* Plan een kennismaking (2026-11-06): de bezoeker kiest try-out of koffie. Bouwstenen uit /paginas.css, enkel de schikking hier. */
.km{padding-top:10vw;padding-bottom:7vw}
.km__top{max-width:60vw}
.km__g{margin-top:var(--s-groep)}
.km__o .pc__pic{aspect-ratio:16/8}
.km__o .pc__pic img{width:100%;height:100%;object-fit:cover}
.km__o .pc__b{display:flex;flex-direction:column;height:auto}
.km__o .pc__b .cap{margin-top:.8vw}
.km__o .pc__b .bdy{margin-top:1vw}
.km__b{display:flex;flex-wrap:wrap;align-items:center;gap:1.6vw;margin-top:var(--s-kop)}
@media (max-width:767px){
  .km{padding-top:24vw;padding-bottom:16vw}
  .km__top{max-width:none}
  .km__g{margin-top:14vw}
  .km__o .pc__pic{aspect-ratio:3/2}
  .km__o .pc__b .cap{margin-top:3vw}
  .km__o .pc__b .bdy{margin-top:4vw}
  .km__b{gap:5vw;margin-top:8vw;flex-direction:column;align-items:flex-start}
}

/* knoppen van de twee kaarten op dezelfde hoogte, ook als de tekst een andere lengte heeft */
@media (min-width:768px){
  .km__o{display:flex;flex-direction:column}
  .km__o .pc__b{flex:1}
  .km__b{margin-top:auto;padding-top:var(--s-kop)}
}

/* drie opties (2026-11-06): telkens voor wie, wat je krijgt, knop onderaan op dezelfde hoogte */
.km__top{max-width:none}
.km__o .pc__pic{aspect-ratio:3/2}
.km__o .vk-rows{margin-top:1.4vw}
.km__b{flex-direction:column;align-items:flex-start;gap:1.2vw}
@media (max-width:767px){
  .km__o .vk-rows{margin-top:5vw}
  .km__b{gap:5vw}
}

/* onderstreepte link onder de punten, boven de knop (Laura 2026-11-06) */
.km__o .pc__b > .tp__lnk{align-self:flex-start;margin-top:var(--s-klein)}
@media (max-width:767px){
  .km__o .pc__b > .tp__lnk{margin-top:6vw}
}

/* kaarttitels op de grote kaartmaat van Membership (2,1vw, gsm 6,6vw) en meer lucht tot de eerste punten (Laura 2026-11-06) */
html:not(#a) body:not(#z) main[data-ritme] .km__o .pc__b .lst{font-size:2.1vw !important;line-height:1.1 !important;letter-spacing:-.02em}
html:not(#a) body:not(#z) .km__o .pc__b .vk-rows{margin-top:2.6vw}
@media (max-width:767px){
  html:not(#a) body:not(#z) .km__o .pc__b .vk-rows{margin-top:8vw}
  html:not(#a) body:not(#z) main[data-ritme] .km__o .pc__b .lst{font-size:6.6vw !important}
}