/* static/styles.css */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background: #4CAF50; color: white; padding: 10px; text-align: center; }
.container { display: flex; padding: 20px; }
.filters { width: 20%; padding-right: 20px; }
.filters input, select { width: 100%; margin-bottom: 10px; }
#results { width: 80%; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.card { border: 1px solid #ddd; padding: 10px; text-align: center; }
.card img { max-width: 100%; height: auto; }
.list .card { display: flex; flex-direction: row; }
.list .card img { width: 150px; margin-right: 10px; }
@media (max-width: 768px) { .container { flex-direction: column; } .filters { width: 100%; } #results { width: 100%; } }