.nav-link.mest {
  position: fixed;
  top: 2px;
  left: 3px;
  z-index: 1000;
  background-color: transparent;
  border: none;
  padding: 7px;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.icon-img {
  width: 47px;
  height: 47px;
  display: block;
  object-fit: contain;
  image-rendering: crisp-edges; /* Tiniqlikni saqlaydi */
  transform: translateZ(0); /* Brauzer tiniq chizish uchun */
  transition: none; /* Xiralikni oldini olish uchun animatsiya yo‘q */
}

/* Hover effekti - lekin rasmsiz */
.nav-link.mest:hover {
  background-color: rgba(255, 165, 0, 0.1);
  box-shadow: 0 4px 10px rgba(255, 165, 0, 0.4);
}

/* Bosilganda (active) */
.nav-link.mest:active {
  background-color: rgba(255, 140, 0, 0.2);
  box-shadow: inset 0 0 6px rgba(255, 100, 0, 0.4);
}

.nav-link.mest:active {
  transform: scale(0.95);
  box-shadow: inset 0 0 6px rgba(255, 100, 0, 0.4);
  background-color: rgba(255, 140, 0, 0.2);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}