:root { --headerH: 150px; }           /* десктоп */
@media (max-width: 980px){
  :root { --headerH: 80px; }          /* мобайл */
}
[id], .t-rec[id^="rec"]{ scroll-margin-top: var(--headerH); }