/* Animation for selection - MUST BE AT ROOT LEVEL */
@keyframes pulseSelect {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

/* Responsive adjustments - MUST BE AT ROOT LEVEL */
@media (max-width: 768px) {
  .search-results {
    grid-template-columns: 1fr;
    gap: 12px;
  }
    
  .result-item {
    padding: 12px;
  }
    
  .slider-footer {
    flex-wrap: wrap;
    gap: 10px;
  }
    
  .pagination-controls {
    order: 3;
    width: 100%;
    margin-top: 10px;
  }
}
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}