.yumin-products-pagination { padding-bottom: clamp(72px, 6vw, 116px); }
.yumin-products-pagination__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; }
.yumin-products-pagination .page-numbers { grid-column: 2; }
.yumin-products-pagination .yumin-listing-per-page { grid-column: 3; justify-self: end; }
.yumin-products-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin: 0; padding: 0; list-style: none; }
.yumin-products-pagination .page-numbers li { display: inline-flex; }
.yumin-products-pagination .page-numbers a, .yumin-products-pagination .page-numbers span { display: grid; min-width: 40px; height: 40px; place-items: center; padding: 0 10px; border: 1px solid #dce7e6; border-radius: 50%; color: #6c797b; font: 700 14px/1 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; text-decoration: none; }
.yumin-products-pagination .page-numbers .current, .yumin-products-pagination .page-numbers a:hover { color: #fff; border-color: var(--products-teal, #00b1a7); background: var(--products-teal, #00b1a7); }
@media (max-width: 700px) { .yumin-products-pagination__controls { display: flex; align-items: flex-end; flex-direction: column; gap: 22px; } .yumin-products-pagination .page-numbers { align-self: center; order: 2; } .yumin-products-pagination .yumin-listing-per-page { order: 1; } }