.pagination{flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;margin:30px 0;display:flex}.pagination-button{color:#1a1a1a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-shrink:0;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{flex-shrink:1;align-items:center;gap:5px;min-width:0;display:flex}.pagination-number{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-shrink:0;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{flex-flow:row;gap:6px;margin:20px 0}.pagination-button{min-width:0;padding:6px 10px;font-size:12px}.pagination-number{width:32px;height:32px;font-size:12px}.pagination-ellipsis{padding:0 2px;font-size:12px}}@media (max-width:576px){.pagination{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;justify-content:flex-start;gap:4px;width:100%;padding:0 4px;overflow-x:auto}.pagination::-webkit-scrollbar{display:none}.pagination-numbers{order:0;gap:4px}.pagination-button{min-width:0;padding:6px 8px;font-size:12px}.pagination-button .pagination-btn-text{display:none}.pagination-number{width:30px;height:30px;font-size:12px}}