.avatar {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden; /* خیلی مهم: لبه‌ها را گرد می‌کند */
  background: linear-gradient(135deg, #2c6288, #184b6b);
  margin-bottom: 1.8rem;
  box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.35);
  border: 3px solid #4b8bb7;
  transition: transform 0.25s ease, box-shadow 0.3s;
}

.avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.avatar:hover {
  transform: scale(1.02);
  box-shadow: 0 25px 35px -12px black;
}