/* Start:/local/templates/.default/components/bitrix/news/aktsii/style.css?17915439642596*/
/* Специфичность .x.x поднята намеренно: класс делит элемент с классом,
   оставшимся в css/style.css, и в монолите объявлялся позже — то есть перекрывал его.
   После выноса файл компонента грузится раньше, и без удвоения правило проигрывает. */
/* Перенесено из css/style.css */

.news_items-wide {
    padding-bottom: 36px;    
}

.news_items {
    display: grid;
    gap: 16px;
    padding-top: 8px;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
}

.news-item {
    position: relative;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.news-item__image.news-item__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 176px;
}

.news-item__image img {
    display: block;
    width: 100%; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.news-item__text {
    display: flex;
    gap: 6px;
    flex-direction: column;
}

.news-item__title {
    margin: 0;
    font: 500 16px/19px 'Oceanic Grotesk Compact', sans-serif;
    color: #1E1E1E;
    transition: color .3s ease;
}

.news-item__title a:hover { 
    color: #FF0000; 
}

.news-item__date {
    margin: 0;
    font: 400 14px/17px 'Oceanic Grotesk Compact', sans-serif;
    color: #00000080;
}

.news_items-wide .show_more-wrapper { 
    margin-bottom:0; 
}

@media screen and (max-width: 1100px) {
    .news_items-wide {
        padding-bottom: 30px;
    }
    
    .news_items {
        padding-top: 4px;
        grid-template-columns: repeat(3, minmax(auto, 1fr));
    }

    .news-item__image.news-item__image {
        height: 206px;
    }

    .news_items-wide .pagination_page {
        margin-top: 16px;
    }
}

@media screen and (max-width: 860px) {
    .news_items {
        grid-template-columns: repeat(2, minmax(auto, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .news_items-wide {
        padding-bottom: 24px;
    }

    .news_items {
        padding-top: 0;
        grid-template-columns: 100%;
    }

    .news-item__image.news-item__image {
        height: auto;
        aspect-ratio: 347 / 198;
    }

    .news-item__text {
        gap: 4px;
    }

    .news-item__title {
        font-size: 14px;
        line-height: 17px;
    }

    .news-item__date {
        font-size: 12px;
        line-height: 14px;
    }

    .news_items-wide .pagination_page {
        margin-top: 12px;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17915439522530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /local/templates/.default/components/bitrix/news/aktsii/style.css?17915439642596 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17915439522530 */