/* Start:/local/templates/ru/assets/css/settings/main.css?17580674721005*/
/* ==========================================================================
   MAIN STYLESHEET
   ========================================================================== */

/* Import base styles */
@import url('/local/templates/ru/assets/css/settings/base.css');
@import url('/local/templates/ru/assets/css/settings/typography.css');

/* Import components */
@import url('/local/templates/ru/assets/css/settings/../components/button.css');
@import url('/local/templates/ru/assets/css/settings/../components/header.css');
@import url('/local/templates/ru/assets/css/settings/../components/footer.css');
@import url('/local/templates/ru/assets/css/settings/../components/yandex.css');
@import url('/local/templates/ru/assets/css/settings/../components/common.css');
@import url('/local/templates/ru/assets/css/settings/../components/horizontal-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/breadcrums.css');
@import url('/local/templates/ru/assets/css/settings/../components/drop-down-list.css');
@import url('/local/templates/ru/assets/css/settings/../components/menu.css');
@import url('/local/templates/ru/assets/css/settings/../components/gallery.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination.css');
@import url('/local/templates/ru/assets/css/settings/../components/project.css');
@import url('/local/templates/ru/assets/css/settings/../components/carousel.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination-page.css');
@import url('/local/templates/ru/assets/css/settings/../components/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/news/news-main.css?17580674713491*/
.news-main {
    display: flex;
    flex-direction: column;
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.news-main__content {
    display: flex;
    flex-direction: column;
    gap: clamp(2.875rem, 2.0558rem + 3.4951vw, 6.25rem);
}

.news-main__title {
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

/*Раздел главных новостей*/
.news-main__wrapper-main {
    display: flex;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

/*Сми о нас*/
.news-main__news-bar {
    display: flex;
    flex-direction: column;
    gap: clamp(0.938rem, 0.8470rem + 0.3883vw, 1.313rem);
    padding: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    background-color: var(--color-grey);
    border-radius: 15px;
    width: clamp(21.563rem, 20.5771rem + 4.2066vw, 25.625rem);
    flex-shrink: 0;
    margin-bottom: 15px;
    height: fit-content;
}

.news-main__news-bar__list {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.news-main__news-bar__item {
    display: flex;
    gap: 16px;
}

.news-main__news-bar__img {
    width: 47px;
    flex-shrink: 0;
    height: 47px;
    border-radius: 10px;
}

.news-main__news-bar__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*Карточки новостей*/
.horizontal-slider__content-cards--withoutslider {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.horizontal-slider__content-cards--withoutslider .horizontal-slider__card {
    width: auto;
}


/*Карточка с наложением карточки*/
.news-main__section-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(3rem, 2.5146rem + 2.0712vw, 5rem) 0px;
}

.news-main__wrapper-card {
    display: flex;
    flex-direction: column;
    background-color: var(--color-green);
    padding: clamp(1.5rem, 0.4078rem + 4.6602vw, 6rem);
    border-radius: 14px;
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
}

.news-main__card {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
    width: 40%;
}

.news-main__card-img {
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
    border-radius: 14px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
    width: 54%;
    height: clamp(18rem, 13.8738rem + 17.6052vw, 35rem);
}

.news-main__card button:hover {
    background-color: #393330;
}

.tags-menu__buttons {
    display: flex;
    gap: 26px
}

.tags-menu__controls__button-find {
    height: 32px;
    border-radius: 14px;
}


@media (max-width: 800px) {
    .news-main__wrapper-main {
        flex-direction: column;
    }

    .news-main__news-bar {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .news-main__card-img {
        clip-path: none;
        position: relative;
        right: 0;
        width: 100%;
        border-radius: 14px 14px 0px 0px;
    }


    .news-main__wrapper-card {
        clip-path: none;
        border-radius: 0px 0px 14px 14px;
    }

    .news-main__section-card {
        padding: 0;
    }

    .news-main__card {
        width: 100%;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/news/news-main.css?17580674713491 */