window.addEventListener('DOMContentLoaded', function() {
    var tocContainer = document.getElementById('table-of-contents');
    var headings = document.querySelectorAll('h2, h3, h4, h5, h6');
    
    headings.forEach(function(heading) {
      var link = document.createElement('a');
      link.textContent = heading.textContent;
      link.href = '#' + heading.id;
      
      var listItem = document.createElement('li');
      listItem.appendChild(link);
      
      tocContainer.appendChild(listItem);
      
      link.addEventListener('click', function(e) {
        e.preventDefault(); // Отменяем стандартное действие перехода по ссылке
        
        // Получаем элемент, к которому нужно прокрутить
        var targetElement = document.getElementById(heading.id);
        
        // Плавно скроллим к элементу
        targetElement.scrollIntoView({ behavior: 'smooth' });
      });
    });
  });
document.querySelectorAll('.btn-header-template.btn-reg').forEach(button => {
    button.addEventListener('mouseenter', () => {
        button.style.background = /* новый стиль фона для эффекта */;
    });

    button.addEventListener('mouseleave', () => {
        button.style.background = /* исходный стиль фона */;
    });
});