/* ═══ CUSTOM CURSOR ═══════════════════════════════ */
.cursor-dot {
  width: 8px;
  height: 8px;
  background: #fbbf24;
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  transition: transform 0.1s;
}

.cursor-ring {
  width: 36px;
  height: 36px;
  border: 1.5px solid #d97706;
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99998;
  transform: translate(-50%, -50%);
  transition: transform 0.18s ease, width 0.2s, height 0.2s, border-color 0.2s;
}

body.hovering .cursor-ring {
  width: 56px;
  height: 56px;
  border-color: var(--red);
}

@media (max-width: 768px) {
  .cursor-dot, .cursor-ring {
    display: none;
  }
}

@media (max-width: 998px) {
  .cursor-dot, .cursor-ring {
    display: none;
  }
}