/* Start:/local/components/componentsTheme/block.about/templates/.default/style.css?17744498072374*/
/* ===ABOUT BLOCK=== */
.about-block {
    container-type: inline-size;
    container-name: about-block;
}
.about__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-30);
}

.about__top {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 348px;
    min-height: 200px;
    aspect-ratio: 1140 / 348;
    padding: var(--Padding-60);
    background-color: var(--Background-thirdly);
    border-radius: 10px;
    overflow: hidden;
}
.about__decor {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: auto;
    opacity: 0.15;
}
.about__top-head {
    position: relative;
    width: 100%;
    max-width: 560px;
    z-index: 10;

    & .subtitle {
        color: var(--Main-text-secondary);
    }
    & .title {
        margin-bottom: 0px;
        color: var(--Head-secondary);
    }
}

.about__bottom {
    position: relative;
    display: flex;
    gap: var(--Gap-80);
}
.about__bottom-left {
    position: relative;
    width: 0%;
    flex-grow: 1;
}
.about__bottom-right {
    position: relative;
    width: 41.229%;
}

.about__advantages {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--Gap-10);
    height: fit-content;
}
.about__advantage {
    position: relative;
    padding: var(--Padding-20);
    border: dashed 1px var(--Stroke);
    border-radius: 10px;
    background-color: var(--Background-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--Margin-10);
}
.about__advantage-title {
    color: var(--Primary);
}
.about__advantage-text {
    color: var(--Main-text-primary);
}
.about__advantages .about__advantage:nth-last-child(1) {
    grid-column-start: 2;
}
.about__bottom__btn {
    margin-top: var(--Margin-30);
}

.about__top__img {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-60%);
    width: 48.246%;
    height: auto;
    max-height: 80%;
}

@container about-block (max-width: 730px) {
    .about__bottom {
        flex-direction: column;
        gap: var(--Margin-20);
    }
    .about__bottom-left,
    .about__bottom-right {
        width: 100%;
    }
}
@container about-block (max-width: 300px) {
    .about__advantages {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}
/* ===/ABOUT BLOCK=== */
/* End */


/* Start:/local/components/componentsTheme/block.seo/templates/.default/style.css?17824673411188*/
/* ===SEO BLOCK=== */
.seo-block {
    container-type: inline-size;
    container-name: seo-block;
}

.seo-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: var(--Gap-30);
}

.seo__img-wrapper {
    position: relative;
    width: 42.983%;
    height: auto;
    max-height: clamp(320px, 268.0556px + 11.8056vw, 490px);
    aspect-ratio: 1;
    border-radius: 10px;
    overflow: hidden;
}
.seo__img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.seo__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 0%;
    /* max-height: clamp(320px, 268.0556px + 11.8056vw, 490px); */
    flex-grow: 1;
}
.seo__title {
    margin-bottom: var(--Margin-30);
}
.seo__text {
    height: 0%;
    flex-grow: 1;
    /* overflow-y: auto; */
    padding-right: var(--Padding-30);
}

@container seo-block (max-width: 565px) {
    .seo-wrapper {
        flex-direction: column;
    }
    .seo__img-wrapper,
    .seo__content {
        width: 100%;
    }
    .seo__img-wrapper {
        max-height: 220px;
    }
}
/* ===/SEO BLOCK=== */
/* End */


/* Start:/local/components/componentsTheme/block.advantages/templates/.default/style.css?17744498072601*/
/* ===ADVANTAGES BLOCK=== */
.advantages-block {
    container-type: inline-size;
    container-name: advantages-block;
}
.advantages__wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: var(--Gap-30);
}
.advantages__left {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 42.983%;
    height: auto;
}
.advantages__right {
    position: relative;
    width: 0%;
    flex-grow: 1;
    height: auto;
}

.advantages__head-wrapper {
    flex-grow: 1;
}
.advantages__head {
    position: sticky;
    top: var(--Sticky-top);
}
.advantages__head .title {
    margin-bottom: 0px;
}
.advantages__left__img-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 140px;
    aspect-ratio: 490 / 190;
    border-radius: 10px;
    overflow: hidden;
    margin-top: var(--Margin-30);
}
.advantages__left__img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.advantages {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--Gap-10);
    height: fit-content;
}
.advantages-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--Gap-40) + 5px);
    padding: var(--Padding-40);
    background-color: var(--Background-secondary);
    border-radius: 10px;
}
.advantages-item__head {
    position: relative;
    width: 100%;
    max-width: 390px;
}
.advantages-item__title {
    position: relative;
    color: var(--Head-primary);
    margin-bottom: var(--Margin-15);
}
.advantages-item__text {
    position: relative;
    color: var(--Main-text-primary);
}
.advantages-item__icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 36.9444px + 0.6944vw, 50px);
    height: auto;
    aspect-ratio: 1;
    border-radius: 5px;
    background-color: var(--Primary);
    margin-left: auto;
    overflow: hidden;
}
.advantages-item__icon {
    position: relative;
    width: 60%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
}


