/* Start:/local/templates/ekoseti_2026/components/bitrix/news.detail/ecoseti_news.detail/style.css?17877424639574*/
/* =========================================================================
   Детальная страница новости — редизайн 2026
   Брейкпоинты: 1600 / 1200 / 760 (как в остальном шаблоне)
   ========================================================================= */

.news-detail {
    margin-top: 30px;
    margin-bottom: 60px;
}

/* ------------------------------------------------------------------ */
/* Строка с датой и шерингом                                           */
/* ------------------------------------------------------------------ */

.news-detail__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 22px;
}

.news-detail__date {
    color: #A9A9A9;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

.news-detail__share {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-left: auto;
}

.news-detail__share-title {
    color: #A9A9A9;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

.news-detail__share-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.news-detail__share-link {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    line-height: 0;
    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
}

.news-detail__share-link:hover,
.news-detail__share-link:focus {
    opacity: 0.75;
}

.news-detail__share-link img {
    display: block;
    width: 24px;
    height: 24px;
}

/* ------------------------------------------------------------------ */
/* Заголовок                                                           */
/* ------------------------------------------------------------------ */

.news-detail__title {
    margin: 0 0 30px;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

/* ------------------------------------------------------------------ */
/* Две колонки: текст + галерея                                        */
/* ------------------------------------------------------------------ */

.news-detail__body {
    display: flex;
    align-items: flex-start;
    gap: 88px;
}

.news-detail__text {
    flex: 1 1 auto;
    min-width: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.news-detail__text > *:first-child {
    margin-top: 0;
}

.news-detail__text p {
    margin: 0 0 20px;
}

.news-detail__text p:last-child {
    margin-bottom: 0;
}

.news-detail__text h2,
.news-detail__text h3,
.news-detail__text h4 {
    margin: 30px 0 15px;
    font-weight: 600;
    line-height: 1.2;
}

.news-detail__text h2 {
    font-size: 24px;
}

.news-detail__text h3 {
    font-size: 20px;
}

.news-detail__text h4 {
    font-size: 18px;
}

.news-detail__text ul,
.news-detail__text ol {
    margin: 0 0 20px;
    padding: 0;
}

.news-detail__text li {
    position: relative;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 8px;
}

.news-detail__text ul > li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #017234;
}

.news-detail__text ol {
    counter-reset: news-detail-ol;
}

.news-detail__text ol > li {
    counter-increment: news-detail-ol;
}

.news-detail__text ol > li::before {
    content: counter(news-detail-ol) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #017234;
}

.news-detail__text a {
    color: #017234;
    text-decoration: underline;
}

.news-detail__text img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.news-detail__text table {
    max-width: 100%;
}

/* ------------------------------------------------------------------ */
/* Галерея                                                             */
/* ------------------------------------------------------------------ */

.news-detail__gallery {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 47px;
    width: 586px;
}

/* ширину основного фото задаёт колонка: 586 − 47 (отступ) − 59 (превью) = 480 */
.news-gallery__main {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
}

/* одно фото — колонка превью не выводится */
.news-detail__gallery--single {
    width: 480px;
}

.news-gallery__link {
    display: block;
    width: 100%;
    aspect-ratio: 480 / 463;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
}

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

/* колонка с превью */
.news-gallery__aside {
    flex: 0 0 59px;
    width: 59px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.news-gallery__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 18px;
    padding: 0;
    border: 1px solid #EAEBED;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    color: #333;
    cursor: pointer;
    transition: border-color 0.2s linear, color 0.2s linear;
    -webkit-transition: border-color 0.2s linear, color 0.2s linear;
}

.news-gallery__nav:hover {
    border-color: #006D2F;
    color: #006D2F;
}

.news-gallery__nav svg {
    display: block;
}

.news-gallery__nav.swiper-button-disabled {
    color: #EAEBED;
    pointer-events: none;
}

.news-gallery__nav.swiper-button-lock {
    display: none;
}

.news-gallery__thumbs {
    width: 100%;
    /* 5 превью 59px + 4 отступа 8px */
    height: 327px;
}

.news-gallery__thumbs .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #EAEBED;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s linear;
    -webkit-transition: border-color 0.2s linear;
}

.news-gallery__thumbs .swiper-slide:hover {
    border-color: #CECED0;
}

.news-gallery__thumbs .swiper-slide-thumb-active {
    border-color: #006D2F;
}

.news-gallery__thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========================================================================= */
/* ≤ 1599 — макет «Ноут» (1200)                                              */
/* ========================================================================= */

@media screen and (max-width: 1599px) {

    .news-detail__title {
        font-size: 28px;
    }

    .news-detail__body {
        gap: 30px;
    }

    .news-detail__gallery {
        width: 561px;
        gap: 22px;
    }

    .news-detail__gallery--single {
        width: 480px;
    }

}

/* ========================================================================= */
/* ≤ 1199 — макет «Планшет» (760)                                            */
/* ========================================================================= */

@media screen and (max-width: 1199px) {

    .news-detail {
        margin-bottom: 30px;
    }

    .news-detail__meta {
        margin-bottom: 16px;
    }

    .news-detail__date,
    .news-detail__share-title {
        font-size: 14px;
    }

    .news-detail__share {
        gap: 15px;
    }

    .news-detail__title {
        margin-bottom: 22px;
        font-size: 22px;
    }

    .news-detail__body {
        gap: 26px;
    }

    .news-detail__text {
        flex: 1 1 0;
        font-size: 14px;
    }

    .news-detail__gallery,
    .news-detail__gallery--single {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        gap: 17px;
    }

    .news-gallery__main {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .news-gallery__aside {
        flex: 0 0 46px;
        width: 46px;
        gap: 8px;
    }

    .news-gallery__nav {
        height: 14px;
    }

    .news-gallery__nav svg {
        width: 10px;
        height: 7px;
    }

    .news-gallery__thumbs {
        /* 4 превью 46px + 3 отступа 6px */
        height: 202px;
    }

}

/* ========================================================================= */
/* ≤ 759 — мобильная версия (360)                                            */
/* ========================================================================= */

@media screen and (max-width: 759px) {

    .news-detail__meta {
        gap: 8px 12px;
        margin-bottom: 14px;
    }

    .news-detail__date,
    .news-detail__share-title {
        font-size: 13px;
    }

    .news-detail__share {
        gap: 10px;
    }

    .news-detail__title {
        margin-bottom: 22px;
        font-size: 19px;
    }

    .news-detail__body {
        flex-direction: column;
        gap: 26px;
    }

    .news-detail__gallery,
    .news-detail__gallery--single {
        order: -1;
        flex: 0 0 auto;
        width: 100%;
        gap: 17px;
    }

    /* на мобильной превью слева от основного фото */
    .news-gallery__aside {
        order: -1;
        flex: 0 0 43px;
        width: 43px;
    }

    .news-gallery__nav {
        height: 13px;
    }

    .news-gallery__thumbs {
        /* 4 превью 43px + 3 отступа 6px */
        height: 190px;
    }

}

/* End */


/* Start:/local/templates/ekoseti_2026/components/bitrix/news.list/news-slider/style.css?17877424635418*/
/* =========================================================================
   Слайдер новостей («Вам может быть интересно») — редизайн 2026
   Брейкпоинты: 1600 / 1200 / 760 (как в остальном шаблоне)
   ========================================================================= */

.news-slider {
    margin-bottom: 60px;
}

.news-slider__title {
    margin: 0 0 20px;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

.news-slider__wrapper {
    position: relative;
}

.news-slider__swiper .swiper-slide {
    height: auto;
}

/* стрелки: центр по краю контейнера, по вертикали — по центру картинки карточки */
.news-slider__nav {
    position: absolute;
    top: var(--news-slider-nav-top, 33%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
}

.news-slider__nav svg {
    display: block;
    width: 8px;
    height: 13px;
}

.news-slider__nav--prev {
    left: -15px;
}

.news-slider__nav--next {
    right: -15px;
}

.news-slider__nav.swiper-button-disabled {
    opacity: 0.4;
    pointer-events: none;
}

.news-slider__nav.swiper-button-lock {
    display: none;
}

/* ------------------------------------------------------------------ */
/* Карточка новости                                                    */
/* ------------------------------------------------------------------ */

.news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #000;
    text-decoration: none;
}

.news-card:hover,
.news-card:focus {
    color: #000;
    text-decoration: none;
}

.news-card__image-wrapper {
    display: block;
    width: 100%;
    aspect-ratio: 375 / 266;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.news-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.news-card__title {
    display: block;
    margin-top: 14px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.news-card__text {
    display: block;
    flex-grow: 1;
    margin-top: 11px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.news-card__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
    margin-top: 21px;
}

.news-card__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    height: 30px;
    padding: 4px 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    background: linear-gradient(180deg, #015E27 0%, #017234 100%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
}

.news-card:hover .news-card__link {
    opacity: 0.85;
}

.news-card__date {
    color: #9D9D9D;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}

/* ========================================================================= */
/* ≤ 1599 — макет «Ноут» (1200)                                              */
/* ========================================================================= */

@media screen and (max-width: 1599px) {

    .news-slider__title {
        font-size: 28px;
    }
}

/* ========================================================================= */
/* ≤ 1199 — макет «Планшет» (760)                                            */
/* ========================================================================= */

@media screen and (max-width: 1199px) {

    .news-slider {
        margin-bottom: 30px;
    }

    .news-slider__title {
        font-size: 22px;
    }

    .news-slider__nav {
        width: 20px;
        height: 20px;
    }

    .news-slider__nav svg {
        width: 6px;
        height: 10px;
    }

    .news-slider__nav--prev {
        left: -10px;
    }

    .news-slider__nav--next {
        right: -10px;
    }
}

/* ========================================================================= */
/* ≤ 759 — мобильная версия (360)                                            */
/* ========================================================================= */

@media screen and (max-width: 759px) {

    .news-slider__title {
        font-size: 19px;
    }

    .news-slider__nav {
        display: none;
    }

    .news-card__image-wrapper {
        aspect-ratio: 278 / 181;
    }

    .news-card__title {
        margin-top: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .news-card__text {
        margin-top: 10px;
        font-size: 14px;
    }

    .news-card__bottom {
        margin-top: 15px;
    }

    .news-card__link {
        font-size: 14px;
    }

    .news-card__date {
        font-size: 14px;
    }
}

/* End */
/* /local/templates/ekoseti_2026/components/bitrix/news.detail/ecoseti_news.detail/style.css?17877424639574 */
/* /local/templates/ekoseti_2026/components/bitrix/news.list/news-slider/style.css?17877424635418 */