/* --- Support-site: eigen nav & footer, los van de hoofdwebsite --- */
.support-nav {
  position: sticky; top: 0; z-index: 60; background: #fff;
  border-bottom: 1px solid var(--slate-200);
}
.support-nav-inner { display: flex; align-items: center; gap: 20px; padding: 14px 0; }
.support-logo img { height: 30px; display: block; }
.support-nav-search { flex: 1; max-width: 420px; }
.support-nav-search input {
  width: 100%; padding: 9px 14px; border-radius: var(--radius-md);
  border: 1px solid var(--slate-200); font-family: inherit; font-size: .875rem; background: var(--slate-50);
}
.support-nav-search input:focus { outline: 2px solid var(--brand); border-color: transparent; background: #fff; }
.support-back {
  margin-left: auto; font-size: .8125rem; font-weight: 700; color: var(--slate-600); white-space: nowrap;
}
.support-back:hover { color: var(--brand); }
.support-footer { border-top: 1px solid var(--slate-200); padding: 26px 0; margin-top: 50px; }
.support-footer-inner {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  font-size: .8125rem; color: var(--slate-500);
}
.support-footer-links a { color: var(--slate-500); margin-left: 18px; }
.support-footer-links a:hover { color: var(--brand); }
@media (max-width: 720px) {
  .support-nav-inner { flex-wrap: wrap; }
  .support-nav-search { order: 3; max-width: 100%; width: 100%; }
  .support-footer-inner { flex-direction: column; }
  .support-footer-links a:first-child { margin-left: 0; }
}