/* Обертка пагинации */
.pt-pagination-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 60px 0;
    font-family: 'Inter', sans-serif;
}

/* Левая часть: Показывать по */
.pt-pagination-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pt-pagination-label {
    color: #878D91;
    font-size: 14px;
    font-weight: 400;
}
.pt-pagination-select-wrapper {
    position: relative;
    width: 110px;
    height: 48px;
}
.pt-pagination-select {
    width: 100%;
    height: 100%;
    padding: 12px 40px 12px 16px; /* Отступ справа для иконки */
    background: #fff;
    border: 1px solid #DEE2E3;
    border-radius: 8px;
    outline: none;
    color: #292A2A;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    appearance: none; /* Убираем стандартную стрелку */
    cursor: pointer;
}
.pt-select-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Чтобы клик проходил сквозь */
    display: flex;
    align-items: center;
}

/* Правая часть: Номера страниц */
.pt-pagination-right {
    display: flex;
    align-items: center;
}
.pt-pagination-list {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Элементы списка */
.pt-pagination-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 48px;
    height: 48px;
    border-radius: 32px;
    transition: background 0.2s;
}

.pt-pagination-list li a,
.pt-pagination-list li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #292A2A;
    border-radius: 32px;
}

/* Активная страница */
.pt-pagination-list li.pt-active {
    background: rgba(0, 177, 186, 0.10);
}
.pt-pagination-list li.pt-active span {
    color: #00B1BA;
}

/* Hover для ссылок */
.pt-pagination-list li a:hover {
    background: rgba(0, 177, 186, 0.10);
}
.pt-pagination-list li a:hover span {
    color: #00B1BA;
}

/* Троеточие */
.pt-pag-dots span {
    color: #292A2A;
    cursor: default;
}

/* Кнопки стрелок */
.pt-pag-prev,
.pt-pag-next {
    background: transparent;
}
.pt-pag-prev a:hover,
.pt-pag-next a:hover {
    background: transparent;
}

/* Disabled state */
.pt-disabled span {
    cursor: default;
}

/* Адаптив */
@media (max-width: 768px) {
    .pt-pagination-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .pt-pagination-left {
        order: 2; /* Селект внизу на мобиле */
    }
    .pt-pagination-right {
        order: 1;
    }
}