.card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background-color:#f1f1f1;padding:30px;border-radius:10px;text-align:center;box-shadow:0 3px 6px #00000029;transition:transform .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000029}.card img{width:100%;height:200px;object-fit:cover;margin-bottom:10px}.placeholder-img{width:100%;height:200px;background-color:#ddd;margin-bottom:10px}.card h2{font-size:18px;margin-bottom:5px}.card p{font-size:14px;color:#888}.search-bar{display:flex;justify-content:center;margin-bottom:10px;transition:all .3s ease}.search-bar input{margin-right:10px;transition:border-color .3s ease}.search-bar button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;cursor:pointer;transition:background-color .3s ease}.search-bar button:hover{background-color:#0056b3}.search-bar input:focus{border-color:#007bff;outline:none;box-shadow:0 0 3px #007bff}.search-bar.hidden{opacity:0;height:0;transition:all .3s ease}