.joffz-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin:42px auto 12px;padding-top:26px;border-top:1px solid #e6e2dc;color:#262522}
.joffz-pagination__controls{display:flex;justify-content:center;align-items:center;gap:24px;max-width:100%}
.joffz-pagination__pages{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}
.joffz-pagination a,.joffz-pagination [aria-current=page],.joffz-pagination__ellipsis,.joffz-pagination .is-disabled{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;box-sizing:border-box;border-radius:8px;color:inherit;text-decoration:none;font-size:13px;font-weight:500;line-height:1}
.joffz-pagination__pages a{border:1px solid #e6e2dc;background:#fff}
.joffz-pagination [aria-current=page]{background:#262522;color:#fff;border:1px solid #262522}
.joffz-pagination a:hover{background:#f1ede7;border-color:#b6aea3}
.joffz-pagination a:focus-visible{outline:2px solid #4b4a45;outline-offset:3px}
.joffz-pagination__direction{gap:7px;padding:0 9px}
.joffz-pagination__direction svg{display:block;flex:none}
.joffz-pagination .is-disabled{color:#bab5ae}
.joffz-pagination__position{margin:0;color:#716c65;font-size:12px;line-height:1.4;letter-spacing:.04em}
#ProductGridContainer{scroll-margin-top:24px}
@media(max-width:749px){.joffz-pagination{margin-top:30px;padding-top:22px}.joffz-pagination__controls{gap:10px}.joffz-pagination__direction>span{display:none}.joffz-pagination__pages{gap:6px}.joffz-pagination__pages li:not(.is-current):not(.is-adjacent){display:none}.joffz-pagination__direction{padding:0}.joffz-pagination__position{font-size:11px}}