/* Ringfoto Ruiterman: blok "Kom langs" (live open-status, contact, RDW-stappen) */
.kl{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1fr);gap:22px;align-items:stretch}
.kl-kaart{min-width:0;background:#fff;border:1px solid rgba(var(--ink-rgb),.1);border-radius:22px;padding:28px 26px;box-shadow:0 22px 44px -26px rgba(var(--ink-rgb),.35);text-align:center;display:flex;flex-direction:column;align-items:center}
.kl-contact{background:var(--ink);border-color:var(--ink);color:#fff}
.kl-status{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.1);font-weight:700;font-size:14.5px;letter-spacing:.02em;margin-bottom:18px}
.kl-stip{width:10px;height:10px;border-radius:50%;background:#9a9a9a;flex:none}
.kl-status.open .kl-stip{background:#2fbf71;box-shadow:0 0 0 0 rgba(47,191,113,.55);animation:klpuls 2.4s cubic-bezier(.22,.61,.36,1) 3}
.kl-status.dicht .kl-stip{background:var(--accent)}
@keyframes klpuls{0%{box-shadow:0 0 0 0 rgba(47,191,113,.55)}70%{box-shadow:0 0 0 12px rgba(47,191,113,0)}100%{box-shadow:0 0 0 0 rgba(47,191,113,0)}}
.kl-groot{display:flex;align-items:center;gap:14px;width:100%;max-width:400px;padding:12px 14px;border-radius:16px;color:#fff;text-decoration:none;text-align:left;transition:background .45s cubic-bezier(.22,.61,.36,1)}
.kl-groot+.kl-groot{margin-top:6px}
.kl-groot:hover{background:rgba(255,255,255,.08)}
.kl-groot>span:last-child{display:flex;flex-direction:column;font-family:'Barlow Condensed','Kumbh Sans',sans-serif;font-weight:700;font-size:clamp(21px,2vw,26px);line-height:1.1;min-width:0;overflow-wrap:anywhere}
.kl-groot small{font-family:'Kumbh Sans',sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:3px}
.kl-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent)}
.kl-ico svg{width:21px;height:21px;stroke:#fff}
.kl-ico.kl-wa{background:#25D366}
.kl-tijden h3,.kl-rdw h3{margin-bottom:14px;color:var(--ink)}
.kl-week{list-style:none;padding:0;margin:0;width:100%;max-width:300px}
.kl-week li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:10px;font-size:15.5px;color:var(--tekst)}
.kl-week li b{color:var(--ink);font-weight:600}
.kl-week li.vandaag{background:rgba(var(--accent-rgb),.09);box-shadow:inset 3px 0 0 var(--accent)}
.kl-week li.vandaag span,.kl-week li.vandaag b{color:var(--ink);font-weight:700}
.kl-aftel{margin-top:12px;font-size:14.5px;color:var(--tekst);min-height:1.4em}
.kl-rdw img{width:190px;height:auto;border-radius:6px;margin-bottom:14px}
.kl-stappen{list-style:none;padding:0;margin:0;counter-reset:kl;width:fit-content;max-width:100%;margin-inline:auto;text-align:left}
.kl-stappen li{counter-increment:kl;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;margin-bottom:14px}
.kl-stappen li::before{content:counter(kl);grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.kl-stappen b{color:var(--ink)}
.kl-stappen span{font-size:14.5px;color:var(--tekst);line-height:1.45}
.kl-knop{margin-top:auto}
@media(max-width:1100px){.kl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kl-contact{grid-column:1/-1}}
@media(max-width:700px){.kl{grid-template-columns:minmax(0,1fr)}.kl-kaart{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.kl-status.open .kl-stip{animation:none}}