.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1rem;padding:.7rem;border-radius:6px;margin-top:1rem}.pagination-controls .page-number{color:#a3a3a3;cursor:pointer;border:none;position:relative;transition:color .2s ease}.pagination-controls .page-number:hover{color:var(--text-color)}.pagination-controls .page-number.active{color:var(--text-color);font-weight:700}.pagination-controls .page-number.active:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--text-color);border-radius:2px;transform-origin:bottom}.pagination-controls .page-number:disabled{border:none}.pagination-controls .ellipsis{color:#a3a3a3;padding:0 .5rem}.pagination-controls button{background:none;border:none;color:#a3a3a3;cursor:pointer;padding:8px;border-radius:8px;transition:color .2s ease;border:1px solid var(--text-color)}.pagination-controls button svg{width:24px;height:24px}.pagination-controls button:disabled{color:#ccc;cursor:not-allowed;border:1px solid #a3a3a3}@media(max-width:768px){.pagination-controls{font-size:.9rem;padding:.8rem;gap:.5rem}.pagination-controls .page-number,.pagination-controls button{padding:.3rem .6rem}}@media(max-width:480px){.pagination-controls{font-size:.8rem;flex-wrap:wrap;gap:.3rem}.pagination-controls .page-number,.pagination-controls button{padding:.3rem}.pagination-controls .ellipsis{padding:0 .3rem}}