:root { --nav-h: 111px; }

/* mobile 960 (дефолт) */
@media (min-width: 961px) {
  :root { --nav-h: 111px; }
}

/* Применяем отступ ко всем элементам с id (и к :target как дополнительная гарантия) */
[id],
:target {
  scroll-margin-top: var(--nav-h);
}