.advantages-item__decor {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 426px;
    /* width: 69.05%; */
    max-width: 100%;
}

@container advantages-block (max-width: 530px) {
    .advantages__wrapper {
        flex-direction: column;
    }
    .advantages__left,
    .advantages__right {
        width: 100%;
    }
}
/* ===/ADVANTAGES BLOCK=== */
/* End */


/* Start:/local/components/componentsTheme/block.steps/templates/.default/style.css?17744498072115*/
/* ===STEPS BLOCK=== */
.steps-block {
    container-type: inline-size;
    container-name: steps-block;
}
.steps-block__title {
    margin-bottom: var(--Margin-30);
}
.steps__items {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: var(--Gap-30);
    width: 100%;
}
.steps__item {
    position: relative;
    width: 23.685%;
    border-radius: 10px;
    overflow: hidden;

    &:not(.image) {
        padding: var(--Padding-30);
        background-color: var(--Background-secondary);
        display: flex;
        flex-direction: column;
        gap: calc(var(--Gap-80) + 5px);
    }

    &.image {
        aspect-ratio: 450 / 270;
    }
}

.steps__items {
    & .steps__item:nth-child(1),
    & .steps__item:nth-child(5) {
        width: 31.58%;
    }
    & .steps__item:nth-child(3),
    & .steps__item:nth-child(4) {
        width: 39.474%;
    }
}
.steps__item__num {
    position: relative;
    display: block;
    padding: calc(var(--Padding-10) - 3px) calc(var(--Padding-15) - 2px);
    background-color: var(--Primary);
    border-radius: 5px;
    overflow: hidden;
    color: var(--Head-secondary);
    width: fit-content;
}
.steps__item__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-15);
}
.steps__item__title {
    position: relative;
    color: var(--Head-primary);
}
.steps__item__text {
    position: relative;
    color: var(--Main-text-primary);
}

.steps__item__image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@container steps-block (max-width: 725px) {
    .steps__wrapper .steps__items .steps__item {
        width: calc(50% - (var(--Gap-30) / 2));

        &.image {
            width: 100%;
            max-height: 200px;
        }
    }
}
@container steps-block (max-width: 390px) {
    .steps__wrapper .steps__items .steps__item {
        width: 100%;
    }
}
/* ===/STEPS BLOCK=== */
/* End */


/* Start:/local/components/bitrix/system.pagenavigation/templates/.default/style.css?1774449806543*/
.page-navigation {
    position: relative;
    margin-top: var(--Margin-40);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--Gap-100);
}
.navigation-pages {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--Gap-15);

    & span,
    & a {
        position: relative;
        display: block;
        color: var(--Main-text-secondary);
        transition: var(--Transition);
    }
    & a:hover,
    & span {
        color: var(--Primary);
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.manufacturers/templates/.default/style.css?1774449807675*/
/* ===MANUFACTURERS BLOCK=== */
.manufacturers-swiper {
    position: relative;
    width: 100%;
    height: fit-content;
}
.manufacturers-swiper .manufacturers-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    height: fit-content;
    aspect-ratio: 204 / 100;
    border-radius: 10px;
    background-color: var(--Background);
    border: dashed 1px var(--Stroke);
    padding: var(--Padding-10);
    overflow: hidden;
}
.manufacturers-item__img {
    position: relative;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
/* ===/MANUFACTURERS BLOCK=== */
/* End */


/* Start:/local/components/componentsTheme/block.serts/templates/.default/style.css?1774449807706*/
/* ===SERTS BLOCK=== */
.serts-block {
    container-type: inline-size;
    container-name: serts-block;
}
.serts__top {
    position: relative;
    width: 100%;
    max-width: 620px;
}

.docs__wrapper.hidden {
    & .doc-item:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
        display: none;
    }
}

@container serts-block (max-width: 730px) {
    .docs__wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .docs__wrapper.hidden .doc-item:nth-child(3) {
        display: none;
    }
}
@container serts-block (max-width: 370px) {
    .docs__wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
/* ===/SERTS BLOCK=== */
/* End */
/* /local/components/componentsTheme/block.about/templates/.default/style.css?17744498072374 */
/* /local/components/componentsTheme/block.seo/templates/.default/style.css?17824673411188 */
/* /local/components/componentsTheme/block.advantages/templates/.default/style.css?17744498072601 */
/* /local/components/componentsTheme/block.steps/templates/.default/style.css?17744498072115 */
/* /local/components/bitrix/system.pagenavigation/templates/.default/style.css?1774449806543 */
/* /local/components/componentsTheme/block.manufacturers/templates/.default/style.css?1774449807675 */
/* /local/components/componentsTheme/block.serts/templates/.default/style.css?1774449807706 */