.pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:30px;display:flex}.pagination .nav-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:14px}.pagination .nav-btn:hover:not(.disabled){background:#f5f5f5}.pagination .nav-btn.disabled{opacity:.5;cursor:not-allowed}.pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:14px}.pagination button:hover{background:#f5f5f5}.pagination button.active{color:#fff;background:#ff7a18;border-color:#ff7a18}.pagination-dots{color:#666;align-items:center;padding:0 4px;display:flex}@media (max-width:480px){.pagination{gap:2px;margin-top:20px}.pagination button,.pagination .nav-btn{padding:3px 6px;font-size:11px}.pagination-dots{padding:0 1px;font-size:10px}}@media (min-width:481px) and (max-width:640px){.pagination{gap:3px}.pagination button,.pagination .nav-btn{padding:4px 8px;font-size:12px}.pagination-dots{padding:0 2px;font-size:11px}}@media (min-width:641px){.pagination{gap:6px}.pagination button,.pagination .nav-btn{padding:6px 10px;font-size:14px}.pagination-dots{padding:0 4px;font-size:12px}}