:root{ --header-h-desktop: 104px;  --header-h-tablet: 72px; --header-h-mobile: 60px; }  body:not(.home){ padding-top: var(--header-h-desktop); } @media (max-width: 991px){ body:not(.home){ padding-top: var(--header-h-tablet); } } @media (max-width: 767px){ body:not(.home){ padding-top: var(--header-h-mobile); } }  html { scroll-padding-top: var(--header-h-desktop); } @media (max-width: 991px){ html { scroll-padding-top: var(--header-h-tablet); } } @media (max-width: 767px){ html { scroll-padding-top: var(--header-h-mobile); } }