/* Start:/local/templates/vik2026/components/bitrix/news/news/bitrix/news.list/.default/style.css?17914009651291*/
.news-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.news-list-item {
    border: 1px solid var(--color-border);
    background: var(--color-base-bg);
    text-decoration: none;
    color: var(--color-text);
    overflow: hidden;
    background: var(--color-base-bg);
    display: flex;
    flex-direction: column;
    gap: var(--gap2);
    justify-content: space-between;
    transition: var(--transition);
    width: 100%;
}


.news-list-img {
    width: 100%;
    display: block;
    background: #fff none 50% 50% no-repeat;
    background-size: cover;
    transition: all ease-out 0.4s;
    aspect-ratio: 16 / 9;
}

.news-list-item:hover {
    box-shadow: var(--shadow);
    transform: scale(1.05);
}

.news-list-item:hover .news-list-img {
    opacity: 1;
}

.news-list-name {
    font-weight: 700;
    color: var(--color-text);
    padding: 0 var(--gap2) var(--gap2);
}

.news-list-date {
    text-transform: uppercase;
    color: var(--color-text);
    padding: 0 var(--gap2);
    font-size: 0.8rem;
}

@media screen and (min-width: 540px) {

    .news-list-item {
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (min-width: 1024px) {
    .news-list {
        gap: 24px;
    }
    .news-list-item {
        width: calc((100% - 48px) / 3);
    }
}
/* End */
/* /local/templates/vik2026/components/bitrix/news/news/bitrix/news.list/.default/style.css?17914009651291 */