/* Start:/local/templates/olymp2024/components/bitrix/news.list/delivery-banner/style.css?1773783559133*/
/*p.banner-text__title{*/
/*    font-size:51px !important;*/
/*}*/
/*p.banner-text__text {*/
/*    font-size:24px !important;*/
/*}*/
/* End */


/* Start:/local/templates/olymp2024/components/bitrix/system.pagenavigation/.default/style.css?17737835591338*/
.navigation-pages {
    display: inline-block;
    position: relative;
    margin: 20px 0 20px 0;
}

.bxr-top-pager .navigation-pages {
    margin-top: 0px;
}

.navigation-pages :first-child, .navigation-pages .first-current-page {
    border-radius: 4px 0px 0px 4px;
}

.navigation-pages :last-child, .navigation-pages .last-current-page {
    border-radius: 0px 4px 4px 0px;
}

.navigation-pages .nav-current-page {
    display: inline-block;
    font-size: 14px;
    width: 42px;
    padding: 5px 0;
    text-align: center;
    display: block;
    float: left;
}

.navigation-page-other, .navigation-pages a {
    display: block;
    float: left;
    font-size: 14px;
    width: 42px;
    padding: 5px 0;
    text-align: center;
    color: #797979;
    border: 1px solid #e0e0e0;
}

.navigation-pages a:not(:last-child), .navigation-page-other {
    border-right: 0;
}

.navigation-page-all:hover, .navigation-pages a:hover, .navigation-page-all:active, .navigation-pages a:active, .navigation-page-all:visited, .navigation-pages a:visited {
    text-decoration: none;
}

@media (max-width: 768px) {
    .navigation {
        text-align: center;
    }

    .navigation-page-other
    , .navigation-pages a
    , .navigation-pages .nav-current-page {
        width: 26px;
    }
}
/* End */


/* Start:/local/templates/olymp2024/components/bitrix/news.list/bonus-collapsible/style.css?17854997772618*/
/**
 * Оформление аккордеона страницы бонусов.
 *
 * Файл подключается раньше собранного app.min.css, поэтому правила, которые
 * перекрывают старую вёрстку, опираются на второй класс элемента
 * (.collapsible.collapsible__title, .content.bonus-collapsible__content) —
 * так они выигрывают по специфичности, а не по порядку подключения.
 */

/**
 * Аккордеон — последний блок страницы, а у контейнера до подвала всего 25px.
 */
section.bonus .bonus__body {
    margin-bottom: 60px;
}

/**
 * Заголовок — флекс-строка: текст слева, плюс справа и по центру по вертикали.
 * Прежняя вёрстка держала плюс на position: absolute с top: 55%, из-за чего он
 * висел ниже середины, а высоту строке добавляли margin: 40px и padding-top: 35px.
 */
section.bonus .bonus__body .collapsible.collapsible__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 16px 0;
}

section.bonus .bonus__body .collapsible.collapsible__title:after {
    position: static;
    top: auto;
    flex: 0 0 36px;
    margin: 0;
}

/**
 * Отрицательный margin-top компенсировал padding-top заголовка — с флекс-строкой
 * компенсировать нечего, иначе содержимое наезжает на заголовок.
 */
section.bonus .bonus__body .content.bonus-collapsible__content,
section.bonus .bonus__body .content.bonus-collapsible__content:last-of-type {
    margin-top: 0;
}

/**
 * Отступ задан внутренней обёртке, а не самому .content: max-height ограничивает
 * только content-box, поэтому padding на .content не схлопывается вместе с ним —
 * у свёрнутой секции осталась бы высота в размер отступов и в неё попала бы
 * первая строка текста. У .content__inner отступ входит в scrollHeight, который
 * меряет collapsible.js, — раскрытая секция показывается целиком.
 */
section.bonus .bonus__body .content__inner {
    padding-top: 4px;
    padding-bottom: 24px;
}

/* End */
/* /local/templates/olymp2024/components/bitrix/news.list/delivery-banner/style.css?1773783559133 */
/* /local/templates/olymp2024/components/bitrix/system.pagenavigation/.default/style.css?17737835591338 */
/* /local/templates/olymp2024/components/bitrix/news.list/bonus-collapsible/style.css?17854997772618 */