

/* Start:/local/templates/main/components/bitrix/news.list/.default/style.css?17548913781772*/
.items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 3.125em 30px 1.875em;
    border-radius: 10px;
    height: clamp(250px, 28vw, 360px);
    font-size: clamp(10px, 1.3vw, 16px);
}

.item-main {
    background-color: rgb(37, 37, 37, 0.75);
    padding: 30px;
    border-radius: 10px;
}

.item-title {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-description {
    font-size: 1em;
    font-weight: 300;
    margin-top: 10px;
}

.detail {
    background-color: #00B16B;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    padding: 13px 54.5px;
    width: fit-content;
    z-index: 1;
    font-size: 1.25em;
    font-weight: 600;
}

@media (max-width: 1024px) { 
    .items { grid-template-columns: repeat(2, 1fr); }
    .item { font-size: clamp(9.5px, 2vw, 18px); background-size: cover; padding: 20px; height: clamp(250px, 40vw, 300px); }
}

@media (max-width: 768px) { 
    .item { height: clamp(250px, 40vw, 300px); }
    .item-main { padding: 15px; }
}

@media (max-width: 576px) { 
    .item {padding: 15px; border-radius: 5px; }
    .detail { padding: 8px 30px; border-radius: 5px; }
}

@media (max-width: 480px) { 
    .item { height: clamp(120px, 53vw, 210px); }
    .item-main { width: 80%; padding: 15px; }
    .items { grid-template-columns: repeat(1, 1fr); }
    .item { font-size: clamp(9.5px, 2.85vw, 12px); }
    .detail { width: 100%; font-size: 1em; }
}
/* End */
/* /local/templates/main/components/bitrix/news.list/.default/style.css?17548913781772 */
