.pagination-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: 28px auto 36px;
    padding: 0 10px;
    box-sizing: border-box;
}

.jc-pagination { display: block; max-width: 100%; overflow: hidden; }
.jc-pagination__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.jc-pagination__item { display: inline-flex; flex: 0 0 auto; margin: 0; padding: 0; }
.jc-pagination__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid #e2ddd7;
    border-radius: 3px;
    background: #fff;
    color: #37251f;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
a.jc-pagination__link:hover,
a.jc-pagination__link:focus-visible { border-color: #876; background: #f7f3ef; color: #37251f; text-decoration: none; }
.jc-pagination__item--active .jc-pagination__link { border-color: #876; background: #876; color: #fff; }
.jc-pagination__item--disabled .jc-pagination__link,
.jc-pagination__item--ellipsis .jc-pagination__link { border-color: transparent; background: transparent; color: #9e9893; }
.jc-pagination__link--arrow { font-size: 24px; font-family: Arial, sans-serif; }
@media (max-width: 480px) {
    .pagination-wrapper { margin-top: 22px; margin-bottom: 28px; padding-right: 8px; padding-left: 8px; }
    .jc-pagination__list { gap: 4px; }
    .jc-pagination__link { min-width: 30px; height: 30px; padding: 0 6px; font-size: 13px; }
}