.gerber-perekus {
    background: url('/new/static/brands/gerber-perekusy/images/bg-new.jpg') repeat;
	overflow: hidden;
}

.gerber-perekus__header {
    padding: 80px 20px 0;
    position: relative;
    background: url('/new/static/brands/gerber-perekusy/images/header-seed.png') no-repeat, url('/new/static/brands/gerber-perekusy/images/header-apple.png') no-repeat;
    background-size: 76px auto, 137px auto;
    background-position: 34px 210px, calc(100% - -1px) 98px;
}

.gerber-perekus__header-title {
    max-width: 1079px;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: 0.0em;
    color: #fff;
    font-family: 'GerberSB', 'RotonBol', Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
}

.gerber-perekus__header-wings-left {
    position: relative;
}

.gerber-perekus__header-wings-left::before {
    content: '';
    position: absolute;
    width: 114px;
    height: 140px;
    left: -102px;
    top: -56px;
    background: url('/new/static/brands/gerber-perekusy/images/title-wings-left.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__header-wings-right {
    position: relative;
}

.gerber-perekus__header-wings-right::before {
    content: '';
    position: absolute;
    width: 64px;
    height: 99px;
    right: -79px;
    top: -50px;
    background: url('/new/static/brands/gerber-perekusy/images/title-wings-right.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__header-mobile-title {
    display: none;
}

.gerber-perekus__header-subtitle {
    max-width: 660px;
    color: #fff;
    font-family: 'RotonBol', Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 40px;
    text-align: center;
    margin: 10px auto 0;
}

.gerber-perekus__header-arrow {
    position: absolute;
    left: calc(50% - 496px);
    top: 205px;
    width: 132px;
    height: 195px;
}

.gerber-perekus__header-text {
    max-width: 720px;
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    font-family: 'RotonReg', Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
    padding-top: 24px;
}

.gerber-perekus__contant {
    padding: 80px 20px 0;
    position: relative;
}

.gerber-perekus__contant::before {
    content: "";
    position: absolute;
    width: 377px;
    height: 474px;
    top: -159px;
    right: -101px;
    background: url('/new/static/brands/gerber-perekusy/images/header-snack.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__contant-wrapper {
    width: 100%;
    max-width: 1080px;
    margin: 8px auto 0px;
}

.gerber-perekus__contant-title {
    color: #fff;
    font-family: 'GerberR', 'RotonBol', Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0.0em;
    text-align: start;
    margin: 0;
}

.gerber-perekus__contant-title--snacks {
    max-width: 590px;
}

.gerber-perekus__contant-title--helps {
    max-width: 730px;
    text-align: center;
}

.gerber-perekus__contant-subtitle {
    max-width: 520px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    font-family: 'RotonReg', Arial, Helvetica, sans-serif;
    letter-spacing: 0.015em;
    text-align: start;
    margin: 0;
    margin-top: 24px;
}

.gerber-perekus__products-wrapper {
    position: relative;
    max-width: 1080px;
    margin: 59px auto 0;
}

.gerber-perekus__snacks-wrapper {
    position: absolute;
    width: fit-content;
    height: fit-content;
    top: -298px;
    right: -25px;
}

.gerber-perekus__snacks-wrapper::before {
    content: "";
    position: absolute;
    width: 205px;
    height: 278px;
    top: 249px;
    left: -13px;
    background: url('/new/static/brands/gerber-perekusy/images/contant-snacks-arrow.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__snacks-image {
    width: 544px;
    height: auto;
    background: radial-gradient(circle closest-side, rgba(30, 153, 54, 0.7) 10%, transparent 100%);
}

.gerber-perekus__snacks-text {
    position: absolute;
    bottom: -134px;
    right: 24px;
    max-width: 361px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 140%;
}

.gerber-perekus__banki-wrapper {
    position: relative;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 0px;
}

.gerber-perekus__banki-wrapper::before {
    content: "";
    position: absolute;
    width: 245px;
    height: 222px;
    top: 138px;
    right: -99px;
    background: url('/new/static/brands/gerber-perekusy/images/contant-banki-arrow.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__banki-wrapper::after {
    content: "";
    position: relative;
    width: 81px;
    height: 48px;
    top: 18px;
    left: 260px;
    background: url('/new/static/brands/gerber-perekusy/images/banki-seeds.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__banki-image {
    width: 528px;
    height: auto;
    transform: translateX(-62px);
    background: radial-gradient(circle closest-side, rgba(30, 153, 54, 0.7) 10%, transparent 100%);
}

.gerber-perekus__banki-text {
    position: absolute;
    max-width: 359px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 140%;
    top: 370px;
    right: -371px;
}

.gerber-perekus__helps {
    position: relative;
    width: fit-content;
    max-width: 1080px;
    height: fit-content;

    margin: 40px auto 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    background: radial-gradient(circle closest-side, rgba(30, 153, 54, 0.4) 16%, transparent 100%);
}

.gerber-perekus__helps::before {
    content: "";
    position: absolute;
    width: 421px;
    height: 511px;
    top: -120px;
    left: -412px;
    background: url('/new/static/brands/gerber-perekusy/images/helps-background-desktop.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__helps::after {
    content: "";
    position: absolute;
    width: 166px;
    height: 188px;
    top: 8px;
    right: -318px;
    background: url('/new/static/brands/gerber-perekusy/images/helps-star-seed.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__helps-wrapper {
    position: relative;
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
}

.gerber-perekus__helps-item {
    position: relative;
    width: 160px;
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.gerber-perekus__helps-icon {
    position: relative;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}

.gerber-perekus__helps-text {
    color: #FFFFFF;
    text-align: center;
}

.gerber-perekus__contant-products {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding-top: 40px;
}

.gerber-perekus__contant-products-title {
    max-width: 680px;
    color: #fff;
    font-family: RotonBol,Arial,Helvetica,sans-serif;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    margin: 0 auto;
}

.gerber-perekus__contant-products-text {
    color: #fff;
    line-height: 25px;
    font-size: 16px;
    font-family: RotonReg,Arial,Helvetica,sans-serif;
    text-align: center;
    margin-top: 20px;
}

.gerber-perekus__contant-products-img-item {
    position: absolute;
    left: calc(50% + 382px);
    margin-top: 159px;
    pointer-events: none;
}

.gerber-perekus__products {
    padding-top: 30px;
    background: none;
}

.gerber-perekus__products .b-gallery[data-type=products] .slick-dots li button {
	color: #fff;
}

.gerber-perekus__products .b-gallery[data-type=products] .slick-dots li.slick-active button,
.gerber-perekus__products .b-gallery[data-type=products] .slick-dots li.slick-active button:hover {
	color: #A7CB4F;
}

.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__dots .slick-ellipsis:before {
	color: #fff;
}

@media screen and (min-width: 768px) {
	.gerber-perekus__products .b-gallery[data-type=products] .slick-dots li button:hover {
		color: #A7CB4F;
	}
    
	.gerber-perekus__products .b-gallery[data-type=interesting] .slick-dots li button:hover {
		color: #A7CB4F;
	}
}

.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__next,
.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__prev {
    background: #A7CB4F;
    width: 64px;
    height: 32px;
    border-radius: 48px;
}

.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__next:hover,
.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__prev:hover {
    background: #ff8300;
}

.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__next::before {
    left: 26px;
    right: auto;
}

.gerber-perekus__products .b-gallery[data-type=products] .b-gallery__prev::before {
    right: 26px;
    left: auto;
}

.gerber-perekus__formula {
    position: relative;
    width: auto;
    height: fit-content;
    margin: 14px auto 0;
}

.gerber-perekus__formula::before {
    content: "";
    position: absolute;
    width: 245px;
    height: 306px;
    top: 45px;
    left: -104px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-background-apple.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 508px;
    top: 84px;
    right: -126px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-background-snack.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-title {
    max-width: 1080px;
    color: #fff;
    font-family: 'GerberSB', 'RotonBol', Arial, Helvetica, sans-serif;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0.0em;
    text-align: center;
    margin: 0 auto 0;
}

.gerber-perekus__formula-heading {
    color: #A7CB4F;
    font-family: 'GerberR', 'RotonBol', Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0.0em;
    text-align: center;
    margin: 29px 0 0;
}

.gerber-perekus__formula-heading--stars {
    margin-top: 106px;
}

.gerber-perekus__formula-wrapper {
    position: relative;
    width: 100%;
    max-width: 1080px;
    height: auto;
    margin: 0 auto;
}

.gerber-perekus__formula-wrapper--banki {
    display: flex;
    justify-content: flex-end;
    margin-top: 36px;
}

.gerber-perekus__formula-wrapper--banki::before {
    content: "";
    position: absolute;
    width: 211px;
    height: 467px;
    top: 197px;
    left: -214px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-background-grass.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-wrapper--banki::after {
    content: "";
    position: absolute;
    width: 212px;
    height: 283px;
    top: -133px;
    right: -261px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-background-berries.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-snacks {
    position: relative;
    width: 294px;
    height: auto;
    margin-left: 33px;
    margin-top: 42px;
    margin-bottom: 18px;
    background: radial-gradient(circle closest-side, rgba(30, 153, 54, 0.7) 10%, transparent 100%);
}

.gerber-perekus__formula-snacks-content {
    position: absolute;
    width: 361px;
    height: auto;
    top: 164px;
    left: 403px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gerber-perekus__formula-text {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.02em;
}

.gerber-perekus__formula-text--centred {
    text-align: center;
}

.gerber-perekus__formula-text--snack-top::before {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    top: -103px;
    left: -106px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-icon-1.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-text--snack-top::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 93px;
    top: -90px;
    left: 2px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-snacks-arrow-top.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-text--snack-bottom::before {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    bottom: -110px;
    left: -146px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-icon-2.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
    z-index: 1;
}

.gerber-perekus__formula-text--snack-bottom::after {
    content: "";
    position: absolute;
    width: 226px;
    height: 238px;
    bottom: -172px;
    left: -46px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-snacks-arrow-bottom.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-text--banki-top::before {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    top: -120px;
    right: -72px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-icon-3.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
    z-index: 1;
}

.gerber-perekus__formula-text--banki-top::after {
    content: "";
    position: absolute;
    width: 239px;
    height: 153px;
    top: -150px;
    right: 29px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-banki-arrow-top.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-text--banki-bottom::before {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    bottom: -184px;
    right: -196px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-icon-4.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
    z-index: 1;
}

.gerber-perekus__formula-text--banki-bottom::after {
    content: "";
    position: absolute;
    width: 343px;
    height: 182px;
    bottom: -192px;
    right: -107px;
    background: url('/new/static/brands/gerber-perekusy/images/formula-banki-arrow-bottom.svg') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__formula-text span {
    color: #A7CB4F;
    font-family: 'RotonBol', Arial, Helvetica, sans-serif;
}

.gerber-perekus__formula-note {
    position: absolute;
    width: fit-content;
    max-width: 270px;
    height: auto;
    top: 107px;
    right: 1px;
    padding: 84px 24px;
    background: #1C8E32;
    border-radius: 16px;
}

.gerber-perekus__formula-note--banki {
    top: 0px;
    left: 0px;
    padding: 84px 17px;
}

.gerber-perekus__formula-banki-content {
    position: absolute;
    width: 359px;
    height: auto;
    top: 137px;
    right: 407px;

    display: flex;
    flex-direction: column;
    gap: 29px;
}

.gerber-perekus__formula-banki {
    position: relative;
    width: 397px;
    height: auto;
    right: 0;
    margin: 24px 0px;
    background: radial-gradient(circle closest-side, rgba(30, 153, 54, 0.7) 10%, transparent 100%);
}

.gerber-perekus__design {
    position: relative;
    width: auto;
    height: fit-content;
    margin: 67px auto 48px;
    background: radial-gradient(circle closest-side, rgba(30, 153, 54, 0.7) 10%, transparent 100%);
}

.gerber-perekus__design::before {
    content: "";
    position: absolute;
    width: 195px;
    height: 192px;
    top: 218px;
    left: -30px;
    background: url('/new/static/brands/gerber-perekusy/images/design-background-stars.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__design::after {
    content: "";
    position: absolute;
    width: 593px;
    height: 734px;
    top: -180px;
    right: -162px;
    background: url('/new/static/brands/gerber-perekusy/images/design-background-set.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.gerber-perekus__design-title {
    max-width: 1080px;
    color: #fff;
    font-family: 'GerberR', 'RotonBol', Arial, Helvetica, sans-serif;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0.0em;
    text-align: center;
    margin: 0 auto 0;
}

.gerber-perekus__design-text {
    max-width: 766px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.02em;
    margin: 22px auto 0;
    text-align: center;
}

.gerber-perekus__review {
    background: url('/new/static/brands/gerber-perekusy/images/review-bg.jpg') no-repeat;
    background-size: cover;
}

.gerber-perekus__review .b-reviews__title {
    color: #fff;
}

@media screen and (max-width: 1239px) {
    .gerber-perekus__header {
        background-position: 34px 210px, calc(100% - -1px) 148px;
    }

    .gerber-perekus__contant::before {
        width: 307px;
        height: 474px;
        top: -159px;
        right: -111px;
    }

    .gerber-perekus__banki-wrapper {
        top: 50px;
    }

    .gerber-perekus__formula::before {
        width: 195px;
        height: 256px;
        top: 85px;
        left: -114px;
    }

    .gerber-perekus__formula::after {
        width: 350px;
        height: 458px;
        top: 81px;
        right: -126px;
    }

    .gerber-perekus__formula-snacks-content {
        left: 343px;
        width: calc(100% - 645px);
    }

    .gerber-perekus__formula-text--snack-top::before {
        left: -56px;
    }

    .gerber-perekus__formula-text--snack-top::after {
        left: 45px;
    }

    .gerber-perekus__formula-text--snack-bottom::before {
        left: -85px;
    }

    .gerber-perekus__formula-text--snack-bottom::after {
        left: 6px;
    }

    .gerber-perekus__formula-note {
        right: 24px;
    }

    .gerber-perekus__formula-note--banki {
        left: 24px;
    }

    .gerber-perekus__formula-banki-content {
        right: 390px;
        width: calc(100% - 700px);
    }

    .gerber-perekus__design-text {
        width: calc(100% - 430px);
    }

    .gerber-perekus__design::after {
        right: -222px;
    }
}

@media screen and (max-width: 993px) {
    .gerber-perekus__header-title {
        font-size: 48px;
    }

    .gerber-perekus__header-wings-left::before {
        width: 94px;
        height: 107px;
        left: -81px;
        top: -48px;
    }

    .gerber-perekus__header-wings-right::before {
        width: 49px;
        height: 59px;
        right: -59px;
        top: -30px;
    }

    .gerber-perekus__header {
        background-position: 234px 0px, calc(100% - -61px) 168px;
    }

    .gerber-perekus__contant::before {
        content: none;
    }

    .gerber-perekus__contant-wrapper {
        width: calc(100% - 310px);
        margin-top: 0;
        margin-left: 0;
    }

    .gerber-perekus__products-wrapper {
        margin: 0px auto 0;
    }

    .gerber-perekus__snacks-wrapper {
        top: -270px;
        right: -20px;
    }

    .gerber-perekus__snacks-wrapper::before {
        width: 115px;
        height: 178px;
        top: 239px;
        left: 4px;
        transform: rotate(21deg);
    }

    .gerber-perekus__snacks-image {
        width: 434px;
    }

    .gerber-perekus__snacks-text {
        bottom: -94px;
        right: -6px;
    }

    .gerber-perekus__banki-wrapper {
        left: calc(50% - 390px);
    }

    .gerber-perekus__banki-wrapper::before {
        width: 165px;
        height: 162px;
        top: 115px;
        right: -83px;
        transform: rotate(-25deg);
    }

    .gerber-perekus__banki-image {
        width: 428px;
        transform: translateX(-32px);
    }

    .gerber-perekus__banki-text {
        top: 250px;
        right: -321px;
    }

    .gerber-perekus__formula-title {
        font-size: 38px;
    }

    .gerber-perekus__formula::before {
        width: 155px;
        height: 196px;
        top: 135px;
        left: -74px;
    }

    .gerber-perekus__formula::after {
        width: 240px;
        height: 378px;
        top: 101px;
        right: -96px;
    }

    .gerber-perekus__formula-wrapper {
        margin-top: 40px;
    }

    .gerber-perekus__formula-snacks {
        width: 204px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .gerber-perekus__formula-snacks-content {
        top: 40px;
        left: 253px;
        width: calc(100% - 505px);
        height: 350px;
        justify-content: center;
    }

    .gerber-perekus__formula-text::after {
        content: none;
    }

    .gerber-perekus__formula-text::after {
        content: none;
    }

    .gerber-perekus__formula-text--snack-top::before {
        width: 56px;
        height: 56px;
        top: -19px;
        left: -96px;
    }

    .gerber-perekus__formula-text--snack-bottom::before {
        width: 56px;
        height: 56px;
        bottom: 5px;
        left: -185px;
    }

    .gerber-perekus__formula-note {
        max-width: 220px;
        top: 64px;
        right: 14px;
        padding: 40px 14px;
    }

    .gerber-perekus__formula-heading--stars {
        margin-top: 40px;
    }

    .gerber-perekus__formula-note--banki {
        max-width: 260px;
        padding: 24px 14px;
        top: 0;
        left: 14px;
        right: auto;
    }

    .gerber-perekus__formula-banki-content {
        top: 34px;
        right: 270px;
        width: calc(100% - 570px);
        height: 270px;
        justify-content: center;
    }

    .gerber-perekus__formula-banki {
        width: 267px;
        right: 0;
        margin: 24px 0px;
    }

    .gerber-perekus__formula-text--banki-top::before {
        width: 56px;
        height: 56px;
        top: -20px;
        right: -52px;
    }

    .gerber-perekus__formula-text--banki-bottom::before {
        width: 56px;
        height: 56px;
        bottom: -24px;
        right: -136px;
    }

    .gerber-perekus__formula-wrapper--banki::before {
            top: 17px;
            left: -124px;
    }

    .gerber-perekus__design-title {
        font-size: 38px;
    }

    .gerber-perekus__design-text {
        width: calc(100% - 180px);
    }

    .gerber-perekus__design::after {
        top: -190px;
        right: -362px;
        transform: rotate(-25deg);
    }

    .gerber-perekus__design::before {
        top: 218px;
        left: -90px;
    }
}

@media screen and (max-width: 767px) {
    .gerber-perekus__header {
        padding: 40px 20px 0;
        background-position: 254px 20px, calc(50% - -181px) 228px;
    }

    .gerber-perekus__header-title {
        max-width: 400px;
        text-align: start;
        margin-left: 0;
    }

    .gerber-perekus__header-wings-left::before {
        content: none;
    }

    .gerber-perekus__header-wings-right::before {
        content: none;
    }

    .gerber-perekus__header-mobile-title {
        display: block;
    }

    .gerber-perekus__header-fruits-br {
        display: none;
    }

    .gerber-perekus__header-text {
        text-align: start;
    }

    .gerber-perekus__header-wings-mobile {
        position: relative;
        margin-right: 67px;
    }

    .gerber-perekus__header-wings-mobile::before {
        content: '';
        position: absolute;
        width: 40px;
        height: 49px;
        right: -59px;
        top: -5px;
        background: url('/new/static/brands/gerber-perekusy/images/title-wings-right.svg') no-repeat;
        background-size: 100% auto;
        background-position: center;
        transform: rotate(25deg);
    }

    .gerber-perekus__contant {
        padding: 40px 20px 0;
    }

    .gerber-perekus__contant-wrapper {
        width: auto;
    }

    .gerber-perekus__contant-title--snacks {
        width: 310px;
    }

    .gerber-perekus__contant-title--snacks::before {
        content: "";
        position: absolute;
        width: 347px;
        height: 474px;
        top: -39px;
        right: calc(50% - 430px);
        background: url('/new/static/brands/gerber-perekusy/images/header-snack.png') no-repeat;
        background-size: 100% auto;
        background-position: center;
        transform: rotate(-35deg);
    }

    .gerber-perekus__products-wrapper {
        display: flex;
        flex-direction: column;
    }

    .gerber-perekus__snacks-wrapper {
        position: relative;
        top: unset;
        right: unset;
        left: calc(50% - 290px);
        margin-bottom: 100px;
    }

    .gerber-perekus__banki-wrapper {
        left: calc(50% - 210px);
        margin-bottom: 110px;
    }

    .gerber-perekus__banki-text {
        top: 420px;
        right: 60px;
    }

    .gerber-perekus__banki-wrapper::before {
        width: 165px;
        height: 162px;
        top: 295px;
        right: -53px;
        transform: rotate(33deg);
    }

    .gerber-perekus__contant-title--helps {
        padding: 0px 24px;
        margin-top: 40px;
        text-align: start;
    }

    .gerber-perekus__helps-wrapper {
        padding: 0px 40px;
        justify-content: center;
    }

    .gerber-perekus__formula-title {
        text-align: start;
        padding: 0px 24px;
        max-width: 461px;
        margin-left: 0;
    }

    .gerber-perekus__formula-heading {
        text-align: start;
        padding: 0px 24px;
    }

    .gerber-perekus__formula::before {
        width: 155px;
        height: 196px;
        top: -175px;
        left: -99px;
        transform: rotate(-25deg);
    }

    .gerber-perekus__formula::after {
        top: 71px;
        right: calc(50% - 467px);
    }

    .gerber-perekus__formula-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .gerber-perekus__formula-snacks {
        position: relative;
        margin: 0;
        width: 294px;
    }

    .gerber-perekus__formula-snacks-content {
        position: relative;
        width: 100%;
        height: fit-content;
        top: unset;
        left: unset;
        padding: 0px 24px;
        gap: 32px;
    }

    .gerber-perekus__formula-text {
        position: relative;
        margin: 112px 0 0;
    }

    .gerber-perekus__formula-text--snack-top::before {
        width: 96px;
        height: 96px;
        top: -112px;
        left: 0px;
        right: unset;
    }

    .gerber-perekus__formula-text--snack-bottom::before {
        width: 96px;
        height: 96px;
        top: -112px;
        left: 0px;
        right: unset;
    }

    .gerber-perekus__formula-note {
        position: relative;
        top: 0;
        right: unset;
        width: calc(100% - 48px);
        max-width: unset;
        margin: 0 24px;
        height: fit-content;
    }

    .gerber-perekus__formula-note .gerber-perekus__formula-text {
        margin: 0px;
    }

    .gerber-perekus__formula-wrapper--banki {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }

    .gerber-perekus__formula-banki {
        margin: 0;
        width: 354px;
    }

    .gerber-perekus__formula-banki-content {
        position: relative;
        top: 0;
        right: unset;
        width: 100%;
        height: fit-content;
        padding: 0px 24px;
    }

    .gerber-perekus__formula-text--banki-top::before {
        width: 96px;
        height: 96px;
        top: -112px;
        right: unset;
        left: 0px;
    }

    .gerber-perekus__formula-text--banki-bottom::before {
        width: 96px;
        height: 96px;
        top: -112px;
        right: unset;
        left: 0px;
    }

    .gerber-perekus__formula-wrapper--banki::before {
        top: -23px;
        left: -84px;
    }

    .gerber-perekus__design::before {
        content: none;
    }

    .gerber-perekus__design::after {
        top: -100px;
        right: -362px;
    }

    .gerber-perekus__design-title {
        max-width: 440px;
        text-align: start;
        padding: 0px 24px;
        margin-left: 0;
    }

    .gerber-perekus__design-text {
        width: 100%;
        padding: 0px 24px;
        text-align: start;
    }
}

@media screen and (max-width: 559px) {
    .gerber-perekus__header {
        padding: 16px 16px 0;
        background-size: 61px auto, 137px auto;
        background-position: 216px 0px, calc(50% - -173px) 166px;
    }

    .gerber-perekus__header-title {
        font-size: 40px;
        line-height: 120%;
    }

    .gerber-perekus__header-text {
        position: relative;
        margin-top: 44px;
        font-size: 16px;
        z-index: 1;
        padding-top: 0;
        margin-top: 8px;
    }

    .gerber-perekus__contant  {
        padding: 50px 15px 0;
    }

    .gerber-perekus__contant-title--snacks {
        font-size: 24px;
        width: 206px;
    }

    .gerber-perekus__contant-title--snacks::before {
        width: 376px;
        height: 474px;
        top: -60px;
        right: calc(50% - 393px);
        transform: rotate(-30deg);
    }

    .gerber-perekus__contant-subtitle {
        position: relative;
        font-size: 16px;
        margin-top: 45px;
        z-index: 1;
    }

    .gerber-perekus__snacks-wrapper {
        top: -4px;
        left: calc(50% - 332px);
        margin-bottom: 155px;
    }

    .gerber-perekus__snacks-wrapper::before {
        width: 169px;
        height: 178px;
        top: 265px;
        left: 324px;
        transform: none;
        background: url('/new/static/brands/gerber-perekusy/images/contant-snacks-arrow-mobile.svg') no-repeat;
        background-size: 100% auto;
        background-position: center;
    }

    .gerber-perekus__snacks-wrapper::after {
        content: "";
        position: absolute;
        width: 180px;
        height: 255px;
        bottom: -208px;
        left: calc(50% - -125px);
        background: url('/new/static/brands/gerber-perekusy/images/formula-background-berries.png') no-repeat;
        background-size: 100% auto;
        background-position: center;
    }

    .gerber-perekus__snacks-image {
        width: 544px;
    }

    .gerber-perekus__snacks-text {
        width: 175px;
        left: 152px;
        right: auto;
        bottom: -152px;
        font-size: 16px;        
    }

    .gerber-perekus__banki-wrapper {
        top: 14px;
        left: calc(50% - 224px);
        margin-bottom: 260px;
    }

    .gerber-perekus__banki-wrapper::before {
        width: 147px;
        height: 162px;
        top: 370px;
        right: 157px;
        transform: none;
        background: url('/new/static/brands/gerber-perekusy/images/contant-banki-arrow-mobile.svg') no-repeat;
        background-size: 100% auto;
        background-position: center;
    }

    .gerber-perekus__banki-wrapper::after {
        position: absolute;
        width: 485px;
        height: 497px;
        top: 289px;
        left: -172px;
        background: url('/new/static/brands/gerber-perekusy/images/contant-banki-background-mobile.png') no-repeat;
        background-size: 100% auto;
        background-position: center;
    }

    .gerber-perekus__banki-image {
        width: 453px;
        transform: none;
    }

    .gerber-perekus__banki-text  {
        font-size: 16px;
        width: 200px;
        top: 545px;
        right: 30px;
    }

    .gerber-perekus__contant-title--helps {
        font-size: 24px;
        padding: 0px 14px;
        margin-top: 65px;
    }

    .gerber-perekus__helps-wrapper {
        padding: 0px 14px;
    }

    .gerber-perekus__formula {
        margin: 0px auto 0;
    }

    .gerber-perekus__formula::before {
        pointer-events: none;
    }

    .gerber-perekus__formula::after {
        content: none;
    }

    .gerber-perekus__formula-title {
        font-size: 32px;
        padding: 0 14px;
    }

    .gerber-perekus__formula-heading {
        font-size: 24px;
        padding: 0px 14px;
        margin-top: 19px;
    }

    .gerber-perekus__formula-wrapper {
        margin-top: 35px;
    }

    .gerber-perekus__formula-wrapper::after {
        content: "";
        position: absolute;
        width: 469px;
        height: 476px;
        left: -211px;
        bottom: -89px;
        background: url('/new/static/brands/gerber-perekusy/images/formula-snacks-background-mobile.png') no-repeat;
        background-size: 100% auto;
        background-position: center;
    }

    .gerber-perekus__formula-snacks {
        margin-right: 31px;
    }

    .gerber-perekus__formula-snacks-content {
        padding: 0 14px;
        gap: 24px;
    }

    .gerber-perekus__formula-text {
        font-size: 16px;
        margin-top: 107px;
    }

    .gerber-perekus__formula-text--snack-top::before {
        top: -107px;
    }

    .gerber-perekus__formula-text--snack-bottom::before {
        top: -107px;
    }

    .gerber-perekus__formula-note {
        width: calc(100% - 210px);
        min-height: 305px;
        align-self: flex-end;
        padding: 40px 15px;
        margin: 8px 18px 0px;
    }

    .gerber-perekus__formula-wrapper--banki::before {
        content: none;
    }

    .gerber-perekus__formula-wrapper--banki::after {
        width: 478px;
        height: 590px;
        left: CALC(50% - 5% - 153PX);
        top: unset;
        bottom: -79px;
        background: url('/new/static/brands/gerber-perekusy/images/design-background-set.png') no-repeat;
        background-size: 100% auto;
        background-position: center;
        transform: rotate(-5deg);
    }

    .gerber-perekus__formula-heading--stars {
        margin-top: 43px;
    }

    .gerber-perekus__formula-wrapper--banki {
        margin-top: 12px;
        gap: 0px;
    }
    
    .gerber-perekus__formula-banki-content {
        padding: 0px 14px;
        gap: 24px;
    }

    .gerber-perekus__formula-text--banki-top::before {
        top: -107px;
    }

    .gerber-perekus__formula-text--banki-bottom::before {
        top: -107px;
    }

    .gerber-perekus__formula-note--banki {
        width: 181px;
        align-self: flex-start;
        left: 0;
        margin: 118px 14px 0px;
        padding: 16px;
        z-index: 1;
    }

    .gerber-perekus__design {
        margin: 67px auto 108px;
    }

    .gerber-perekus__design::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 108px;
        left: unset;
        top: unset;
        bottom: -108px;
        background: url('/new/static/brands/gerber-perekusy/images/design-background-stars.png') no-repeat, url('/new/static/brands/gerber-perekusy/images/formula-background-berries.png') no-repeat;
        background-size: 127px auto, 141px auto;
        background-position: calc(50% - 53px) 4px, calc(50% - -152px) 18px;
    }

    .gerber-perekus__design::after {
        content: none;
    }

    .gerber-perekus__design-title {
        font-size: 32px;
        padding: 0px 14px;
    }

    .gerber-perekus__design-text {
        padding: 0px 14px;
    }
}

@media screen and (max-width: 389px) {
    .gerber-perekus__snacks-wrapper {
        left: calc(50% - 255px);
    }

    .gerber-perekus__snacks-image {
        width: 414px;
    }

    .gerber-perekus__snacks-wrapper::before {
        top: 225px;
        left: 244px;
    }

    .gerber-perekus__banki-wrapper {
        left: calc(50% - 174px);
        margin-bottom: 290px;
    }

    .gerber-perekus__banki-image {
        width: 353px;
    }

    .gerber-perekus__banki-text {
        top: 475px;
        right: 20px;
    }

    .gerber-perekus__banki-wrapper::before {
        top: 320px;
        right: 87px;
    }

    .gerber-perekus__banki-wrapper::after {
        top: 239px;
        left: -242px;
    }

    .gerber-perekus__formula-snacks {
        margin-right: 0;
    }

    .gerber-perekus__formula-note {
        width: calc(100% - 160px);
    }

    .gerber-perekus__formula-wrapper::after {
        left: -271px;
    }

    .gerber-perekus__formula-banki {
        width: 314px;
    }

    .gerber-perekus__formula-note--banki {
        width: 190px;
    }

    .gerber-perekus__formula-wrapper--banki::after {
        left: 29px;
    }
}
.NBLiveChat {
  position: fixed;
  right: 20px;
  bottom: 90px;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 51;
  --dark-blue: #24346C;
  --green: #348E44;
  --gray-super-dark: #1E2E34;
  --gray-dark: #404040;
  --gray: #919399;
  --gray-middle: #818181;
  --gray-middle2: #989898;
  --gray-light: #BEBEBE;
  --gray-super-light: #E3E3E3;
  --gray-super-light2: #F1F1F1;
  --gray-super-light3: #E7E7E7;
  --gray-super-light4: #F2F2F2;
  --orange: #EF7A23;
  --orange-light: #F9AB5E;
  --orange-medium: #F08013;
  --blue-medium: #3E5ABC;
  --blue-dark: #24346C;
  --blue-dark2: #27388A;
  --green-light: #348E44;
  --green-hover: rgba(52, 142, 68, 0.8);
  --red: #F02432;
  --br: 20px; }
  @media (max-width: 767px) {
    .NBLiveChat {
      --br: 16px;
      /*right: 8px;
        bottom: 76px;
        &.visible {
            position: static;
        }*/ } }
  @media (max-width: 459px) {
    .NBLiveChat {
      right: 16px;
    }
  }
  .NBLiveChat * {
    box-sizing: border-box; }
  @media (max-width: 767px) {
    .NBLiveChat_isOpen {
      overflow: hidden; } }
  @media (max-width: 767px) {
    .NBLiveChat_isOpen body {
      overflow: hidden; } }
  .NBLiveChat.disabled form,
  .NBLiveChat.disabled .NBLiveChat__actions {
    opacity: 0.5;
    pointer-events: none; }
  .NBLiveChat__close {
    position: absolute;
    cursor: pointer;
    color: #fff;
    background: #ff8300;
    border-radius: 50%;
    right: -11px;
    top: -13px;
    width: 44px;
    height: 44px;
    transition: background 134ms;
    z-index: 5;
    /*@media ($phone) {
            left: auto;
            right: 14px;
            top: 16px;
            width: 16px;
            height: 16px;
            background: none;
            border: none;
            border-radius: 0;
            filter: none;
        }*/ }
    .NBLiveChat__close::before, .NBLiveChat__close::after {
      content: '';
      position: absolute;
      left: 12px;
      top: 21px;
      width: 20px;
      height: 2px;
      background: currentColor;
      transform: rotate(45deg);
      color: #fff;
      /*@media ($phone) {
                background: var(--white);
                left: 1px;
                top: 7px;
                width: 14px;
            }*/ }
    .NBLiveChat__close::after {
      transform: rotate(-45deg); }
  .NBLiveChat__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    @media (max-width: 459px) {
      .NBLiveChat__icon {
        display: none;
      }
    }
    .NBLiveChat__icon img {
      transform: scale(1.08); }
  .NBLiveChat__wrapper {
    position: absolute;
    bottom: -60px;
    right: 16px;
    height: calc(100vh - 32px);
    max-height: calc(75px + 463px + 109px); }
    @media (max-width: 767px) {
      .NBLiveChat__wrapper {
        bottom: -50px;
        height: calc(100vh - 16px - 90px);
        height: calc(100dvh - 16px - 90px);
        max-height: calc(61px + 463px + 48px); } }
    @media (max-width: 459px) {
      .NBLiveChat__wrapper {
        bottom: -10px;
        right: 0;
      }
    }
  .NBLiveChat__root {
    width: 375px;
    filter: drop-shadow(0px 4px 60px rgba(0, 0, 0, 0.2));
    background: var(--white);
    border-radius: var(--br);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column; }
    @media (max-width: 459px) {
      .NBLiveChat__root {
        width: calc(100vw - 32px);
      } 
    }
  .NBLiveChat__header {
    border-radius: var(--br) var(--br) 0px 0px;
    background: var(--dark-blue);
    padding: 16px 12px;
    display: grid;
    grid-template-areas: "avatar top"
 "avatar status";
    grid-template-columns: 1fr 100%;
    gap: 4px 8px;
    flex: none; }
  .NBLiveChat__avatar {
    grid-area: avatar;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: gray;
    background-size: contain; }
    @media (max-width: 767px) {
      .NBLiveChat__avatar {
        width: 28px;
        height: 28px; } }
    .NBLiveChat__avatar.hidden {
      width: 0; }
  .NBLiveChat__top {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    grid-area: top; }
    @media (max-width: 767px) {
      .NBLiveChat__top {
        font-size: 12px;
        line-height: 15px; } }
  .NBLiveChat__status {
    grid-area: status;
    color: var(--gray-light);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: baseline;
    gap: 4px; }
    @media (max-width: 767px) {
      .NBLiveChat__status {
        font-size: 10px;
        line-height: 10px; } }
    .NBLiveChat__status.online {
      color: var(--white); }
      .NBLiveChat__status.online:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: var(--green); }
        @media (max-width: 767px) {
          .NBLiveChat__status.online:before {
            font-size: 6px;
            line-height: 6px; } }
    .NBLiveChat__status-typeing {
      display: flex;
      align-items: center;
      gap: 2px; }
      .NBLiveChat__status-typeing div {
        width: 2px;
        height: 2px;
        background: var(--white);
        border-radius: 50%;
        transform: scale(0);
        animation-name: preloader;
        animation-timing-function: linear;
        animation-duration: 2s;
        animation-iteration-count: infinite; }
        .NBLiveChat__status-typeing div:nth-child(1) {
          animation-delay: 0s; }
        .NBLiveChat__status-typeing div:nth-child(2) {
          animation-delay: 0.3s; }
        .NBLiveChat__status-typeing div:nth-child(3) {
          animation-delay: 0.6s; }
  .NBLiveChat__body {
    max-height: 463px;
    padding: 16px 12px;
    display: grid;
    grid-template-areas: "content"
 "actions";
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
    overflow-y: auto;
    gap: 24px;
    background: var(--white);
    flex-grow: 1; }
    .NBLiveChat__body::-webkit-scrollbar {
      width: 6px;
      height: 40px; }
    .NBLiveChat__body::-webkit-scrollbar-thumb {
      background: var(--green-hover);
      border-radius: 3px; }
    .NBLiveChat__body::-webkit-scrollbar-track {
      background: var(--gray-super-light2); }
    @media (max-width: 767px) {
      .NBLiveChat__body {
        padding: 12px 10px;
        gap: 12px; } }
  .NBLiveChat__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    @media (max-width: 767px) {
      .NBLiveChat__content {
        gap: 4px; } }
  .NBLiveChat__message {
    display: grid;
    grid-template-areas: "empty1 top"
 "avatar text"
 "error text"
 "empty content";
    gap: 8px;
    grid-template-columns: 40px calc(100% - 48px);
    padding-right: 36px;
    max-width: 100%;
    animation: messageShow 0.2s ease-in-out 0s 1; }
    @media (max-width: 767px) {
      .NBLiveChat__message {
        gap: 4px;
        grid-template-columns: 40px calc(100% - 44px);
        padding-right: 0px; } }
    .NBLiveChat__message.processing .NBLiveChat__message-error {
      display: none; }
    .NBLiveChat__message.processing::after {
      content: '';
      grid-area: error;
      display: block;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 2px solid var(--gray-middle2);
      border-color: var(--gray-middle2) transparent var(--gray-middle2) transparent;
      animation: lds-dual-ring 1.2s linear infinite; }
    .NBLiveChat__message.unread .NBLiveChat__message-status svg path:nth-child(1) {
      opacity: 0; }
    .NBLiveChat__message--user {
      padding-right: 0px;
      padding-left: 36px;
      margin-left: auto;
      justify-items: end; }
      .NBLiveChat__message--user .NBLiveChat__message-data {
        background: var(--green);
        border-color: var(--green);
        color: var(--white); }
      .NBLiveChat__message--user .NBLiveChat__message-status {
        color: var(--white);
        opacity: 0.8; }
    .NBLiveChat__message-top {
      grid-area: top;
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      text-align: left;
      color: var(--gray-light); }
      @media (max-width: 767px) {
        .NBLiveChat__message-top {
          font-size: 10px;
          line-height: 10px; } }
    .NBLiveChat__message-avatar {
      grid-area: avatar;
      width: 40px;
      height: 40px;
      border-radius: 20px;
      background-color: var(--orange);
      background-image: url(/new/static/NBLiveChat/images/ico-agent.svg);
      background-position: 40% 30%;
      background-repeat: no-repeat;
      background-size: 46px; }
    .NBLiveChat__message-data {
      grid-area: text;
      padding: 8px 12px 4px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      border: 1px solid var(--gray-light);
      border-radius: 8px;
      width: -moz-fit-content;
      width: fit-content;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 100%;
      min-width: 90px; }
      @media (max-width: 767px) {
        .NBLiveChat__message-data {
          font-size: 14px;
          line-height: 18px; } }
      .NBLiveChat__message-data p {
        margin: unset;
        font-size: inherit;
        line-height: inherit; }
        .NBLiveChat__message-data p + p {
          margin-top: 8px; }
    .NBLiveChat__message-text {
      width: 100%;
      overflow: hidden; }
    .NBLiveChat__message-status {
      margin-top: 2px;
      font-weight: 400;
      font-size: 11px;
      line-height: 14px;
      text-align: right;
      color: var(--gray);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 3px; }
    .NBLiveChat__message-content {
      grid-area: content;
      padding: 6px 10px;
      border: 1px solid var(--gray-super-light);
      border-radius: 8px;
      display: flex;
      flex-direction: column; }
    .NBLiveChat__message-attachment {
      border-radius: 5px;
      background-color: var(--orange-light);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 99px;
      padding: 10px;
      pointer-events: none; }
      .NBLiveChat__message-attachment div {
        overflow: hidden;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        color: var(--white);
        text-overflow: ellipsis;
        white-space: nowrap; }
      .NBLiveChat__message-attachment.photo {
        height: auto;
        background: var(--white); }
        .NBLiveChat__message-attachment.photo img {
          max-width: 100%;
          width: 100%;
          height: auto; }
    .NBLiveChat__message a + a .NBLiveChat__message-result {
      border-top: 1px solid var(--gray-super-light); }
    .NBLiveChat__message-result {
      display: flex;
      gap: 8px;
      padding: 4px 0px; }
      .NBLiveChat__message-result_preview {
        width: 70px;
        height: 70px;
        flex-shrink: 0; }
        @media (max-width: 767px) {
          .NBLiveChat__message-result_preview {
            width: 48px;
            height: 48px; } }
        .NBLiveChat__message-result_preview img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .NBLiveChat__message-result_text {
        font-family: 'Arial';
        font-size: 16px;
        line-height: 1;
        color: var(--gray-dark); }
        @media (max-width: 767px) {
          .NBLiveChat__message-result_text {
            font-size: 12px;
            line-height: 16px; } }
    .NBLiveChat__message-error {
      grid-area: error;
      position: relative;
      display: flex;
      justify-content: flex-end; }
      .NBLiveChat__message-error_ico {
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background: var(--red);
        cursor: pointer;
        font-size: 16px;
        color: var(--white);
        display: flex;
        align-items: flex-end;
        justify-content: center; }
        .NBLiveChat__message-error_ico:hover + .NBLiveChat__message-error_tooltipe {
          display: flex; }
        .NBLiveChat__message-error_ico::after {
          content: '';
          display: block;
          width: 100%;
          height: 10px;
          position: absolute;
          left: 0px;
          bottom: 100%; }
      .NBLiveChat__message-error_tooltipe {
        position: absolute;
        left: -12px;
        bottom: calc(100% + 8px);
        padding: 8px;
        border-radius: 5px;
        border: 1px solid var(--gray-super-light3);
        display: flex;
        flex-direction: column;
        gap: 2px;
        background: var(--white);
        width: -moz-max-content;
        width: max-content;
        display: none;
        animation: messageShow 0.2s ease-in-out 0s 1; }
        .NBLiveChat__message-error_tooltipe::after {
          content: '';
          display: block;
          width: 10px;
          height: 10px;
          border-radius: 4px;
          border-right: 1px solid var(--gray-super-light3);
          border-bottom: 1px solid var(--gray-super-light3);
          position: absolute;
          left: 15px;
          bottom: -6px;
          background: var(--white);
          transform: rotate(45deg); }
        .NBLiveChat__message-error_tooltipe:hover {
          display: flex; }
      .NBLiveChat__message-error_button {
        width: 100%;
        color: var(--gray-middle2);
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer; }
        .NBLiveChat__message-error_button + .NBLiveChat__message-error_button {
          border-top: 1px solid var(--gray-super-light3); }
  .NBLiveChat__order-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
    cursor: pointer; }
    .NBLiveChat__order-item + .NBLiveChat__order-item {
      margin-top: 6px;
      padding-top: 7px; }
      .NBLiveChat__order-item + .NBLiveChat__order-item::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: var(--gray-super-light);
        position: absolute;
        left: 0;
        top: 0; }
  .NBLiveChat__order-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-dark); }
  .NBLiveChat__order-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-light); }
  .NBLiveChat__order-all {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--blue-medium); }
  .NBLiveChat__footer {
    border-top: 1px solid var(--gray-super-light);
    padding: 16px 12px;
    background: var(--white);
    border-radius: 0px 0px var(--br) var(--br);
    flex: none;
    margin-bottom: 0 !important; }
    .NBLiveChat__footer.disabled {
      pointer-events: none;
      display: none; }
    @media (max-width: 767px) {
      .NBLiveChat__footer {
        padding: 10px 8px;
        position: relative; } }
    .NBLiveChat__footer form {
      display: flex;
      flex-direction: column;
      gap: 8px; }
  .NBLiveChat__textarea {
    display: flex;
    align-items: center;
    gap: 4px; }
    @media (max-width: 767px) {
      .NBLiveChat__textarea {
        padding-left: 35px;
        height: 27px; } }
  .NBLiveChat__input {
    position: relative;
    width: calc(100% - 76px); }
    @media (max-width: 767px) {
      .NBLiveChat__input {
        width: calc(100% - 45px);
        height: 27px; } }
    .NBLiveChat__input .emoji-wysiwyg-editor {
      display: block !important; }
    .NBLiveChat__input .emoji-wysiwyg-editor,
    .NBLiveChat__input input {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 44px;
      width: 100%;
      border: none;
      box-shadow: none;
      background: none;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--gray-dark);
      padding: 0px 0px 0px 0px; }
      .NBLiveChat__input .emoji-wysiwyg-editor:empty,
      .NBLiveChat__input input:empty {
        line-height: 44px; }
        .NBLiveChat__input .emoji-wysiwyg-editor:empty::before,
        .NBLiveChat__input input:empty::before {
          pointer-events: none; }
      @media (max-width: 767px) {
        .NBLiveChat__input .emoji-wysiwyg-editor,
        .NBLiveChat__input input {
          height: 27px !important;
          min-height: 27px;
          font-size: 16px;
          line-height: 24px; }
          .NBLiveChat__input .emoji-wysiwyg-editor:empty,
          .NBLiveChat__input input:empty {
            line-height: 27px; }
          .NBLiveChat__input .emoji-wysiwyg-editor:focus,
          .NBLiveChat__input input:focus {
            height: 27px !important; }
          .NBLiveChat__input .emoji-wysiwyg-editor:not(:empty),
          .NBLiveChat__input input:not(:empty) {
            line-height: 27px; } }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar,
      .NBLiveChat__input input::-webkit-scrollbar {
        width: 5px; }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-thumb,
      .NBLiveChat__input input::-webkit-scrollbar-thumb {
        background: #DBDBDB;
        border-radius: 3px; }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-track,
      .NBLiveChat__input input::-webkit-scrollbar-track {
        background: var(--gray-super-light2); }
      .NBLiveChat__input .emoji-wysiwyg-editor::-moz-placeholder, .NBLiveChat__input input::-moz-placeholder {
        font-weight: 400 !important;
        color: var(--gray);
        font-family: Arial, Helvetica, sans-serif !important; }
      .NBLiveChat__input .emoji-wysiwyg-editor::placeholder,
      .NBLiveChat__input input::placeholder {
        font-weight: 400 !important;
        color: var(--gray);
        font-family: Arial, Helvetica, sans-serif !important; }
    .NBLiveChat__input-clear {
      width: 24px;
      height: 24px;
      cursor: pointer;
      position: relative; }
      .NBLiveChat__input-clear::after, .NBLiveChat__input-clear::before {
        content: '';
        width: 16px;
        height: 2px;
        top: 10px;
        left: 4px;
        border-radius: 2px;
        position: absolute;
        transform: rotate(45deg);
        background: var(--gray); }
      .NBLiveChat__input-clear::before {
        transform: rotate(-45deg); }
      @media (max-width: 767px) {
        .NBLiveChat__input-clear {
          display: none !important; } }
    .NBLiveChat__input .emoji-menu {
      bottom: 100%;
      left: 0px;
      width: 283px;
      border: 1px solid var(--gray-super-light);
      border-radius: 8px; }
      .NBLiveChat__input .emoji-menu .emoji-items-wrap {
        overflow: auto; }
  .NBLiveChat__send {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    outline: none; }
    @media (max-width: 767px) {
      .NBLiveChat__send {
        height: 27px; } }
  .NBLiveChat__tools {
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 767px) {
      .NBLiveChat__tools {
        position: absolute;
        left: 10px;
        bottom: 13px; }
        .NBLiveChat__tools .js-emodji {
          display: none; } }
    .NBLiveChat__tools-item {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: var(--gray-light); }
      .NBLiveChat__tools-item.active {
        color: var(--blue-dark); }
      .NBLiveChat__tools-item input[type="file"] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
        border: none;
        font-size: 0;
        line-height: 0;
        height: auto;
        opacity: 0; }
  .NBLiveChat__actions {
    grid-area: actions;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .NBLiveChat__actions {
        gap: 8px 5px; } }
    .NBLiveChat__actions-item {
      cursor: pointer;
      padding: 6px 15px;
      border-radius: 26px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      width: auto;
      color: var(--green-light);
      border: 1px solid var(--green-light);
      animation: messageShow 0.2s ease-in-out 0s 1; }
      @media (max-width: 767px) {
        .NBLiveChat__actions-item {
          font-size: 14px;
          line-height: 16px;
          padding: 5px 10px; } }
      .NBLiveChat__actions-item:hover {
        background: var(--green-hover);
        color: var(--white);
        border-color: var(--green-hover); }
      .NBLiveChat__actions-item:active {
        background: var(--green-light);
        color: var(--white); }
    .NBLiveChat__actions-footer {
      width: 100%;
      display: flex;
      gap: 6px;
      justify-content: flex-end;
      align-items: center; }
      .NBLiveChat__actions-footer svg {
        cursor: pointer; }
        @media (max-width: 767px) {
          .NBLiveChat__actions-footer svg {
            height: 26px;
            width: auto; } }
    .NBLiveChat__actions-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      cursor: pointer;
      border: 1px solid var(--orange-medium);
      border-radius: 11px;
      position: relative; }
    .NBLiveChat__actions-descr {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 100%);
      color: #F08013; }
  .NBLiveChat__files {
    display: flex;
    gap: 8px;
    width: 100%; }
    @media (max-width: 767px) {
      .NBLiveChat__files {
        gap: 5px; } }
    .NBLiveChat__files-item {
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 51px;
      height: 44px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: var(--orange-light);
      position: relative; }
      .NBLiveChat__files-item.error {
        outline: 1px solid var(--red); }
      @media (max-width: 767px) {
        .NBLiveChat__files-item {
          width: 37px;
          height: 35px; } }
    .NBLiveChat__files-del {
      position: absolute;
      top: -2px;
      right: -4px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      cursor: pointer;
      background: var(--gray-dark); }
      @media (max-width: 767px) {
        .NBLiveChat__files-del {
          width: 8px;
          height: 8px; } }
      .NBLiveChat__files-del::before, .NBLiveChat__files-del::after {
        content: '';
        display: block;
        width: 6px;
        height: 1px;
        border-radius: 2px;
        background: var(--white);
        position: absolute;
        left: 3px;
        top: 5px;
        transform: rotate(45deg); }
        @media (max-width: 767px) {
          .NBLiveChat__files-del::before, .NBLiveChat__files-del::after {
            width: 4px; } }
      .NBLiveChat__files-del::after {
        transform: rotate(-45deg); }
    .NBLiveChat__files-text {
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      color: var(--white); }
    .NBLiveChat__files-error {
      position: absolute;
      left: 0;
      bottom: calc(100% + 5px);
      font-family: Arial;
      color: var(--red);
      font-size: 10px;
      line-height: 10px;
      text-align: left;
      background: var(--white); }
      @media (max-width: 767px) {
        .NBLiveChat__files-error {
          font-size: 6px;
          line-height: 9px; } }
  .NBLiveChat__dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(61, 61, 61, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--br); }
    .NBLiveChat__dialog-block {
      border: 2px solid var(--gray-super-light3);
      background: var(--white);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 280px;
      flex-shrink: 0; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-block {
          width: 210px; } }
    .NBLiveChat__dialog-message {
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 15px;
      color: var(--gray-middle2);
      padding: 15px 30px; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-message {
          font-size: 13px; } }
    .NBLiveChat__dialog-buttons {
      display: flex;
      align-items: center;
      border-top: 1px solid var(--gray-super-light); }
      .NBLiveChat__dialog-buttons :nth-child(1) {
        color: var(--blue-dark2); }
    .NBLiveChat__dialog-button {
      width: 100%;
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: var(--gray-dark);
      cursor: pointer;
      padding: 5px 20px;
      height: 40px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-button {
          font-size: 13px;
          height: 30px; } }
      .NBLiveChat__dialog-button + .NBLiveChat__dialog-button {
        border-left: 1px solid var(--gray-super-light); }
  .NBLiveChat__review {
    grid-area: text;
    text-align: center; }
    .NBLiveChat__review.disabled {
      pointer-events: none; }
    .NBLiveChat__review-message {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 5px;
      background: var(--gray-super-light4);
      padding: 10px 20px;
      border-radius: 9px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .NBLiveChat__review-message {
          padding: 6px 20px; } }
      .NBLiveChat__review-message_title {
        font-family: 'Arial';
        font-weight: 400;
        font-size: 12px;
        line-height: 16px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-message_title {
            font-size: 8px;
            line-height: 9px; } }
    .NBLiveChat__review-stars {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row-reverse;
      gap: 0px; }
      .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item {
        color: var(--gray-super-light) !important; }
        .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover {
          color: var(--blue) !important; }
          .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover ~ .NBLiveChat__review-stars_item {
            color: var(--blue) !important; }
      .NBLiveChat__review-stars_item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 24px;
        color: var(--gray-super-light);
        cursor: pointer; }
        .NBLiveChat__review-stars_item svg {
          width: 100%;
          height: 100%; }
        @media (max-width: 767px) {
          .NBLiveChat__review-stars_item {
            width: 18px;
            height: 18px; } }
        .NBLiveChat__review-stars_item.active {
          color: var(--blue); }
          .NBLiveChat__review-stars_item.active ~ .NBLiveChat__review-stars_item {
            color: var(--blue); }
    .NBLiveChat__review-block {
      position: absolute;
      top: 75px;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--white);
      z-index: 2;
      flex-direction: column;
      gap: 25px;
      padding: 27px;
      opacity: 0;
      animation: messageShow 0.4s ease-in-out 1s 1;
      animation-fill-mode: forwards;
      border-radius: 0px 0px var(--br) var(--br);
      display: none; }
      @media (max-width: 767px) {
        .NBLiveChat__review-block {
          top: 49px; } }
      .NBLiveChat__review-block.active {
        display: flex; }
      .NBLiveChat__review-block_content form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_content form {
            gap: 7px; } }
      .NBLiveChat__review-block_title {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        color: var(--gray-dark); }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_title {
            font-size: 12px;
            line-height: 16px; } }
      .NBLiveChat__review-block_status {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: var(--gray-light); }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_status {
            font-size: 10px;
            line-height: 12px; } }
      .NBLiveChat__review-block_input textarea,
      .NBLiveChat__review-block_input input {
        border-radius: 20px;
        border: 1px solid var(--blue);
        padding: 0px 15px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        color: var(--gray-middle);
        font-size: 14px;
        line-height: 130%;
        width: 260px;
        height: 40px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_input textarea,
          .NBLiveChat__review-block_input input {
            font-size: 10px;
            line-height: 15px;
            width: 232px;
            height: 25px;
            padding: 0px 6px; } }
      .NBLiveChat__review-block_input textarea {
        resize: none;
        height: 160px;
        padding: 15px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_input textarea {
            height: 100px; } }
      .NBLiveChat__review-block_buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 7px; }
    .NBLiveChat__review-success {
      display: flex;
      display: flex;
      align-items: flex-start;
      gap: 7px; }
      .NBLiveChat__review-success svg {
        flex-shrink: 0;
        width: 24px;
        height: auto; }
        @media (max-width: 767px) {
          .NBLiveChat__review-success svg {
            width: 16px; } }
  .NBLiveChat__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--blue);
    color: var(--white);
    cursor: pointer;
    font-family: 'Arial';
    font-weight: 700;
    width: 240px;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    font-size: 16px;
    line-height: 24px; }
    @media (max-width: 767px) {
      .NBLiveChat__btn {
        width: 186px;
        height: 34px;
        font-size: 12px;
        line-height: 16px; } }

.emoji-menu-tabs tr {
  display: flex;
  gap: 10px; }

@keyframes messageShow {
  0% {
    opacity: 0;
    transform: scale(0) translateY(10%); }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0%); } }

@keyframes preloader {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(0); }
  100% {
    transform: scale(0); } }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }