.imgContainer {
  width: 100%;
  overflow: hidden;
  width: 100%;
  height: 260px;
}

#featuredArtists {
  display: flex;
  justify-content: space-evenly;
  gap: var(--space-sm);
  padding: 1rem 0;
  overflow-x: auto;
  max-width: 100%;
  
    /* Hide scrollbar (Chrome, Edge, Safari) */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge Legacy */
}
#featuredArtists::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.featured-artist-card {
  display: flex;
  flex-direction: column;
min-width: 150px;
padding: var(--space-sm) var(--space-md);
border-radius: var(--radius-md);
  align-items: center;
  text-align: center;
  cursor: pointer;
  color: var(--text-primary);
}
.featured-artist-card:hover {
    margin: 0 var(--space-md);
    transform: scale(1.1);
    background: var(--hover-bg);
    text-decoration: none;
    color: var(--text-primary);
}

.featured-artist-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--accent-color, #ff7f50);
}

.featured-artist-name {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  text-wrap: nowrap;
}

.featured-artist-username {
  font-size: 0.85rem;
  opacity: 0.7;
}

.artists-list-body {
  overflow-y: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.artist-row {
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 8px;
  transition: background 0.2s;
}

.artist-row:hover {
  background: var(--hover-bg);
}

.artist-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.artist-info {
  display: flex;
  flex-direction: column;
}

.artist-name {
  font-weight: 600;
}

.artist-username {
  opacity: 0.7;
  font-size: 0.85rem;
}