body {
    transform: none !important;
    perspective: none !important;
  }
  
  .root-main {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      overflow-x: clip;
      overflow-y: clip;
  }

  .nav__text {
      position: relative;
      white-space: nowrap;
  }
  
  .sup__text::before,
  .sup__text::after {
      position: absolute;
      width: 100%;
      height: 1px;
      Background: Black;
      top: 100%;
      left: 0;
      pointer-events: none;
  }
  
  .sup__text::before {
      content: '';
  }
  .sup__text::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
  }
  
  .sup__text:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      opacity: 1 !important;
  }
    
  .trust-btn--fixed {
    bottom: -3%; /* Начальная позиция за пределами экрана */
    transform: scale(0.94);
    opacity: 0;
    filter: blur(0.32vw);
    transition: all 0.4s ease;
  }
  
  .trust-btn--fixed.visibl {
    bottom: 0;
    right: 0;
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
  }
  
  .trust-btn--fixed.visibl:hover {
    transform: scale(1.05);
  }
    
  /* Базовые стили для кнопки */
  .cursor-button {
    position: fixed !important;
    left: -100px;
    top: -100px;
    pointer-events: none; /* Чтобы кнопка не мешала взаимодействию с другими элементами */
    opacity: 0; /* Начинаем с прозрачности 0 */
    transform: scale(0.8); /* Масштабируем кнопку для анимации */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Плавная анимация */
    z-index: 9999;
  }
  
  /* Активное состояние кнопки (когда она видна) */
  .cursor-button.active {
    opacity: 1;
    transform: scale(1);
  }
  
  /* Общие стили для линий */
  .burger-line {
    transition: all 0.3s ease; /* Плавная анимация */
    transform-origin: center; /* Точка вращения — центр контейнера */
  }
  
  /* Активное состояние (крестик) */
  .header__menu-icon.active .burger-line--top {
    transform: rotate(45deg); /* Верхняя линия поворачивается вправо */
    top: 17%; /* Линия остается по центру */
  }

  .header__menu-icon.active .burger-line--bottom {
    transform: rotate(-45deg); /* Нижняя линия поворачивается влево */
    top: -10%; /* Линия остается по центру */
  }