body{margin:0;font-family:Arial}.navbar{background:#000;justify-content:space-between;padding:20px;display:flex}.navbar a{color:#fff;text-decoration:none}.filter-container{background:#f5f5f5;border-radius:8px;margin:20px;padding:20px}.filter-container h3{color:#333;margin-top:0;margin-bottom:15px}.filter-container button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;margin:5px;padding:8px 15px;font-size:14px;transition:all .3s}.filter-container button:hover{background:#e0e0e0}.filter-container button.active{color:#fff;background:#007bff;border-color:#007bff}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px;display:grid}.list{flex-direction:column;gap:20px;padding:20px;display:flex}.card{border:1px solid gray;padding:20px}.card img{object-fit:contain;width:150px;height:150px}.detail img{object-fit:contain;width:250px;height:250px}.loading-more{text-align:center;padding:20px}