.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:30px 0;display:flex}.pagination-button{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:80px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.pagination-button:hover:not(:disabled){color:#e70214;background:#f5f5f5;border-color:#e70214}.pagination-button:disabled{color:#ccc;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0}.pagination-numbers{align-items:center;gap:5px;display:flex}.pagination-number{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover{color:#e70214;background:#f5f5f5;border-color:#e70214}.pagination-number.active{color:#fff;background:#e70214;border-color:#e70214}.pagination-number.active:hover{background:#b8000a}.pagination-ellipsis{color:#666;-webkit-user-select:none;user-select:none;padding:0 5px;font-size:14px}@media (max-width:768px){.pagination{gap:8px;margin:20px 0}.pagination-button{min-width:70px;padding:6px 12px;font-size:13px}.pagination-number{width:35px;height:35px;font-size:13px}}@media (max-width:576px){.pagination{flex-direction:column;gap:10px}.pagination-numbers{order:-1}.pagination-button{padding:6px 12px;font-size:13px}}