@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  html.vexora-smooth-cursor,
  html.vexora-smooth-cursor body,
  html.vexora-smooth-cursor a,
  html.vexora-smooth-cursor button,
  html.vexora-smooth-cursor [role="button"],
  html.vexora-smooth-cursor input,
  html.vexora-smooth-cursor textarea,
  html.vexora-smooth-cursor select,
  html.vexora-smooth-cursor label {
    cursor: none !important;
  }

  /* Старые Framer-курсоры из React */
  html.vexora-smooth-cursor #root .mix-blend-difference.w-4,
  html.vexora-smooth-cursor #root [class*="z-[99]"].rounded-full.border {
    display: none !important;
    visibility: hidden !important;
  }
}

#vexora-cursor-dot,
#vexora-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  will-change: transform;
  z-index: 10000;
}

#vexora-cursor-dot {
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 50%;
  background: #c5ff3d;
  mix-blend-mode: difference;
}

#vexora-cursor-ring {
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  border: 1px solid rgba(197, 255, 61, 0.5);
  z-index: 9999;
  opacity: 0.85;
}

/* Дублирующие курсоры React — полностью выключаем */
html.vexora-smooth-cursor #root .fixed.pointer-events-none.rounded-full.bg-acid,
html.vexora-smooth-cursor #root .fixed.pointer-events-none.rounded-full.border.border-acid\/50 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

@media (max-width: 767px), (prefers-reduced-motion: reduce) {
  #vexora-cursor-dot,
  #vexora-cursor-ring {
    display: none !important;
  }
}