/* Start:/local/templates/addu/components/bitrix/news.list/blog-cards/style.css?17925988721684*/
/*
 * Карточка-ссылка статьи и её обложка — правила из tpl-blog.min.css вёрстки.
 * В вёрстке карточки блоков «Блог» на главной и «Техподдержке» — заглушки без ссылки,
 * поэтому в index.min.css и sevicep.min.css этих правил нет (в sevicep — и обложки):
 * без них ссылка берёт тёмный цвет из common.min.css и на тёмном фоне «Техподдержки»
 * текст не виден, а обложка остаётся без пропорций и скругления.
 * Битрикс подключает файл сам, после бандлов страницы, и при кэше компонента тоже.
 */
a.blog-card--link {
    color: inherit;
}

.blog-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin-bottom: 28rem;
    border-radius: 32rem;
    overflow: hidden;
    background-color: rgba(var(--text-rgb), 0.06);
}

.blog-card__image-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-card--link .blog-card__image-img {
    transition: transform 0.6s ease;
}

@media (hover: hover) {
    .blog-card--link:hover .blog-card__image-img {
        transform: scale(1.04);
    }
}

@media not all and (min-width: 769px) {
    .blog-card__image {
        margin-bottom: 20rem;
        border-radius: var(--radius-m);
    }
}

@media screen and (min-width: 769px) and (max-width: 1365px) {
    .blog-card__image {
        margin-bottom: 20rem;
        border-radius: var(--radius-m);
    }
}

/* End */
/* /local/templates/addu/components/bitrix/news.list/blog-cards/style.css?17925988721684 */