.pagination {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px 18px;
    margin-top:26px;
    padding:22px 0;
    border-top:1px solid var(--line);
}
.pagination>p {
    color:var(--muted);
    font-size:13px;
    margin:0;
}
.pagination__links {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
}
.page-product .pagination,
.page-product .pagination__links {
    justify-content:center;
}
.page-product .pagination>p {
    text-align:center;
}
.pagination__links>a,.pagination__links>span {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:37px;
    min-height:38px;
    padding:7px 12px;
    border:1px solid var(--line);
    background:white;
    line-height:1.4;
    transition:color .2s,background .2s;
}
.pagination__links>a:hover {
    color:white;
    background:var(--teal);
    border-color:var(--teal);
}
.pagination__links>a[aria-current] {
    background:var(--gold);
    border-color:var(--gold);
    color:#21312f;
    font-weight:600;
}
.pagination__links>span[aria-disabled] {
    color:#909a96;
    background:#eaf0e9;
}
.pagination__jump {
    display:flex;
    align-items:center;
    gap:8px;
    width:auto;
    max-width:100%;
    margin:0;
    flex-shrink:0;
    white-space:nowrap;
}
.pagination__jump .custom-select {
    flex:0 0 auto;
    width:auto;
    min-width:72px;
}
.pagination__jump .custom-select__trigger {
    min-height:40px;
    padding:6px 32px 6px 12px;
    line-height:1.4;
    white-space:nowrap;
}
.pagination__jump .custom-select__trigger::after {
    top:50%;
    right:12px;
    transform:translateY(-70%) rotate(45deg);
}
@media(max-width:640px) {
    .pagination__links {
        gap:6px;
    }
    .pagination__links>a,.pagination__links>span {
        font-size:12px;
        min-width:34px;
        padding:7px 9px;
    }
}