/* Start:/local/templates/tichiy/components/bitrix/system.pagenavigation/tichiy/style.css?17911443674360*/
/* --- пагинация --- */
.pf--nav {
    width: 94%;
    max-width: 1280px;
    margin: 60px auto 0;
    display: flex;
    justify-content: center;
}
.pf--nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
/* встроенные SVG-символы скрыты, они не отображаются */
.pf--nav ul > svg { display: none; }

.page--nav {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

/* базовая кнопка — все типы: цифры, стрелки, точки */
.page--nav a.page--item,
.page--nav span.page--item,
.page--nav a.page--first,
.page--nav a.page--prev,
.page--nav a.page--next,
.page--nav a.page--last,
.page--nav a.page--dots {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    color: #3f3428;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    transition:
            background-color .25s,
            border-color .25s,
            color .25s,
            transform .15s;
}
.page--nav a.page--item:hover,
.page--nav a.page--first:hover,
.page--nav a.page--prev:hover,
.page--nav a.page--next:hover,
.page--nav a.page--last:hover,
.page--nav a.page--dots:hover {
    border-color: #862121;
    color: #862121;
}
.page--nav a.page--item:active,
.page--nav a.page--first:active,
.page--nav a.page--prev:active,
.page--nav a.page--next:active,
.page--nav a.page--last:active {
    transform: scale(.95);
}

/* текущая страница */
.page--nav span.page--item.page--current {
    background: #0D0A0B;
    border-color: #0D0A0B;
    color: #fff;
    cursor: default;
    pointer-events: none;
}

/* многоточие */
.page--nav a.page--dots {
    border-color: transparent;
    background: transparent;
    color: #a8a8a8;
    font-family: "Segoe UI", "montserrat-medium", sans-serif;
    letter-spacing: .1rem;
    cursor: default;
}
.page--nav a.page--dots:hover {
    color: #a8a8a8;
    border-color: transparent;
}

/* иконки-стрелки внутри кнопок */
.page--nav a.page--first svg,
.page--nav a.page--prev svg,
.page--nav a.page--next svg,
.page--nav a.page--last svg {
    display: block;
    width: 14px;
    height: 16px;
    fill: currentColor;
}
/* стрелки «‹ ‹‹» разворачиваем на 180° */
.page--nav a.page--first svg,
.page--nav a.page--prev svg {
    transform: rotate(180deg);
}
.page--nav a.page--next svg { width: 8px; }

/* кнопки-стрелки: чуть компактнее по ширине, без цифр */
.page--nav a.page--first,
.page--nav a.page--prev,
.page--nav a.page--next,
.page--nav a.page--last {
    padding: 0;
    width: 44px;
    min-width: 44px;
}

/* бордовый акцент на hover для стрелок — те же цвета, что у CTA-кнопок */
.page--nav a.page--first:hover,
.page--nav a.page--prev:hover,
.page--nav a.page--next:hover,
.page--nav a.page--last:hover {
    background: #862121;
    border-color: #862121;
    color: #fff;
}

/* адаптив */
@media (max-width: 700px) {
    .pf--nav { margin-top: 36px; }
    .page--nav { gap: 4px; }
    .page--nav a.page--item,
    .page--nav span.page--item,
    .page--nav a.page--first,
    .page--nav a.page--prev,
    .page--nav a.page--next,
    .page--nav a.page--last {
        min-width: 38px;
        height: 38px;
        font-size: 1.25rem;
        border-radius: 8px;
    }
    .page--nav a.page--first,
    .page--nav a.page--prev,
    .page--nav a.page--next,
    .page--nav a.page--last {
        width: 38px;
        min-width: 38px;
    }
    .page--nav a.page--first svg,
    .page--nav a.page--prev svg,
    .page--nav a.page--next svg,
    .page--nav a.page--last svg {
        width: 11px;
        height: 13px;
    }
    .page--nav a.page--next svg { width: 6px; }
}
/* End */
/* /local/templates/tichiy/components/bitrix/system.pagenavigation/tichiy/style.css?17911443674360 */