.foot{border-top:1px solid var(--line)}
.foot a{color:var(--muted);text-decoration:none;transition:color 150ms ease;display:inline-flex;min-height:44px;align-items:center}
.foot a:hover{color:var(--text)}
.foot a[aria-current="page"]{color:var(--text)}
.foot .flabel{font-size:12px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.foot-top{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding-top:72px;padding-bottom:48px}
/* 4 columns (brand, Navigatie, Diensten, Contact): 1 / 2 / 4 across, never an orphaned cell. */
@media (min-width:600px){.foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.foot-top{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}}
.foot-brand{display:flex;flex-direction:column;gap:16px;max-width:380px}
.foot-brand p{margin:0;color:var(--muted);font-size:15px}
.foot .logo-name{font-size:18px;color:var(--text)}
.foot .logo-name .mono{font-size:16px;letter-spacing:normal}
.foot-col{display:flex;flex-direction:column;gap:0;font-size:15px}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.foot .lang{height:40px}
.foot .lang a{height:32px}