/* -------- BEGIN: common -------- */
.program__btn {
    background-color: var(--detox-green);
}

.program__btn:focus,
.program__btn:hover,
.program__btn:active {
    background-color: #FF8E26;
}
/* -------- END: common -------- */


/* -------- BEGIN: main-section -------- */
.main-section {
    background-color: #D4CFC3;
    background-image: url('/img/products/programs/detox-program/main-bg.jpg');
    background-image: -webkit-image-set(
        url('/img/products/programs/detox-program/main-bg.webp') type("image/webp"),
        url('/img/products/programs/detox-program/main-bg.jpg')
    );
    background-image: image-set(
        url('/img/products/programs/detox-program/main-bg.webp') type("image/webp"),
        url('/img/products/programs/detox-program/main-bg.jpg')
    );
}

.main-section__title {
    font-size: calc(70px * var(--adaptive-multiplier-05x));
}

@media (max-width: 575px) {
    .main-section__title {
        font-size: calc(50px * var(--adaptive-multiplier-05x));
    }
}
/* -------- END: main-section -------- */


/* -------- BEGIN: umbrella-section -------- */
.umbrella-section {
    padding-bottom: 0;
}

.umbrella__points-wrap_top-right img {
    bottom: -25%;
}

.umbrella__points-wrap_left img {
    top: 20%;
    right: -13%;
}

.umbrella__points-wrap_bottom-right img {
    top: 10%;
    left: -13%;
}

@media (max-width: 1199px) {
    .umbrella__points-wrap_top-right img {
        bottom: -27%;
    }

    .umbrella__points-wrap_left img {
        top: 17%;
    }

    .umbrella__points-wrap_bottom-right img {
        top: 0;
        left: -30%;
    }
}
/* -------- END: umbrella-section -------- */


/* -------- BEGIN: necessity-section -------- */
.necessity-section {
    background-image: url('/img/products/programs/detox-program/necessity-bg.jpg');
    background-image: -webkit-image-set(
        url('/img/products/programs/detox-program/necessity-bg.webp') type("image/webp"),
        url('/img/products/programs/detox-program/necessity-bg.jpg')
    );
    background-image: image-set(
        url('/img/products/programs/detox-program/necessity-bg.webp') type("image/webp"),
        url('/img/products/programs/detox-program/necessity-bg.jpg')
    );
}

.necessity__left-points {
    max-width: 900px;
}
/* -------- END: necessity-section -------- */


/* -------- BEGIN: program-point-section -------- */
.program-point__grid {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(5, 1fr);
}

.program-point__img {
    height: 145px;
}

.program-point__point-item.program__paragraph {
    font-size: calc(18px * var(--adaptive-multiplier-075x));
}

@media (max-width: 1199px) {
    .program-point__grid {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .program-point__point-item.program__paragraph {
        font-size: calc(22px * var(--adaptive-multiplier-075x));
    }
}

@media (max-width: 991px) {
    .program-point__grid {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}
/* -------- END: program-point-section -------- */


/* -------- BEGIN: benefit-section -------- */
.program-radiation__clouds {
    top: 90px;
    left: 80px;
}

@media (max-width: 1199px) {
    .program-radiation__clouds {
        top: 70px;
        left: 30px;
    }

    .program-radiation__cloud {
        max-width: 460px;
    }
}
/* -------- END: benefit-section -------- */


/* -------- BEGIN: usage-program-section -------- */
.usage-program-section {
    background-image: url('/img/products/programs/detox-program/usage-program-bg.jpg');
    background-image: -webkit-image-set(
        url('/img/products/programs/detox-program/usage-program-bg.webp') type("image/webp"),
        url('/img/products/programs/detox-program/usage-program-bg.jpg')
    );
    background-image: image-set(
        url('/img/products/programs/detox-program/usage-program-bg.webp') type("image/webp"),
        url('/img/products/programs/detox-program/usage-program-bg.jpg')
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prevention-program__day-wrap {
    border-color: var(--detox-green);
}

.prevention-program__day_color,
.usage-program__stage-name,
.usage-program__text_symbol-plus {
    color: var(--detox-green);
}

.intensive-program__time-of-day-wrap {
    background-color: var(--detox-green);
}
/* -------- END: usage-program-section -------- */


/* -------- BEGIN: shopping-gate-section -------- */
.shopping-gate-section {
    background-color: var(--detox-green);
}
/* -------- END: shopping-gate-section -------- */