/* 1. Скрываем надпись «Показано X–Y из Z» */
.woocommerce-result-count {
    display: none !important;
}
/* 2. Выравнивание пагинации в один ряд с горизонтальной прокруткой */
.woocommerce nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination ul,
.pagination ul,
ul.page-numbers {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border: none !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
}
/* Убираем стандартные рамки и маркеры */
.woocommerce nav.woocommerce-pagination ul li,
.pagination ul li,
ul.page-numbers li {
    list-style: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}
/* Базовый стиль кнопок */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.pagination ul li a,
.pagination ul li span,
ul.page-numbers li a,
ul.page-numbers li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    border: 1px solid #dcdcdc !important;
    background-color: #ffffff !important;
    color: #0b2239 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
}
/* Эффект при наведении */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.pagination ul li a:hover,
ul.page-numbers li a:hover {
    background-color: #0b2239 !important;
    color: #ffffff !important;
    border-color: #0b2239 !important;
}
/* Активная страница */
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination ul li span.current,
ul.page-numbers li span.current {
    background-color: #0b2239 !important;
    color: #ffffff !important;
    border-color: #0b2239 !important;
    box-shadow: 0 2px 6px rgba(11, 34, 57, 0.25) !important;
}