/* Корневой контейнер */
        .slider-wrp {
            max-width: 1280px;
            margin-top: 50px;
        }

        /* Обёртка табов */
        .slider-tabs-wrp {
            display: flex;
            position: relative;
        }

        /* Базовые правила для обоих табов */
        .slider-tabs {
            position: relative;
            /* для z-index */
            cursor: pointer;
            transition: background-image .3s, color .3s;
            font-family: "Nunito Sans", sans-serif;
            font-size: 24px;
            font-weight: 500;
            line-height: 140%;
        }

        /* Активный таб всегда поверх */
        .slider-tabs.active {
            z-index: 2;
        }

        /* ===== Таб «Состав» ===== */
        .slider-tabs__one {
            z-index: 1;
            /* все по-умолчанию на уровне 1 */
            width: 280px;
            height: 53px;
            padding: 15px 0 0 31px;
            background-repeat: no-repeat;
            background-size: contain;
            /* изначально светлый фон + тёмный текст */
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='163' height='36' viewBox='0 0 163 36' fill='none'><path d='M117.322 0C126.592 0 135.033 5.33821 139.006 13.7129L143.132 22.4102C146.757 30.0506 154.101 35.1621 162.398 36H0V24C0 10.7452 10.7452 1.9329e-07 24 0H117.322Z' fill='%23E7E7E7'/></svg>");
            color: #7F7F7F;
        }

        /* Когда таб «Состав» неактивен (выбран «Вкус») */
        .slider-tabs__one.inactive {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='163' height='36' viewBox='0 0 163 36' fill='none'><path d='M117.322 0C126.592 0 135.033 5.33821 139.006 13.7129L143.132 22.4102C146.757 30.0506 154.101 35.1621 162.398 36H0V24C0 10.7452 10.7452 1.9329e-07 24 0H117.322Z' fill='%237F7F7F'/></svg>");
            color: #FFFFFF;
        }

        /* ===== Таб «Вкус» ===== */
        .slider-tabs_two {
            position: absolute;
            left: 175px;
            width: 335px;
            height: 54px;
            padding: 15px 0 0 120px;
            background-repeat: no-repeat;
            background-size: contain;
            /* изначально тёмный фон + белый текст */
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='336' height='56' viewBox='0 0 336 56' fill='none'><path d='M257 0C271.354 6.9731e-06 284.608 7.69143 291.729 20.1543L300.696 35.8457C307.818 48.3086 321.072 56 335.426 56H0.5C14.8542 56 28.1078 48.3086 35.2295 35.8457L44.1963 20.1543C51.318 7.69142 64.5716 3.98558e-06 78.9258 0H257Z' fill='%237F7F7F'/></svg>");
            color: #FFFFFF;
        }

        /* Когда таб «Вкус» активен */
        .slider-tabs_two.active {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='336' height='56' viewBox='0 0 336 56' fill='none'><path d='M257 0C271.354 6.9731e-06 284.608 7.69143 291.729 20.1543L300.696 35.8457C307.818 48.3086 321.072 56 335.426 56H0.5C14.8542 56 28.1078 48.3086 35.2295 35.8457L44.1963 20.1543C51.318 7.69142 64.5716 3.98558e-06 78.9258 0H257Z' fill='%23E7E7E7'/></svg>");
            color: #7F7F7F;
        }

        /* ===== Контент табов ===== */
        .slider-one-tab,
        .slider-two-tabs {
            display: none;
            position: relative;
            width: 1280px;
            height: 576px;
            background-color: #E7E7E7;
            border-radius: 0 40px 40px 40px;
            box-sizing: border-box;
        }

        /* Активный контент показываем */
        .slider-one-tab.active,
        .slider-two-tabs.active {
            display: flex;
        }


.one-tab__bages {
    position: absolute;
    top: 32px;
    right: 32px;
}

.bages-items {
    display: flex;
    position: absolute;
    top: -130px;
    right: -27px;
}

.bages-items-left {
    display: flex;
    position: absolute;
}

.bages-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 40px;
    background: #FFFF7B;
    border-radius: 20px;
    color: #454545;
    font-family: Nunito;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
}

.bages-item:nth-child(1) {
    margin-right: 16px;
}

/* .slider-one-item {
    width: 50%;
} */

.slider-one {
    display: block;
    margin-right: 16px;
    position: relative;

}

.slider-one-body-wrp {
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 48px 31px 56px 31px;
}

.slider-one_formula {
    position: absolute;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #9c9c9c;
}

.slider-one__img {
    width: 100%;
    object-fit: contain;
}

.bagesnatural {
    position: absolute;
    top: 48px;
    right: 0;
    border-radius: 24px 0px 0px 24px;
    background: var(--Green-, #45B553);
    padding: 28px 22px;
    width: 136px;
}

.bagesnatural-one {
    color: #fff;
    text-align: center;
    font-family: Nunito;
    font-size: 43.2px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}

.bagesnatural-two {
    margin: 0;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Nunito;
    font-size: 27.623px;
    font-style: normal;
    font-weight: 700;

}

.slider-two__title {
    /* padding-top: 85px; */
    margin: 0;
    color: var(--Gray-Gray, #454545);
    /* Desktop/h5 */
    font-family: Nunito;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    position: relative;
    /* 41.8px */
}

.slider-two__text {
    padding: 0;
    margin: 0;
    color: var(--Gray-Gray, #454545);
    font-family: "Nunito Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 33.6px */
}

.char-items {
    max-width: 455px;
    margin-top: 35px;
}

.char-item {
    padding: 17px 0;
    border-bottom: 1px solid #454545;
    color: var(--Gray-Gray, #454545);
    font-family: "Nunito Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 33.6px */
}

.panel-slider {
    width: 606px;
    position: absolute;
    bottom: 56px;
    right: 31px;
    display: flex;
    justify-content: space-around;
}

.panel-slider {
    text-align: center;
}

.p1 {
    cursor: pointer;
    width: 14px;
    height: 33px;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='33' viewBox='0 0 16 33' fill='none'>\
  <path d='M14.5 0L1.04895 15.853C0.732295 16.2262 0.732296 16.7738 1.04895 17.147L14.5 33' stroke='%23CFCFCF' stroke-width='3' stroke-linecap='round'/>\
</svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.p2 {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p3 {
    cursor: pointer;
    width: 14px;
    height: 33px;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='33' viewBox='0 0 16 33' fill='none'>\
  <path d='M1.68506 0L15.1361 15.853C15.4528 16.2262 15.4528 16.7738 15.1361 17.147L1.68506 33' stroke='%23CFCFCF' stroke-width='3' stroke-linecap='round'/>\
</svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.slidess-items {
    display: flex;
}

.slides-item {
    width: 19px;
    height: 11px;
    background-color: #D9D9D9;
    margin-right: 11px;
}

.slide-active {
    background-color: #1AA12B;
}

.slider-two-tabs {
    display: none;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between; */
    position: relative;
    /* width: 1280px;
    height: 576px; */
    background-color: #E7E7E7;
    border-radius: 0 40px 40px 40px;
    padding: 40px 30px;
    overflow: hidden;
}

.two-slide__title {
    color: var(--Gray-Gray, #454545);
    font-family: Nunito;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 41.8px */
}

.panel-slider-two-tab {
    display: flex;
    width: 500px;
    margin: 0 auto;
    position: relative;
    justify-content: space-between;
}