/* layer_pois — "in de omgeving": overzicht-grid van bezienswaardigheden. Variabelen + fallback. */
.layer--pois .pois{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.25rem}
.layer--pois .pois__item{margin:0;display:flex;flex-direction:column;height:100%;
  background:var(--surface,#fff);border-radius:var(--radius,.5rem);overflow:hidden;
  box-shadow:var(--card-shadow,0 1px 4px rgba(0,0,0,.08))}
.layer--pois .pois__media{aspect-ratio:4/3;overflow:hidden}
.layer--pois .pois__img{width:100%;height:100%;object-fit:cover;display:block}
.layer--pois .pois__body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.layer--pois .pois__title{margin:0;font-size:1.05rem}
.layer--pois .pois__subtitle{margin:0;color:var(--muted,#777);font-size:.9em}
.layer--pois .pois__locality{margin:0;font-size:.78em;text-transform:uppercase;letter-spacing:.04em;
  color:var(--accent,#666)}
.layer--pois .pois__text{margin:.15rem 0 0;color:var(--ink,#333);font-size:.92em;line-height:1.5}
.layer--pois .pois__website{align-self:flex-start;margin-top:.4rem;font-size:.88rem;
  color:var(--accent,#1e2a3a);text-decoration:none;border-bottom:1px solid currentColor}
.layer--pois .pois__website:hover{opacity:.75}