.pagination{display:flex;justify-content:center;gap:8px;margin-top:3rem;flex-wrap:wrap}.page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.page-btn:hover{background:#f5f5f5}.page-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-input-container{position:relative;max-width:400px;margin:0 auto 2rem;display:flex;align-items:center}.search-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:var(--text-dark);background:#fff;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px #0000001a}.search-input::placeholder{color:var(--text-medium)}.search-icon{position:absolute;left:10px;width:20px;height:20px;color:var(--text-medium)}@media (max-width: 480px){.search-input-container{max-width:100%;padding:0 1rem}.search-input{padding:.7rem 1rem .7rem 2.5rem;font-size:.9rem}.search-icon{width:18px;height:18px}}