.custom-cursor {
    position: fixed;
    width: 16px;
    height: 16px;
    background-color: blue;
    border-radius: 50%;
    pointer-events: none; /* Чтобы курсор не блокировал клики */
    z-index: 9999;
    transition: transform 0.2s ease-out; /* Плавное изменение формы */
  }

  /* Класс для растянутого состояния */
  .custom-cursor.stretch {
    transform: scaleX(1.5) scaleY(0.8); /* Растягиваем по горизонтали */
  }



  document.addEventListener('DOMContentLoaded', function() {
    const cursor = document.createElement('div');
    cursor.classList.add('custom-cursor');
    document.body.appendChild(cursor);

    let mouseX = 0, mouseY = 0;
    let lastMouseX = 0, lastMouseY = 0;
    let velocity = 0;

    // Функция для обновления позиции курсора
    function updateCursorPosition(e) {
      mouseX = e.pageX;
      mouseY = e.pageY;

      // Вычисляем скорость движения мыши
      const deltaX = mouseX - lastMouseX;
      const deltaY = mouseY - lastMouseY;
      velocity = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

      // Обновляем последние координаты
      lastMouseX = mouseX;
      lastMouseY = mouseY;

      // Применяем растяжение, если скорость выше порога
      if (velocity > 2) {
        cursor.classList.add('stretch');
      } else {
        cursor.classList.remove('stretch');
      }

      // Обновляем позицию курсора
      cursor.style.left = mouseX + 'px';
      cursor.style.top = mouseY + 'px';
    }

    // Скрываем стандартный курсор
    document.body.style.cursor = 'none';

    // Следим за движением мыши
    document.addEventListener('mousemove', updateCursorPosition);
  });