/* 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 */
/* /local/templates/.default/components/bitrix/news/aktsii/style.css?17915439642596 */