/* Постраничная навигация в новом дизайне */
.np {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    padding-top: 24px;
    border-top: 1px solid var(--border, #DFDFDF);
    font-family: 'Jost', sans-serif;
}
.np-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.np-list li { margin: 0; font-size: inherit; }
.np-page, .np-gap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--black, #000);
    text-decoration: none;
    border: 1px solid var(--border, #DFDFDF);
    transition: all .15s;
}
.np-gap { border-color: transparent; color: var(--muted, #888); }
a.np-page:hover { border-color: var(--red, #F93F33); color: var(--red, #F93F33); }
.np-page.is-active { background: var(--red, #F93F33); border-color: var(--red, #F93F33); color: var(--white, #fff); }
.np-arrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--black, #000);
    text-decoration: none;
}
a.np-arrow:hover { color: var(--red, #F93F33); }
.np-arrow.is-disabled { color: #c4c4c4; }
@media (max-width: 575.98px) {
    .np-arrow { flex: 1 1 40%; text-align: center; order: 2; }
    .np-list { order: 1; flex: 1 1 100%; justify-content: center; }
}