/* Start:/local/templates/9310802/components/bitrix/news.detail/projects.detail/style.css?17839481972510*/
/* чтобы скролл картинки работал корректно */
.page, 
section.section.product__catalog.portfolio-bg {
    overflow: clip !important;
    overflow-x: clip !important;
}

.product__catalog-small__img {
    max-width: 293px;
}

.product__catalog-small__img .product__catalog-title-custom {
    margin-bottom: 40px;
}


.product__catalog-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.product__catalog-item__inner-custom {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product__catalog-small-custom,
.product__catalog-small__img-custom {
    display: contents;
}

.product__catalog-title-custom {
    order: 1;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 26px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--ffffff);
    height: 62px;
    text-align: center;
    margin-bottom: 0; 
}

.product__catalog-big-custom {
    order: 2;
    width: 100%;
}

.product__catalog-small__img-custom img {
    order: 3;
    max-width: 600px;
    margin: 0 auto;
}

.product__catalog-small__img-custom img,
.product__catalog-big__img-custom img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}


@media (min-width: 901px) {
    .product__catalog-item__inner-custom {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0;
    }

    .product__catalog-small-custom {
        display: block;
        width: 300px;
        flex-shrink: 0;

        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: max-content;
/*
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
*/
    }

    .product__catalog-small__img-custom {
        display: block;
    }

    .product__catalog-title-custom {
        order: initial;
        text-align: left;
        margin-bottom: 40px;
    }

    .product__catalog-big-custom {
        order: initial;
        width: calc(100% - 350px);
        flex-grow: 1;
        margin-left: 50px;
    }

    .product__catalog-small__img-custom img {
        order: initial;
        margin: 0;
        width: 100%;
    }
}



/* Отступы в баннере */
@media (max-width: 900px) {
	.page-inter {
		padding-top: 130px !important;
	}

	section.section.home-hero.section-hero.section-info-hero.section-hero-bg.page-inter__section {
		padding-bottom: 0px;
	}
}


.section-header-relative-col {
	padding-bottom: 34px;
}
/* End */
/* /local/templates/9310802/components/bitrix/news.detail/projects.detail/style.css?17839481972510 */