.cscom-pagination { margin: 28px 0 42px; color: #a3afc1; font-family: 'Manrope', sans-serif; text-align: center; }
.cscom-pagination__range { margin: 0 0 14px; font-size: 13px; }
.cscom-pagination__pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; }
.cscom-pagination__pages a, .cscom-pagination__pages > span:not(.cscom-pagination__gap) { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px 11px; border: 1px solid #303846; border-radius: 9px; background: #131823; color: #c5cddb; font: 700 14px/1.2 'Exo 2', sans-serif; text-decoration: none; }
.cscom-pagination__pages a:hover { border-color: #f17b36; background: #241c19; color: #ffac76; }
.cscom-pagination__pages > .is-current { border-color: #ff8b48; background: linear-gradient(135deg, #ff8439, #ed641c); color: #21130c; }
.cscom-pagination__pages > .is-disabled { opacity: .4; }
.cscom-pagination__pages .cscom-pagination__step { padding-inline: 14px; }
.cscom-pagination__gap { padding-inline: 3px; color: #718097; }
.cscom-pagination__more { margin-top: 19px; }
.cscom-pagination__more[hidden] { display: none; }
.cscom-pagination__more button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; max-width: 100%; margin: 0; padding: 10px 20px; border: 1px solid #784529; border-radius: 11px; background: #191a20; color: #f3f5fa; cursor: pointer; font: 800 15px/1.35 'Exo 2', sans-serif; }
.cscom-pagination__more button > svg { flex: 0 0 18px; color: #ff9855; }
.cscom-pagination__badge { min-width: 34px; padding: 5px 7px; border-radius: 6px; background: linear-gradient(135deg, #ff8439, #ed641c); color: #21130c; font: 800 12px/1 'Manrope', sans-serif; }
.cscom-pagination__more button:hover { border-color: #ff914b; background: #2a211d; }
.cscom-pagination__more button:disabled { cursor: wait; opacity: .65; }
.cscom-pagination a:focus-visible, .cscom-pagination button:focus-visible { outline: 2px solid #ffae79; outline-offset: 3px; }
.cscom-pagination__shown { margin: 12px 0 0; color: #7f8ca1; font-size: 12px; }
.cscom-pagination__status { min-height: 18px; margin: 8px 0 0; color: #ffb38b; font-size: 12px; }
@media (max-width: 480px) { .cscom-pagination__pages { gap: 4px; }.cscom-pagination__pages a, .cscom-pagination__pages > span:not(.cscom-pagination__gap) { min-width: 34px; min-height: 38px; padding-inline: 8px; font-size: 13px; }.cscom-pagination__pages .cscom-pagination__step { padding-inline: 9px; } }