/* 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-detail.css?17580674713474*/
/* Стили для секции заголовка */
.news-detail__header-section {
    width: 100%;
}

.news-detail__header-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    margin: 0 auto;
    padding-top: 46px;
    padding-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    height: clamp(27.5rem, 22.1449rem + 22.8484vw, 49.563rem);
    gap: clamp(0.938rem, 0.6346rem + 1.2945vw, 2.188rem);
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.20) 0%, #00504E 100%), url('/local/templates/ru/assets/css/pages/news/../../../img/news/background-detailed.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-detail__header-wrapper-datetime {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(0.625rem, 0.3823rem + 1.0356vw, 1.625rem);
}

.news-detail__header-datetime {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    border-radius: 5px;
    padding: clamp(0.25rem, 0.2347rem + 0.0652vw, 0.313rem) clamp(0.5rem, 0.4697rem + 0.1294vw, 0.625rem);
}

.news-detail__title {
    color: var(--color-white);
    max-width: 1019px;
}

/* Стили для секции контета */
.news-detail__content {
    padding-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    gap: clamp(4.125rem, 2.3956rem + 7.3786vw, 11.25rem);
    display: grid;
    grid-template-columns: 2fr 1fr;
}

/* Стили для секции с новостями */
.news-detail__info {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.news-detail__info__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.news-detail__info__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-blue-light);
    border-radius: 5px;
    padding: clamp(0.25rem, 0.2347rem + 0.0652vw, 0.313rem) clamp(0.5rem, 0.4697rem + 0.1294vw, 0.625rem);
}

.news-detail__info__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
}

.news-detail__info__img {
    width: 100%;
    border-radius: clamp(0.625rem, 0.3973rem + 0.9714vw, 1.563rem);
}

.news-detail__info__wrapper-buttons {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.news-detail__info__buttons {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem);
}

/* Стили для секции также по теме*/


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

    .news-detail__info__buttons,
    .news-detail__info__buttons button {
        width: 100%;
    }
}

@media (min-width:800px) {
    .news-detail__similar {
        display: flex;
        flex-direction: column;
    }

    .news-detail__similar .horizontal-slider__card {
        width: auto;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/news/news-detail.css?17580674713474 */