.search-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.loading-dots span {
  width: 6px;
  height: 6px;
  background: var(--color-accent); 
  border-radius: 50%;
  display: inline-block;
  animation: blink 1s infinite alternate;
}
.loading-dots span:nth-child(2) { animation-delay: 0.2s; }
.loading-dots span:nth-child(3) { animation-delay: 0.4s; }

@keyframes blink {
  0%, 80%, 100% { opacity: 0; }
  40% { opacity: 1; }
}