/* Match JD pagination placement, sizing, and theme contrast. */
#main-content .jd-pagination { display:grid; grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr); align-items:center; gap:24px; padding-top:34px; }
#main-content .jd-pagination[hidden] { display:none; }
#main-content .jd-pagination :is(a,button) { display:inline-flex; align-items:center; justify-content:center; height:44px; min-height:44px; border:1px solid rgba(0,0,0,.18); background:transparent; color:#000; font:700 .72rem Montserrat,sans-serif; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
#main-content .jd-pagination-pages { display:flex; align-items:center; justify-content:center; gap:8px; }
#main-content .jd-pagination-pages :is(a,button) { min-width:44px; padding:0 10px; }
#main-content .jd-pagination-direction:first-child { justify-self:start; padding:0 18px; }
#main-content .jd-pagination-direction:last-child { justify-self:end; padding:0 18px; }
#main-content .jd-pagination a[aria-current=page], #main-content .jd-pagination a:hover { background:#000; color:#fff; border-color:#000; }
html:root[data-jd-theme=dark] body.index #main-content .jd-pagination :is(a,button) { background:#000!important; color:#fff!important; border-color:rgba(255,255,255,.24)!important; }
html:root[data-jd-theme=dark] body.index #main-content .jd-pagination a[aria-current=page], html:root[data-jd-theme=dark] body.index #main-content .jd-pagination a:hover { background:#fff!important; color:#000!important; border-color:#fff!important; }
#main-content .jd-pagination :is(a,button):focus-visible { outline:2px solid #d45b21; outline-offset:3px; }
@media(max-width:700px) {
 #main-content .jd-pagination { grid-template-columns:1fr 1fr; gap:14px; }
 #main-content .jd-pagination-pages { grid-column:1/-1; grid-row:1; flex-wrap:wrap; }
 #main-content .jd-pagination-direction:first-child, #main-content .jd-pagination-direction:last-child { width:100%; justify-self:stretch; }
}
