.app-container{max-width:1200px;margin:0 auto;padding:1rem}.card{flex:1 1 calc(25% - 1rem);background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card img{width:100%;height:150px;object-fit:contain;background-color:#f9f9f9}.card h3{font-size:1rem;padding:.5rem;text-align:center;flex-grow:1}@media (max-width: 1024px){.card{flex:1 1 calc(33.33% - 1rem)}}@media (max-width: 768px){.card{flex:1 1 calc(50% - .8rem)}}@media (max-width: 480px){.card{flex:1 1 100%}}.items-container .search-bar{width:100%;padding:.5rem 1rem;font-size:1rem;margin-bottom:1rem;border-radius:5px;border:1px solid #ccc}.items-container .filters,.items-container .source-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.items-container .filters label,.items-container .source-filters label{display:inline-block;padding:.5rem 1rem;border-radius:25px;border:1px solid #ccc;background-color:#f9f9f9;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease}.items-container .filters label input[type=checkbox],.items-container .source-filters label input[type=checkbox]{display:none}.items-container .filters label:hover,.items-container .source-filters label:hover{background-color:#e0e0e0;transform:scale(1.05)}.items-container .filters label:has(input:checked),.items-container .source-filters label:has(input:checked){background-color:#0070f3;color:#fff;border-color:#0070f3;transform:scale(1.05)}.items-container .filters label.source:has(input:checked),.items-container .source-filters label.source:has(input:checked){background-color:#ff6f61;color:#fff;border-color:#ff6f61}.items-container .card-grid{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.items-container .card-grid{gap:.8rem}}
