body::before {
  content: 'mobile';
  display: none;
}

@media only screen and (min-width: 64rem) {
  body::before {
    content: 'desktop';
  }
}

/* ناوبری نقطه‌ای */
.nav-dots {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1040;
}

.nav-dots span {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: none;
  background: var(--color-red-500);
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}

.nav-dots span.active {
  background: #121212;
  transform: scale(1.3);
}