@font-face {
    font-family: "Circe Rounded DM";
    src: url(../fonts/CirceRounded-Light.ttf) format("ttf"), url(../fonts/CirceRounded-Light.eot) format("eot"), url(../fonts/CirceRounded-Light.woff) format("woff"), url(../fonts/CirceRounded-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Circe Rounded DM";
    src: url(../fonts/CirceRounded-Regular.ttf) format("ttf"), url(../fonts/CirceRounded-Regular.eot) format("eot"), url(../fonts/CirceRounded-Regular.woff) format("woff"), url(../fonts/CirceRounded-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Circe Rounded DM";
    src: url(../fonts/CirceRounded-AltBold.ttf) format("ttf"), url(../fonts/CirceRounded-AltBold.eot) format("eot"), url(../fonts/CirceRounded-AltBold.woff) format("woff"), url(../fonts/CirceRounded-AltBold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

*, ::after, ::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: transparent;
    outline: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

a, body, div, form, h1, h2, h3, h4, h5, li, p, ul {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    line-height: 1
}

button, input, textarea {
    outline: 0 !important;
    -webkit-transition: .125s;
    -o-transition: .125s;
    transition: .125s;
    font-family: inherit
}

input:active, input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus, input[type=text]:focus {
    outline: 0 !important
}

::-webkit-input-placeholder {
    color: #222
}

::-moz-placeholder {
    color: #222
}

:-moz-placeholder {
    color: #222
}

:-ms-input-placeholder {
    color: #222
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

html {
    height: 100%;
    scroll-behavior: smooth;
    width: 100%
}

svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto
}

circle, path, rect, svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a:focus, a:hover {
    text-decoration: none
}

li, ul {
    margin: 0;
    padding: 0;
    list-style: none
}

i {
    line-height: 100%
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

button {
    cursor: pointer;
    border: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: inherit;
    font-size: 1em
}

.swiper-button-next, .swiper-button-prev {
    z-index: 2
}

.swiper-button-next::after, .swiper-button-prev::after {
    display: none
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html.fixed-body {
    overflow-y: hidden
}

.wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.wrapper.error-page {
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
._error-bot-main {
    width: 100% !important;
    position: absolute;
    top: 36em;
}
._view_error-kid.left {
    display: flex;
    position: absolute;
    right: 147em;
    top: 39em;
    width: 29em !important;
    transform: scaleX(-1);
    z-index: 2;
}
._view_error-man.right {
    position: absolute;
    top: 20em;
    right: 117em;
    transform: scaleX(-1);
    width: 56em !important;
    z-index: 1;
}
._view_error-woman.right {
    position: absolute;
    top: 22em;
    right: 20em;
    transform: scaleX(-1);
    width: 28em !important;
    z-index: 1;
}
.m-page {
    width: calc(100vw - (100vw - 100%));
    overflow-x: hidden;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    color: #231f20;
    font-size: calc(100vw * (16 / 2880))
}

.m-page.fixed-body, .m-page.fixed-body2 {
    overflow-y: hidden;
    padding-right: var(--scrollWidth)
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 23.75em
}

a:hover {
    color: #f83715
}

@media screen and (max-width: 576px) {
    .m-page {
        font-size: calc(100vw * (16 / 1200))
    }

    .container {
        padding: 0 4em
    }
}

@media screen and (max-width: 576px) {
    .m-page {
        font-size: calc(100vw * (16 / 720))
    }

    .container {
        padding: 0 0em
    }
}

.text-center {
    text-align: center
}

.caps-text {
    text-transform: uppercase
}

.underline-text {
    text-decoration: underline
}

.h1, .text h1 {
    position: relative;
    z-index: 1;
    font-size: 6.25em;
    line-height: 80%;
    font-weight: 700;
}

.h2, .text h2 {
    font-size: 5em;
    font-weight: 700
}

.h3, .text h3 {
    font-size: 3.75em;
    line-height: 133%;
    font-weight: 700
}

.h4, .text h4 {
    font-size: 3em;
    line-height: 125%;
    font-weight: 700
}

.text20 {
    font-size: 1.25em;
    line-height: 120%
}

.text19 {
    font-size: 1.1875em;
    line-height: 120%
}

.text18 {
    font-size: 1.125em;
    line-height: 120%
}

.text17 {
    font-size: 1.0625em;
    line-height: 120%
}

.text16 {
    font-size: 1em;
    line-height: 150%
}

.text15 {
    font-size: .9375em;
    line-height: 120%
}

.text14 {
    font-size: .875em;
    line-height: 120%
}

.text13 {
    font-size: .8125em;
    line-height: 120%
}

.text12 {
    font-size: .75em;
    line-height: 120%
}

.text11 {
    font-size: .6875em;
    line-height: 120%
}

.text10 {
    font-size: .625em;
    line-height: 120%
}

.extra-bold-text {
    font-weight: 800
}

.bold-text {
    font-weight: 700
}

.semi-bold-text {
    font-weight: 600
}

.medium-text {
    font-weight: 500
}

.regular-text {
    font-weight: 400
}

.light-text {
    font-weight: 300
}

.red-text {
    color: #f83715
}

.m-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .225s ease-out;
    -o-transition: .225s ease-out;
    transition: .225s ease-out;
    padding: 0 3.75em;
    height: 6.5em;
    border-radius: 3.5em;
    font-weight: 700;
}

.m-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.main__bg ._view11 {
    display: flex;
    position: absolute;
    top: 26em;
    left: -5em;
}

.m-btn span {
    font-size: 2.5em
}

.m-btn-red {
    background-color: #f83715;
    color: #fff;
    -webkit-box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .15);
    box-shadow: 0px 3px 0px 0px #D02000;
}

.m-btn-red:hover {
    background-color: #d42506;
    color: #fff
}

.m-btn-red:disabled {
    opacity: .5;
    pointer-events: none
}

.m-btn-white {
    background-color: #f83715;
    color: #fff
}

.m-btn-white:hover {
    background-color: #d42506;
    box-shadow: 0px 3px 0px 0px #d42506;
    color: #fff

}


@media screen and (max-width: 576px) {
    .h1 {
        font-size: 4.075em;
        line-height: 94%;
    }

    .h2 {
        font-size: 3.125em;
        line-height: 128%
    }

    .h4 {
        font-size: 2.25em;
        line-height: 117%
    }

    .text20-tablet {
        font-size: 1.25em
    }

    .text19-tablet {
        font-size: 1.1875em
    }

    .text18-tablet {
        font-size: 1.125em
    }

    .text17-tablet {
        font-size: 1.0625em
    }

    .text16-tablet {
        font-size: 1em
    }

    .text15-tablet {
        font-size: .9375em
    }

    .text14-tablet {
        font-size: .875em
    }

    .text13-tablet {
        font-size: .8125em
    }

    .text12-tablet {
        font-size: .75em
    }

    .text11-tablet {
        font-size: .6875em
    }

    .text10-tablet {
        font-size: .625em
    }

    .m-btn-mob {
        height: 5.625em
    }

    .m-btn-mob span {
        font-size: 2em
    }
}

.fg {
    position: relative;
    margin: 0;
}

.fg label {
    display: block;
    font-size: 1.375em;
    line-height: 164%;
    margin-bottom: .36em;
    color: #70858e;
    text-transform: uppercase;
    font-weight: 700
}


.fg .filter-select__current, .fg .nice-select, .fg input, .fg textarea {
    border-radius: 1.9375em;
    border: .0625em solid #FFD6CE;
    padding: 0 1.25em;
    height: 3.28em;
    width: 100%;
    font-size: 2em;
    line-height: 128%;
    background-color: #FFF7F2;
    color: #231f20
}

.fg .filter-select__current::-webkit-input-placeholder, .fg .nice-select::-webkit-input-placeholder, .fg input::-webkit-input-placeholder, .fg textarea::-webkit-input-placeholder {
    color: #70858e;
    font-weight: 300
}

.fg .filter-select__current::-moz-placeholder, .fg .nice-select::-moz-placeholder, .fg input::-moz-placeholder, .fg textarea::-moz-placeholder {
    color: #70858e;
    font-weight: 300
}

.fg .filter-select__current:-ms-input-placeholder, .fg .nice-select:-ms-input-placeholder, .fg input:-ms-input-placeholder, .fg textarea:-ms-input-placeholder {
    color: #70858e;
    font-weight: 300
}

.fg .filter-select__current::-ms-input-placeholder, .fg .nice-select::-ms-input-placeholder, .fg input::-ms-input-placeholder, .fg textarea::-ms-input-placeholder {
    color: #70858e;
    font-weight: 300
}

.fg .filter-select__current::placeholder, .fg .nice-select::placeholder, .fg input::placeholder, .fg textarea::placeholder {
    color: #70858e;
    font-weight: 300
}

.fg .filter-select__current:disabled, .fg .nice-select:disabled, .fg input:disabled, .fg textarea:disabled {
    pointer-events: none;
    background: #f6f6f6 !important;
    color: rgba(0, 0, 0, .4)
}

.fg textarea {
    padding-top: 1em;
    padding-bottom: 1em;
    height: 9.375em;
    resize: none
}

.fg__field {
    position: relative
}

.fg .nice-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .1875em;
    white-space: nowrap;
    height: 3.6875em;
    padding: 0 0 0 1.25em
}

.fg .nice-select.disabled {
    pointer-events: none;
    background: #f6f6f6 !important
}

.fg .nice-select.disabled .current {
    opacity: .4
}

.fg .nice-select.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fg .nice-select:focus {
    border: 1px solid #231f20
}

.fg .nice-select:before {
    content: '';
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    border-left: #231f20;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.6875em;
    height: 3.6875em;
    background-image: url(../img/select-arrow.svg);
    background-size: .5em auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 1em
}

.fg .nice-select .current {
    font-size: 1em;
    line-height: 157%
}

.fg .nice-select .list {
    margin-top: -1px;
    border-radius: 0 0 .1875em .1875em;
    width: calc(100% + 2px);
    left: -1px;
    border: 1px solid #231f20;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 14.875em;
    overflow-y: auto;
    z-index: 5
}

.fg .nice-select .list::-webkit-scrollbar {
    width: 1.5em;
    height: 1.5em
}

.fg .nice-select .list::-webkit-scrollbar-track {
    background: rgba(75, 128, 148, .3);
    border-radius: 1.25em
}

.fg .nice-select .list::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 1.25em;
    padding: .5em;
    border: .5em solid rgba(75, 128, 148, .3)
}

@media screen and (max-width: 576px) {
    .fg .nice-select .list::-webkit-scrollbar {
        width: 1em;
        height: 1em
    }

    .fg .nice-select .list::-webkit-scrollbar-thumb {
        padding: .25em;
        border: .25em solid rgba(75, 128, 148, .3)
    }
}

.fg .nice-select .option {
    height: 3.6875em;
    font-size: 1em;
    line-height: 157%;
    padding: .5em 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2b2b2b;
    border: none;
    border-bottom: 1px solid #231f20
}

.fg .nice-select .option:last-child {
    border-bottom: none
}

.fg .nice-select .option.disabled {
    display: none
}

.fg .nice-select .option.focus, .fg .nice-select .option.selected.focus, .fg .nice-select .option:hover {
    background-color: #f83715;
    border-color: #f83715;
    font-weight: 400;
    color: #fff
}

.fg._error:before {
    content: '';
    position: absolute;
    width: 2em;
    height: 2em;
    background-image: url(../img/error.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    right: 2.5em;
    bottom: 2.28em
}

.fg._error .pass-toggle {
    opacity: 0;
    pointer-events: none
}

.fg._error input, .fg._error textarea {
    border-color: #eab9ba;
    background-color: #fee8e8
}

.fg._error .fg__error-text {
    display: block
}

.fg__error-text {
    top: 0;
    right: 0;
    position: absolute;
    font-size: 1.625em;
    line-height: 127%;
    font-weight: 700;
    color: #f83715;
    display: none
}

.pass-toggle {
    position: absolute;
    bottom: 1.78em;
    right: 2.5em;
    width: 3em;
    height: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pass-toggle img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}


.pass-toggle ._view2, .pass-toggle._active ._view1 {
    opacity: 0
}

.pass-toggle._active ._view2 {
    opacity: 1
}

.file-input, .filter-select__option, .m-check {
    position: relative
}

.file-input input, .filter-select__option input, .m-check input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

.m-check label {
    position: relative;
    cursor: pointer;
    padding-left: 4.25em;
    color: #70858e;
    min-height: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700
}

.m-check label span {
    font-size: 1.375em;
    line-height: 145%
}

.m-check label b {
    font-size: 1.45em
}

.m-check label:after, .m-check label:before {
    pointer-events: none
}

.m-check label:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: .75em;
    border: .125em solid #FFD6CE;
    background-color: #FFF7F2;
    width: 3em;
    height: 3em;
    background-size: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-image: url(../img/check.svg)
}

.m-check label a {
    text-decoration: underline;
    position: relative;
    z-index: 2
}

.m-check input:checked + label::before {
    background-size: 2em auto
}

.file-input {
    overflow: hidden
}

.file-input input {
    width: 3000px;
    height: 2000px;
    left: unset;
    right: 0
}

.file-input__inner {
    border-radius: 1.875em;
    border: .125em dashed #70858e;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em;
    min-height: 6.5625em
}

.file-input__placeholder {
    color: #70858e
}

.file-input__placeholder img {
    margin-right: 1.25em;
    width: 2.0625em
}

.file-input__title {
    font-size: 2em
}

.filter-select {
    position: relative
}

.filter-select._open .filter-select__dropdown {
    opacity: 1;
    pointer-events: unset
}

.filter-select._open .filter-select__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.filter-select._selected .filter-select__current {
    color: #231f20 !important
}

.filter-select._selected.filter-select2 {
    color: #70858e
}

.filter-select._selected.filter-select2 .filter-select__current {
    color: #70858e !important
}

.filter-select._selected.filter-select2 .filter-select__option label {
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.filter-select__current {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #70858e !important
}

.filter-select__current b {
    text-transform: uppercase;
    color: #f83715
}

.filter-select__arrow {
    position: absolute;
    right: 2.5em;
    bottom: 2.28em;
    width: 2em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.filter-select__dropdown {
    z-index: 3;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none;
    opacity: 0;
    border-radius: 1.25em;
    background: #fff;
    -webkit-box-shadow: 0 .3125em 1.875em 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .3125em 1.875em 0 rgba(0, 0, 0, .15);
    padding: 1.25em 0
}

.filter-select__option input:checked ~ label {
    background: #FFF7F2;
    font-weight: 400
}

.filter-select__option input:checked ~ label b {
    color: #f83715;
}

.filter-select__option:hover label {
    background: #FFF7F2;
}

.filter-select__option label {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: .75em 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300
}

.filter-select__option span {
    font-size: 2em;
    line-height: 128%
}

.filter-select__option b {
    color: #231f20;
    text-transform: uppercase
}

@media screen and (max-width: 576px) {
    .fg .filter-select__current, .fg input, .fg textarea {
        font-size: 1.75em;
        height: 2.86em;
        padding: 0 1.07em;
        border-radius: .71em
    }

    .fg textarea {
        height: 10.71em;
        padding-top: 1.14em;
        padding-bottom: 1.14em
    }

    .fg--type2 input {
        height: 3.21em;
        padding: 0 1.43em
    }

    .fg--type2._error:before {
        bottom: 1.81em
    }

    .file-input__inner {
        min-height: 6.25em
    }

    .file-input__title {
        font-size: 1.75em
    }

    .pass-toggle {
        bottom: 1.31em
    }

    .filter-select__arrow {
        right: 1.875em;
        bottom: 1.5em
    }

    .filter-select__option label {
        padding-left: 1.875em;
        padding-right: 1.875em
    }

    .filter-select__option span {
        font-size: 1.75em
    }

    .filter-select2 .filter-select__current span {
        font-size: .86em
    }

    .filter-select2 .filter-select__option span {
        font-size: 1.5em
    }
}

.pagination {
    margin-top: 3.75em
}

.pagination__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__item {
    height: 3.625em;
    min-width: 3.625em;
    padding: 0 1.25em;
    border-radius: .25em;
    border: 1px solid #231f20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .3125em;
    font-weight: 500
}

.pagination__item svg {
    width: 1.0625em;
    height: auto
}

.pagination__item._active {
    pointer-events: none
}

.pagination__item._active, .pagination__item:hover {
    color: #fff;
    background-color: #231f20;
    border-color: #231f20
}

.pagination__item._active path, .pagination__item:hover path {
    fill: #fff
}

.pagination__item._btn {
    padding: 0 1.5em
}

@media screen and (max-width: 576px) {
    .pagination {
        margin-top: 1.875em
    }
}

@media screen and (max-width: 576px) {
    .pagination {
        margin-top: 1.56em
    }

    .pagination ._hide-tablet {
        display: none
    }

    .pagination ._btn {
        width: 2.8125em;
        padding: 0
    }

    .pagination__item {
        height: 2.8125em;
        min-width: 2.8125em;
        padding: 0 .875em
    }

    .pagination__item span {
        font-size: .875em
    }
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab {
    height: 3.5625em;
    padding: 0 1.56em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(35, 31, 32, .8);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.tab.disabled {
    color: #80CCE9 !important;
}

.tab:not(:last-child) {
    margin: 0 .54em 0 0
}

.tab:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #f83715;
    opacity: 0;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.tab span {
    font-size: .875em;
    line-height: 120%
}

.tab:hover {
    background: #fbfbfb;
    cursor: pointer
}

.tab._active {
    background: #fbfbfb;
    pointer-events: none
}

.tab._active:before {
    opacity: 1
}

.tab-content {
    display: none
}

.tab-content._active {
    display: block
}

.grid {
    display: grid;
    gap: 1.25em;
    grid-template-columns:100%
}

.grid2 {
    grid-template-columns:repeat(2, calc(50% - .5em))
}

.grid3 {
    grid-template-columns:repeat(3, calc(100% / 3 - 2.5em / 3))
}

.grid4, .grid5 {
    grid-template-columns:repeat(4, calc(25% - 3.75em / 4))
}

@media screen and (max-width: 576px) {
    .grid-tablet {
        grid-template-columns:100%
    }

    .grid-tablet2 {
        grid-template-columns:repeat(2, calc(50% - .625em))
    }
}

@media screen and (max-width: 576px) {
    .grid-mob {
        grid-template-columns:100%
    }
}

._flex, ._flex-between, ._flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._flex-between._start, ._flex-center._start, ._flex._start {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
}

._flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.winner__top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9em;
    gap: 2em;
}

.winner__top-row .filter-item {
    margin: 0; /* убрать отступ сверху */
}
._flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.winner__top._flex-center {
    margin-left: 15em;
    margin-right: -23em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

._mt48 {
    margin-top: 3em
}

._mt32 {
    margin-top: 2em
}

._mt24 {
    margin-top: 1.5em
}

._anchor {
    position: relative;
}

._anchor__target {
    position: absolute;
    width: 1px;
    height: 1px;
    bottom: 100%;
    margin-bottom: 12em
}

.qa-card {
    background: #fff;
    border-radius: 3.25em;
    -webkit-box-shadow: 0 .25em 0 0 rgba(75, 128, 148, .2);
    box-shadow: 6px 6px 0px 0px #00AEEF;

}

.qa-card._active .qa-card__btn img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.qa-card__show {
    padding: 2.5em 3.125em;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.qa-card__btn {
    margin-left: 1em;
    width: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.qa-card__btn img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 100%
}

.qa-card__hidden {
    margin-top: -1.25em;
    padding: 0 3.125em 2.5em;
    display: none
}

.qa-card__title {
    font-size: 2.85em;
    line-height: 128%;
    color: #00AEEF;
}

.qa-card__text {
    font-size: 2em;
    line-height: 128%
}

.winner ._anchor__target {
    margin-bottom: 6em
}

.faq ._anchor__target {
    margin-bottom: -19em
}

@media screen and (max-width: 576px) {
    .qa-card__show {
        padding: 1.875em
    }

    .qa-card__hidden {
        margin-top: -.625em;
        padding: 0 1.875em 1.875em
    }


    .qa-card__text, .qa-card__title {
        font-size: 1.75em
    }
    .qa-card__title {
        font-size: 2em;
    }
    .winner__top {
        display: flex;
        flex-direction: column !important;
    }
    .winner__top._flex-center {
        flex-direction: column;
        align-items: flex-start; /* или center, если нужно по центру */
        margin-left: 0;
        margin-right: 0;
        gap: 1.5em; }



    ._anchor__target {
        margin-bottom: 4em
    }

    .winner ._anchor__target {
        margin-bottom: 2em
    }

    .faq ._anchor__target {
        margin-bottom: -5em
    }
}

.breadcrumbs {
    margin-top: 60px
}

.breadcrumbs__item {
    font-size: 16px;
    line-height: 110%;
    position: relative;
    font-weight: 400;
    display: inline
}

.breadcrumbs__item:last-child {
    font-weight: 600
}

.breadcrumbs__item:not(:first-child) {
    margin-left: 24px
}

.breadcrumbs__item:not(:first-child):before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 3.51px;
    height: 3.51px;
    background-color: #f83715;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
    right: 100%;
    margin-right: 10px
}

.modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100 * var(--vh));
    background-color: #231f20;
    opacity: .85
}
.tab {
    cursor: pointer;
}

.tab.future {
    opacity: .6;
}

.tab.future:hover {
    opacity: .8;
}

.time-kinder__bg,
.time-kinder__bg-snow {
    pointer-events: none; /* чтобы фоны не перекрывали клики */
}

.time-kinder__tabs {
    position: relative;
    z-index: 5;
}


.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100); /* для мобильного viewport */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em; /* можно уменьшить/увеличить по желанию */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* плавный скролл на iOS/Safari */
    z-index: 80;
    opacity: 0;
    pointer-events: none;
    text-align: center;
}
/* Таблица идей */
.ideas-schedule {
    position: relative;
    width: 114.25em;
    left: 13em;
    border-collapse: separate;
    border-spacing: 0.625em;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.ideas-schedule th.num {
    font-size: 3.2em !important; /* размер шрифта */
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #fff; /* если фон синий, как было */
}

/* Первая ячейка заголовка */
.ideas-schedule th.notsa {
    width: 7.5em; /* 120px */
    height: 1.2em !important;/* 40px */
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    font-size: 2.1em; /* 20px */
    text-align: center;
    vertical-align: middle;
    color: #333;
    background: #FFFFFF;
    border-radius: 1em; /* 16px */
}

/* Заголовки времени */
.ideas-schedule thead th:not(.notsa) {
    width: 112.625em;
    height: 1.5875em;
    padding: 0.25em 1em;
    background: #00AEEF;
    color: #fff;
    border-radius: 1em;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1;
}

/* Первая колонка - недели и даты в одной строке */
/* Первая колонка - недели и даты */
.ideas-schedule tbody td.week-ideas {
    margin-right: 0em;
    margin-left: -10.5em;
    width: 1.125em;
    text-align: left;
    margin-top: 0.9em;
    height: 3em;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 0.5em;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    font-size: 2.55em;
}

/* Неделя - красный текст */
.ideas-schedule tbody td.week-ideas .week-text {
    color: #FF3B30;
    font-weight: 700
}

/* Дата - голубой фон с белым текстом */
.ideas-schedule tbody td.week-ideas .date-text {
    color: #00AEEF;
    margin-right: 5em;
    border-radius: 1em;
    padding: 0.25em 0.75em;
    font-size: 1em;
    font-weight: 700;
}

/* Названия идей */
.ideas-schedule tbody td:not(.week-ideas) {
    width: 31.625em;
    height: 4.8125em;
    padding: 0.25em 1em;
    background: #F6F6F6;
    border-radius: 1em;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    font-size: 2.375em;
    line-height: 1;
    color: #333;
    font-weight: 700;
}

/* Кнопка закрытия модалки */
.modal-newIdeas {
    display: flex;
    margin: 2em 0 2em 41.125em !important;
    width: 31.5em !important;
    height: 6em;
}

/* Сетка внутри модалки */
.product-modal__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em; /* 20px */
    margin-top: 1.25em; /* 20px */
}

/* Горизонтальный скролл для мобилки */
.product-modal__col2 .text {
    width: 100%;
    overflow-x: auto;
}
@media (min-width: 768px) {
    .ideas-schedule { display: table; }
    .ideas-faq { display: none; }
    .modal-newIdeas2 {
        display: none;
    }
}

/* Мобилка: скрываем таблицу, показываем FAQ */
@media (max-width: 767px) {
    .ideas-schedule { display: none; }
    .ideas-faq {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-top: 1em;
        font-family: "Circe Rounded DM", sans-serif;
    }
    .modal-newIdeas {
        display: none;
    }
    .modal-newIdeas2 {
        display: block;
        margin: 3em 0 2em 5.125em !important;
        width: 24.5em !important;
        height: 5em;
    }

    /* Заголовок недели (красный + дата + стрелка) */
    .faq-week-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F6F6F6;
        border-radius: 1em;
        padding: 1em 1.25em;
        cursor: pointer;
        box-shadow: 0 0 8px rgba(0,0,0,0.05);
    }
    /* СТРЕЛКА (SVG) */
    .faq-arrow img {
        width: 1em;
        height: 1em;
        transform: rotate(0deg); /* направлена вправо */
        transition: transform 0.3s ease;
        margin-left: auto;
    }
    .idea-timesss {
        margin-left: -1em;
        width: 6.875em;
        height: 1.875em;
        padding: 0.25em 1em;
        border-radius: 1em;
        background: #00AEEF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2em;
        color: #fff;
        box-sizing: border-box;
    }
    .idea-title {
        margin-top: 0.2em;
        margin-left: -1em;
        width: 17.5em;
        height: 4.8125em;
        padding: 0.25em 1em;
        background: #F6F6F6;
        border-radius: 1em;
        display: flex;
        align-items: center;
        font-size: 2em;
        font-weight: 700;
        color: #333;
        box-sizing: border-box;
    }


    /* Раскрыта — смотрит вниз */
    .faq-week.active .faq-arrow img {
        transform: rotate(-90deg);
    }

    /* Неделя — красный текст */
    .faq-week-header .week-text {
        color: #FF3B30;
        font-weight: 700;
        font-size: 2.5em;
    }

    /* Дата — голубой фон как в таблице */
    .faq-week-header .date-text {
        color: #00AEEF;
        padding: 0.25em 0.75em;
        border-radius: 0.75em;
        font-weight: 700;
        margin-left: 0.75em;
        font-size: 2.3em;
    }
    .ideas-h2 {
        position: relative;
        left: -1em;
        top: 0.5em;
        margin-bottom: 0.9em;
        width: 11em !important;
        font-size: 3.925em !important;
        line-height: 107% !important;
    }

    /* Стрелка — черная */
    .faq-week-header .faq-arrow {
        font-size: 1.25em;
        font-weight: 900;
        color: #000;
        margin-left: auto;
        transition: transform 0.3s;
    }

    /* Поворот стрелки */
    .faq-week.active .faq-arrow {
        transform: rotate(180deg);
    }

    .faq-week-body {
        display: none;
        padding: 1em;
        border-radius: 0 0 1em 1em;
    }

    .faq-week.active .faq-week-body {
        display: block;
    }

    /* Блок идеи */
    .faq-idea {
        border-radius: 0.75em;
        padding: 1em;
        margin-bottom: 0.75em;
        display: flex;
        flex-direction: column;
        gap: 0.4em;
    }

    /* Время */
    .faq-idea .time {
        font-size: 1.1em;
        color: #00AEEF;
        font-weight: 700;
    }

    /* Название идеи */
    .faq-idea .idea-name {
        font-size: 1.1em;
        font-weight: 700;
        color: #333;
        margin-left: 1em;
    }
}

.modal:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal__dialog {
    overflow: hidden;   /* чтобы картинка не вылезала за пределы */
    background: #fff;
    width: 55em;
    max-width: calc(100% - 2em);
    position: relative;
    z-index: 3;
    padding: 5em 6.25em 3.625em;
    border-radius: 3.75em;
    box-sizing: border-box;
    text-align: left;
    margin: auto 0;
    align-self: center;
}

.modal._active {
    opacity: 1;
    pointer-events: unset
}

.modal._active .modal__bg {
    display: block
}

.modal .close-btn {
    position: absolute;
    top: 2.5em;
    right: 3.125em
}

.modal__bottom {
    margin-top: 2.5em
}

.modal__bottom-title {
    font-size: 2em;
    color: #70858e
}

.modal__bottom-btn {
    color: #009fe5;
    font-weight: 700;
    margin-left: 1.45em;
    position: relative
}

.modal__bottom-btn:first-child {
    margin-left: 0
}

.modal__bottom-btn span {
    font-size: 2.5em;
    line-height: 105%
}

.modal__bottom-btn img {
    height: .875em;
    position: absolute;
    bottom: -.6em;
    left: -.2em
}

.modal__hint {
    font-size: 1.75em;
    color: #70858e;
    line-height: 128%;
    margin-top: 1.78em;
    text-align: center
}

.modal__hint a {
    text-decoration: underline
}

.close-btn {
    width: 3.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.close-btn img {
    width: 100%
}

.modal-form {
    margin-top: 5.59em;
    display: grid;
    grid-template-columns:100%;
    gap: 2em
}

.modal-form__btn {
    margin: 1.125em auto 0;
    width: 31.5em;
    padding: 0
}

.modal-form__btn img {
    width: 3.5em;
    margin-right: .625em
}

.modal-form__recover {
    color: #70858e;
    text-decoration: underline;
    margin: -1.5em 0 0 auto
}

.modal-form__recover:hover {
    color: #009fe5
}

.modal-form__recover span {
    font-size: 1.75em;
    line-height: 128%
}

.info-modal .modal__bottom-btn img, .login-modal .modal__bottom-btn img {
    height: .5625em;
    left: -.5em;
    bottom: -1.11em
}

.pass-recovery-modal .m-card__title {
    line-height: 100%
}

.pass-recovery-modal .modal-form {
    margin-top: 3.125em
}

.img-modal .modal__dialog {
    width: 115em;
    padding: 7.5em
}

.img-modal__chart img {
    width: 100%;
    display: block
}

.img-modal .modal-form__btn {
    display: none
}

@media screen and (max-width: 576px) {
    .modal__dialog {
        padding: 3.75em 2.5em;
        width: calc(100% - 2em);
        max-width: 40em;
        border-radius: 2.5em;
        margin: auto 0;
        align-self: center;
    }

    .modal:after {
        display: none
    }

    .modal .close-btn {
        top: 1.875em;
        right: 1.875em
    }

    .modal__bottom-title {
        font-size: 1.75em
    }

    .modal__bottom-btn {
        margin-left: 1.25em
    }

    .modal__bottom-btn span {
        font-size: 2em;
        line-height: 131%
    }

    .modal__bottom-btn img {
        height: .6875em;
        bottom: -.16em;
        left: -.125em
    }

    .modal__hint {
        margin: 1.43em auto 0;
        max-width: 12em
    }

    .close-btn {
        width: 3em
    }

    .modal-form {
        margin-top: 4.625em
    }

    .modal-form__btn {
        margin-top: .5em;
        width: 26.5em
    }

    .info-modal .modal__bottom-btn img, .login-modal .modal__bottom-btn img {
        height: .44em;
        bottom: -.21em
    }

    .pass-recovery-modal .modal-form {
        margin-top: 2.5em
    }

    .img-modal .modal__dialog {
        padding: 6.25em 2.5em 3.75em
    }

    .img-modal .modal-form__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 2.5em
    }
}

.info-modal .modal__dialog {
    width: 63.75em
}

.info-modal__icon {
    width: 19em;
    margin: 0 auto 3.125em;
    display: block
}
.info-modal__icon.snow-popup {
    position: absolute;
    bottom: -7em;
    left: 50%;
    transform: translateX(-50%) rotate(12.42deg);
    width: 82.29em;
    height: 21.49em;
    opacity: 0.3;
    pointer-events: none;
    z-index: -1;
}

.info-modal__desc {
    text-align: center;
    font-size: 2.25em;
    line-height: 128%
}

.info-modal__desc p {
    line-height: inherit;
    margin-bottom: .75em
}

.info-modal__desc p:last-child {
    margin-bottom: 0
}

.info-modal__desc2 {
    text-align: center;
    font-size: 2.5em;
    line-height: 125%;
    font-weight: 700;
    color: #f83715;
    margin-top: .75em
}

.info-modal__desc3 {
    text-align: center;
    font-size: 2em;
    line-height: 148%;
    color: #70858e;
    margin-top: 1.5625em
}

.info-modal .modal-form__btn {
    position: relative;
    z-index: 1;
    margin-top: 3.125em;
}

.info-modal .m-card__top {
    margin-bottom: 3.125em
}

.info-modal__img {
    margin-bottom: -3em;
    width: 53.75em;
    max-width: 100%;
    margin: 0px auto -1em;
    margin-bottom: 1em;
    display: block;
}
.info-modal__img.bg-kid-success {
    position: absolute;
    margin-bottom: 24em !important;
    width: 61.75em;
    top: 10em;
    left: 1em;
    z-index: -1;
    max-width: 100%;
    margin: 0px auto -1em;
    margin-bottom: 1em;
    display: block;
}

.product-modal .modal__dialog {
    width: 112.5em
}
.modal__dialog.newIdeas_dialog {
    width: 160.5em;
}

.product-modal__grid.ideas {
    margin-left: 17em;
    margin-top: 3.75em;
    display: grid;
    grid-template-columns: 42.5em calc(100% - 42.5em - 6.25em);
    gap: 6.25em;
}
.product-modal__grid {
    margin-left: 0em;
    margin-top: 3.75em;
    display: grid;
    grid-template-columns: 42.5em calc(100% - 42.5em - 6.25em);
    gap: 6.25em;
}

.product-modal .info-modal__desc {
    text-align: left
}

.product-modal .info-modal__desc p {
    margin-bottom: 1.5em
}

.product-modal__img {
    padding: 1.25em;
    border-radius: 5em;
}

.product-modal__img img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 3.75em
}
.product-modal__col2 {
    margin-top: 1em;
}

.product-modal .modal-form__btn {
    margin-left: 0
}

.receipt-modal .modal__dialog {
    width: 63.75em
}

.receipt-modal .modal-form {
    margin-top: 0
}

.receipt-modal .file-input {
    width: 43.75em;
    max-width: 100%;
    margin: 0 auto
}

.receipt-modal .file-input__inner {
    background: #FFF7F2;
    padding: 9.375em 3.75em;
    text-align: center
}

.receipt-modal .file-input__title {
    font-size: 1.875em;
    line-height: 120%
}

.receipt-modal .file-input__title p {
    line-height: inherit;
    margin-bottom: 1em
}

.receipt-modal .file-input__title p:last-child {
    margin-bottom: 0
}

.receipt-modal .receipt-item {
    width: 32.125em
}

.receipt-modal .receipt-item__img:before {
    display: none
}

.receipt-form {
    margin: 3.125em auto 0;
    width: 42.5em;
    max-width: 100%
}

.receipt-form .fg label {
    text-align: center;
    font-size: 1.625em;
    line-height: 138%;
    margin-bottom: .61em;
    font-weight: 400;
    color: #231f20;
    text-transform: none;
}

.receipt-form .fg input {
    text-align: center
}

.receipt-form__btn {
    width: 36.25em;
    max-width: 100%;
    margin: 2.5em auto 0
}

.receipt-form__guide {
    margin-top: 2.5em;
    color: #009fe5
}

.receipt-form__guide img {
    width: 2em;
    margin-right: .5em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.receipt-form__guide span {
    font-size: 1.75em;
    line-height: 129%
}

@media screen and (max-width: 576px) {
    .info-modal__icon {
        width: 15.625em;
        margin-bottom: 2.5em
    }
    .info-modal__img.bg-kid-success {
        position: absolute;
        margin-bottom: 23em !important;
        width: 61.75em;
        top: 8em;
        left: -1em;
        z-index: -1;
        max-width: 100%;
        margin: 0px auto -1em;
        margin-bottom: 1em;
        display: block;
    }

    .info-modal__desc {
        font-size: 1.75em
    }

    .info-modal__desc2 {
        font-size: 2em;
        line-height: 113%;
        margin-top: .9375em
    }

    .info-modal__desc3 {
        font-size: 1.75em;
        line-height: 128%;
        margin-top: 1.43em
    }

    .info-modal .modal-form__btn {
        margin-top: 1.875em
    }

    .info-modal .m-card__top {
        margin-bottom: 2.5em
    }

    .product-modal__grid {
        margin-top: 1.5em;
        grid-template-columns:26.5em calc(100% - 29em);
        gap: 2.5em
    }

    .product-modal__img {
        padding: .75em;
        border-radius: 3.75em
    }

    .receipt-modal .receipt-item {
        width: 26.25em
    }

    .receipt-form {
        margin-top: 2.5em
    }

    .receipt-form .fg label {
        font-size: 1.375em;
        line-height: 127%;
        margin-bottom: .54em
    }

    .receipt-form__btn {
        width: 26.5em;
        padding: 0
    }
}

.card-field input {
    font-weight: 400
}

.card-field._error {
    margin-bottom: 5em
}

.card-field._error input::-webkit-input-placeholder {
    color: #f83715
}

.card-field._error input::-moz-placeholder {
    color: #f83715
}

.card-field._error input:-ms-input-placeholder {
    color: #f83715
}

.card-field._error input::-ms-input-placeholder {
    color: #f83715
}

.card-field._error input::placeholder {
    color: #f83715
}

.card-field .fg__error-text {
    top: 100%;
    margin-top: .61em
}

@media screen and (max-width: 576px) {
    .product-modal__grid {
        grid-template-columns:100%
    }

    .product-modal__img {
        width: 26.5em;
        margin: 0 auto
    }

    .product-modal .info-modal__desc {
        text-align: center
    }

    .product-modal .modal-form__btn {
        margin-left: auto
    }

    .receipt-modal .modal__dialog {
        padding-top: 6.25em
    }

    .receipt-modal .file-input__inner {
        padding: 5em 3.75em
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    color: #fff;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}
.header._type22 {
    opacity: 1;
    background-color: #f83715;
}

.header .container {
    padding: 0 11.5em 0 6.12em;
}

.header__inner {
    padding: 1.875em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.header__logo {
    position: absolute;
    display: flex; /* <-- Ставим flex */
    align-items: center; /* по вертикали */
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transform: translate(0%, -20%);
    top: 22px;
    left: 34px;
    width: 24.3125em;
    opacity: 0;
}
.header__logo._type33 {
    opacity: 1;
}
.header__logo.active {
    animation-name: logo;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes logo {
    0% {
        transform: translate(0%, -20%);
        opacity: 0;
    }
    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

.header__logo:before {
    content: '';
    position: absolute;
    width: 41.375em;
    height: 21em;
    background-image: url(../img/logo-bg.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    left: -5.25em;
    top: -10em;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1;
    pointer-events: none;
}

.header__logo._type33:before {
    content: '';
    position: absolute;
    width: 41.375em;
    height: 21em;
    background-image: url(../img/logo-bg.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    left: -5.25em;
    top: -10em;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1;
    pointer-events: none;
}

.header__logo img {
    position: relative;
    z-index: 2;
    width: 100%;
    display: block
}
.dm-img {
    width: 11em !important;
    margin: 7em 0em 0em 19.7em;
    position: absolute !important;
}
.kinder-logo {
    width: 18em !important;
    margin: 6em 0em 0em -1em;
    position: absolute !important;
}


.header:not(._type2) .nav a {
    position: relative;
    display: inline-block;
}

.header:not(._type2) .nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.2em;
    width: 100%;
    height: 0.2em;
    background: url("../img/underline.svg") no-repeat left center;
    background-size: contain;
    opacity: 0;
    transition: opacity .35s ease;
}

.header:not(._type2) .nav a:hover {
    color: #FFFFFF;
}

.header:not(._type2) .nav a:hover::after {
    opacity: 1;
}

.header._fix .nav a:hover {
    color: #FFFFFF;
}


.header._fix, .header._type2 {
    background-color: #f83715
}
.header__logo._type3 {
    opacity: 1;
    margin-top: 2em;
}

.header._fix .header__logo:before, .header._type2 .header__logo:before {
    opacity: 1
}
.header._type2 .header__logo img {
    opacity: 1 !important;
    visibility: visible !important;
}
.burger, .menu__close, .menu__mob-nav {
    display: none
}

.nav {
    font-weight: 700
}

.nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav li {
    margin-right: 3.125em
}

.nav li:last-child {
    margin: 0
}

.nav a {
    font-size: 2.25em;
    line-height: 128%
}

.nav a:hover {
    /*color: #009fe5*/
}

.header-lk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5.125em
}
.header-lk._lk1 {
    margin-left: 7.9em;
}

.header-lk__btn {
    margin-right: 1.25em;
    padding: 0 1.875em;
    border-radius: 1.25em;
    border: .125em dashed #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.75em;
    font-weight: 700;
    color: #fff
}

.header-lk__btn:hover {
    background-color: #fff;
    color: #f83715;
    border-style: solid
}

.header-lk__btn span {
    font-size: 1.75em
}

.header-lk__btn:last-child {
    margin: 0
}

.header-lk__logout {
    margin-top: 0.1em;
    font-size: 1.75em;
    line-height: 128%;
    text-decoration: underline;
    opacity: .8
}
.header-lk__btn.logout {
    margin-top: 0.1em;
    font-size: 1em;
    line-height: 128%;
    opacity: .8
}
.header-lk__btn.logout span {
    margin-top: 0.1em;
    font-size: 1.75em;
}

.header-lk__logout:hover {
    color: #009fe5;
    opacity: 1
}

@media screen and (max-width: 576px) {
    .header .container {
        padding: 0 .75em 0 1.44em
    }
    .mob-text{
        position: absolute;
        margin-top: 5em;
        width: 36.075em !important;
        left: -11.44em;
    }
    .mob-woman{
        position: absolute;
        top: 16em;
        width: 12.375em !important;
        left: -0.8em;
    }
    .mob-man{
        position: absolute;
        top: 3em;
        width: 25.575em !important;
        left: 6.8em;
    }
    .mob-kid{
        position: absolute;
        top: 17.5em;
        width: 11.575em !important;
        left: -3.4em;
    }
    .mob-pack{
        position: absolute;
        top: 29em;
        width: 20.575em !important;
        left: -0.2em;
    }
    .mob-main{
        position: relative;
        top: 34.3em;
        width: 19.575em !important;
        left: -11.2em;
    }

    .header__logo {
        margin-top: -1em;
        padding-top: .5em;
        width: 14.375em;
        z-index: 11
    }

    .header__logo:before {
        opacity: 1;
        width: 29.4375em;
        height: 21.625em;
        left: -7.44em;
        background-image: url(../img/logo-bg2.svg);
    }

    .header__inner {
        padding: 0
    }

    .header._open .menu {
        opacity: 1;
        pointer-events: unset
    }

    .header._open .header__logo:before {
        opacity: 1
    }

    .mob-woman.active {
            animation-name: mother;
            animation-duration: 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: both;
            animation-timing-function: ease-in-out;
        }

        @keyframes mother {
            0% {
                transform: translate(-150%, -15%) scale(0.8);
                opacity: 0;
            }
            2% {
                opacity: 1;
            }
            100% {
                transform: translate(0%, 0%) scale(1);
                opacity: 1;
            }
        }

        .mob-man.active {
            animation-name: father;
            animation-duration: 1.5s;
            animation-iteration-count: 1;
            animation-fill-mode: both;
            animation-timing-function: ease-in;
        }

        @keyframes father {
            0% {
                transform: translate(120%, -55%) scale(0.3);
                opacity: 0;
            }
            3% {
                opacity: 1;
            }
            100% {
                transform: translate(0%, 0%) scale(1);
                opacity: 1;
            }
        }

        .mob-kid.active  {
            animation-name: kid;
            animation-duration: 1s;
            animation-iteration-count: 1;
            animation-fill-mode: both;
            animation-timing-function: ease-in;
        }

        @keyframes kid {
            0% {
                transform: translate(55%, -11%) scale(0.3) !important;
                opacity: 0;
            }
            3% {
                opacity: 1;
            }
            100% {
                transform: translate(0%, 0%) scale(1);
                opacity: 1;
            }
        }

        @keyframes kid_pic {
            0% {
                transform: translate(0%, 0%);
            }
            20% {
                transform: translate(0%, -5%);
            }
            40%,
            100% {
                transform: translate(0%, 0%);
            }
        }

    .burger {
        width: 6em;
        height: 6em;
        display: block;
        border-radius: 1.25em;
        margin-top: -1em;
        margin-right: 1.3em;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .burger img {
        width: 3.5em;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 1.25em
    }

    .menu {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        z-index: 10;
        position: fixed;
        top: 0;
        left: 0;
        padding: 9.31em 2.5em 4.81em;
        background: -webkit-gradient(linear, left top, left bottom, from(#bcebff), color-stop(5.9%, #d5f3ff), color-stop(29.9%, #fff));
        background: -o-linear-gradient(top, #bcebff 0, #d5f3ff 5.9%, #fff 29.9%);
        background: linear-gradient(180deg, #bcebff 0, #d5f3ff 5.9%, #fff 29.9%);
        height: calc(100 * var(--vh));
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #f83715
    }

    .menu:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        background-color: #f83715;
        height: 5.125em
    }

    .menu__close {
        position: fixed;
        width: 3.5em;
        top: .81em;
        right: 2em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .menu__close img {
        width: 100%
    }

    .menu__mob-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 3.75em
    }

    .menu__btn {
        margin-right: 1.25em;
        padding: 0 3.19em;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .menu__btn:last-child {
        margin: 0
    }

    .nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .nav li {
        margin: 0 0 1.875em
    }

    .nav a {
        font-size: 2.5em
    }

    .header-lk {
        border-radius: 1.25em;
        background: #E8F9FE;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 3.75em 0 0;
        padding: 1.5em
    }

    .header-lk__btn {
        border-color: #f83715;
        color: #f83715
    }
}

.footer {
    margin-top: -15em;
    position: relative;
    z-index: 3
}

.footer._type2 .footer-top {
    display: none
}

.footer-bottom, .footer-top {
    position: relative
}

.footer-bottom .container, .footer-top .container {
    position: relative;
    z-index: 2
}

.footer-bottom__bg, .footer-top__bg {
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute
}

.footer-bottom__bg img, .footer-top__bg img {
    width: 100%;
    display: block
}

.footer-bottom__bg ._view2, .footer-top__bg ._view2 {
    display: none
}

.footer-top {
    padding-bottom: 2.5em
}

.footer-top .container {
    padding: 0 10.625em
}

.footer-top__bg {
    bottom: -18em
}

.footer-top__text {
    margin: 7em 0em 2em 0em;
    font-weight: 300;
    color: #70858e;
    text-align: center;
}

.footer-top__text p {
    font-size: 1.75em;
    line-height: 135%;
    margin-bottom: .75em
}

.footer-top__text p:last-child {
    margin-bottom: 0
}

.footer-top__text a {
    text-decoration: underline
}

.footer-bottom {
    padding: 12em 0 6em;
    color: #fff
}

.footer-bottom .container {
    padding: 0 17.25em 0 31em
}

.footer-bottom__info, .footer-bottom__link {
    font-size: 1.75em;
    line-height: 129%
}

.footer-bottom__link {
    font-weight: 700;
    text-decoration: underline;
    margin-right: 2.85em
}

.footer-bottom__info {
    font-weight: 300
}

.footer-bottom__info a {
    font-weight: 700;
    text-decoration: underline
}

.footer-bottom__info a:hover {
    text-decoration: none
}

.footer-bottom a:hover {
    color: #fff
}
.footer-top__bg img._view111 {
    display: flex;
    width: 180em;
    height: auto;
    position: absolute;
    top: -109.3em;
    left: 0em;
 }
.footer-top__bg img._view1111 {
    height: 55em;
    display: flex;
    position: absolute;
    top: -66em;
}
.footer-top__bg img._view_man {
    display: flex;
    position: absolute;
    top: -86.5em;
    right: 120em;
    transform: scaleX(-1);
    width: 53em;
}
.footer-top__bg img._view_kid {
    display: flex;
    position: absolute;
    right: 103em;
    top: -72.2em;
    width: 23em;
    transform: scaleX(-1);
}

.footer-top__bg img._view_kid.left {
    display: flex;
    position: absolute;
    right: 164em;
    top: -53em;
    width: 16em;
    transform: scaleX(-1);
    z-index: 2;
}
.footer-top__bg img._view_man.right {
    display: flex;
    position: absolute;
    top: -67em;
    right: 152em;
    transform: scaleX(-1);
    width: 33em;
    z-index: 1;
}

.footer-top__bg img._view_woman.right {
    display: flex;
    position: absolute;
    top: -69em;
    right: 13em;
    transform: scaleX(-1);
    width: 18em;
    z-index: 1;
}

@media screen and (max-width: 576px) and (min-width: 577px) {
    .footer-bottom__bg {
        height: 100%
    }

    .footer-bottom__bg img {
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media screen and (max-width: 576px) {
    .footer {
        margin-top: 0
    }

    .footer .container {
        margin: 30em 0em 0em 0em;
        padding: 0 2.5em;
        z-index: 4;
    }
    .footer .bg-cont {
        margin: 30em 0em 0em 0em;
        padding: 0 2.5em;
        background: #FFFFFF;
        z-index: 4;
    }
    .footer-top__bg img._view_kid {
        display: flex;
        position: absolute;
        right: 11em;
        top: 11.8em;
        width: 15em;
        transform: scaleX(-1);
    }
    .footer-top__bg img._view_man {
        display: flex;
        position: absolute;
        right: 21em;
        top: 1.8em;
        transform: scaleX(-1);
        width: 35em;
    }

    .footer-top {
        overflow: hidden;
        background-color: #fff;
        padding-bottom: 3.125em
    }

    .footer-top__bg {
        bottom: 100%;
        margin-bottom: -14em
    }


    .footer-top__text p {
        font-size: 1.5em;
        line-height: 133%
    }

    .footer-bottom {
        margin-top: -28em;
        overflow: hidden;
        padding: 6.61em 0 4.875em;
    }
    .footer-top__text {
        margin: 57em 0em 2em 0em;
        font-weight: 300;
        color: #70858e;
        text-align: center;
    }

    .footer-bottom__inner {
        display: grid;
        grid-template-columns:100%;
        gap: 2.5em
    }

    .footer-bottom__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-bottom__link {
        margin: 0 0 1.43em
    }

    .footer-bottom__link:last-child {
        margin: 0
    }

    .footer-bottom__info {
        text-align: center
    }

    .text {
        font-size: .75em
    }
}

@media screen and (max-width: 576px) {
    .footer-bottom__bg ._view1, .footer-top__bg ._view1 {
        display: none
    }

    .footer-bottom__bg ._view2, .footer-top__bg ._view2 {
        display: block
    }
    .footer-bottom__bg ._view2, .footer-top__bg ._view2 {
        display: block;
        position: relative;
        z-index: 4;
    }
    .footer-top__bg ._view2 {
        display: none;
    }

    .footer-top__bg {
        margin-bottom: -17em
    }
}

.text li, .text p {
    font-size: 2.25em;
    line-height: 128%
}

.text p:not(:last-child) {
    margin: 0 0 1em
}

.text ol, .text ul {
    display: grid;
    grid-template-columns:100%;
    gap: .5em
}

.text ol:not(:last-child), .text ul:not(:last-child) {
    margin: 0 0 2em
}

.text ol li, .text ul li {
    position: relative;
    padding-left: 1em
}

.text ol li:before, .text ul li:before {
    position: absolute;
    top: 0;
    left: 0
}

.text ol {
    counter-reset: list
}

.text ol li {
    counter-increment: list
}

.text ol li:before {
    content: counter(list) ". "
}

.text ul li {
    position: relative;
    padding-left: 1em
}

.text ul li:before {
    content: '•'
}

.text h4 {
    margin-bottom: .25em
}

.text img {
    display: block;
    margin-bottom: 2em;
    max-width: 100%
}

.text img:last-child {
    margin-bottom: 0
}

.text span {
    white-space: nowrap
}

.catalog {
    padding: 3.25em 0 44.625em;
    /* линейный градиент сверху вниз: белый → синий → белый */
    background: linear-gradient(180deg, #FFFFFF 0%, #75DAFF 46.92%, #75DAFF 57.35%, #FFFFFF 100%);
    overflow-x: hidden;
}
.whoAct {
    padding: 14.25em 0 0.625em;
    /* линейный градиент сверху вниз: белый → синий → белый */
    background: linear-gradient(#FFFFFF 100%);
}

.whoAct__bg {
    position: absolute;
    width: 229em;
    top: 113em;
    right: 0;
}

.whoAct__products {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.whoAct__item {
    text-align: center;
    opacity: 0;
    transform: translateY(40px) scale(1);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.whoAct__item._show {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.whoAct__item:nth-child(1)._show {
    transition-delay: 0.15s;
}

.whoAct__item:nth-child(2)._show {
    transition-delay: 0.35s;
}
@keyframes productFadeUp {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.whoAct__item img {
    position: relative;
    width: 50em !important;
    width: 100%;
    top: -10.3em;
    left: -2em;
}
.whoAct__item.kinder__100 img {
    width: 66em !important;
    top: -15.6em;
    left: -1em;
}

.whoAct__text {
    margin-top: 12px;
    font-size: 16px;
    color: #00AEEF;
}
.whoAct__text.kinder__50 {
    position: relative;
    top: -3.65em;
    left: -0.65em;
    color: #00AEEF;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 800;
    font-size: 2.475em;
    letter-spacing: 0.01em;
}
.whoAct__text.kinder__100 {
    position: relative;
    top: -8.55em;
    left: -0.2em;
    color: #00AEEF;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 800;
    font-size: 2.475em;
    letter-spacing: 0.01em;
}

.whoAct__note {
    position: relative;
    top: -8.75em;
    left: 42.8em;
    font-family: "Circe Rounded DM", sans-serif;
    font-weight: 400;
    font-size: 1.575em;
    color: #70858E;
    letter-spacing: 0.01em;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.whoAct__note._show {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
}

.catalog__top {
    position: relative;
    top: 5.5em;
    left: -37.5em;
    margin-bottom: 1.125em;
}
.catalog__bottom {
    position: relative;
    top: -10.4em;
    left: 4.8em;
    margin-bottom: 1.125em;
}

.catalog__title {
    position: relative
}

.catalog__title img {
    position: absolute;
    top: -2.45em;
    left: -9.85em;
    width: 7.75em;
}

.catalog-slider {
    margin-top: 5.625em;
    position: relative;
    z-index: 3
}

.catalog-slider .swiper-container {
    width: calc(100% + 6.25em)
}

.catalog-slider .swiper-slide {
    width: calc(100% / 3);
    padding-right: 6.25em;
    padding-bottom: .625em
}

.catalog-slider .swiper-button {
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.catalog-slider .swiper-button-prev {
    left: -13.125em
}

.catalog-slider .swiper-button-next {
    right: -13.125em
}

.catalog-slider .swiper-pagination {
    display: none
}

.catalog-slider .slider__wrap {
    overflow: hidden;
    border-radius: 5em 5em 0 0;
    padding-right: .625em;
    width: calc(100% + .625em)
}

.catalog-card {
    border-radius: 5em 5em 0 0;
    position: relative;
    color: #fff
}

.catalog-card._disabled {
    -webkit-filter: blur(25px);
    filter: blur(25px)
}

.catalog-card._disabled:after {
    display: block;
    z-index: 2
}

.catalog-card:after, .catalog-card:before {
    content: '';
    position: absolute;
    top: .625em;
    left: -0.375em;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: .15;
    background: #f52222;

}

.catalog-card:after {
    top: 0;
    left: 0;
    display: none;
    opacity: .5;
    background: #fff
}

.catalog-card__img {
    position: relative;
    width: 302px;           /* задаем фиксированную ширину */
    height: 400px;          /* задаем фиксированную высоту */
    object-fit: cover;      /* чтобы картинка не искажалась */
    border-top-left-radius: 68px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 68px;
    border-bottom-left-radius: 24px;
    box-shadow: 8px 8px 0px 0px #FFFFFF;
    display: block;
}

.catalog-card__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.catalog-card__bottom, .catalog-card__top {
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2
}

.catalog-card__top {
    top: 0;
    padding: 1.44em;
    text-align: center
}

.catalog-card__bottom {
    padding: 2.5em 4.25em;
    bottom: 0
}

.catalog-card__btn {
    width: 100%
}

.swiper-button {
    width: 4.125em;
    height: 6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-button img {
    width: 100%
}

@media screen and (max-width: 576px) {
    .catalog {
        padding: 8em 0 6.875em;
        overflow: hidden
    }

    .catalog__top {
        width: 37em;
        margin-left: 50.5em;
        margin-top: -11em;
        margin-bottom: -0.75em;
    }
    .catalog__bottom {
        width: 24em;
        margin-left: 10em;
        margin-top: -16em;
        margin-bottom: -0.75em;
    }
    .whoAct__bg {
        position: absolute;
        width: 96em;
        height: 45em;
        top: 172em;
        right: 0em;
    }
    .whoAct__item img {
        position: relative;
        width: 27em !important;
        width: 100%;
        top: -13.9em;
        left: 0em;
    }
    .whoAct__text.kinder__50 {
        position: relative;
        top: -6.885em;
        left: 0.1em;
        color: #00AEEF;
        font-family: "Circe Rounded DM", sans-serif;
        font-weight: 800;
        font-size: 1.975em;
        letter-spacing: 0.01em;
    }
    .whoAct__item.kinder__100 img {
        width: 36em !important;
        top: -20.6em;
        left: 0em;
    }
    .whoAct__text.kinder__100 {
        position: relative;
        top: -11.985em;
        left: 0.1em;
        color: #00AEEF;
        font-family: "Circe Rounded DM", sans-serif;
        font-weight: 800;
        font-size: 1.975em;
        letter-spacing: 0.01em;
    }
    .whoAct__products {
        display: flex;
        justify-content: center;
        gap: 8em;
        margin-top: 7em;
        flex-wrap: wrap;
        margin-bottom: -11em;
    }
    .whoAct__note {
        width: 17em;
        position: relative;
        top: -4.75em;
        text-align: center;
        left: 7.9em;
        font-family: "Circe Rounded DM", sans-serif;
        font-weight: 400;
        font-size: 1.375em;
        color: #70858E;
        letter-spacing: 0.01em;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }
    .container.whoAct {
    }

    .catalog__title img {
        top: 1.0375em;
        left: -7.8em;
        width: 6em;
    }


    .catalog-slider {
        margin-top: 2.5em
    }

    .catalog-slider .swiper-container {
        width: calc(100% + 2em)
    }

    .catalog-slider .swiper-slide {
        width: 50%;
        padding-right: 2em
    }

    .catalog-slider .swiper-button-prev {
        left: -3em
    }

    .catalog-slider .swiper-button-next {
        right: -3em
    }

    .swiper-button {
        width: 2.5625em;
        height: 3.625em
    }
}

@media screen and (max-width: 576px) {
    .catalog-slider__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 6.25em;
        margin-top: 2.125em
    }


    .catalog-slider .swiper-slide {
        width: 100%
    }

    .catalog-slider .swiper-button {
        position: static;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .catalog-slider .swiper-pagination {
        font-variant-numeric: tabular-nums;
        -webkit-font-feature-settings: "tnum";
        font-feature-settings: "tnum";
        position: static;
        display: block;
        font-weight: 700;
        font-size: 2.5em;
        color: #f83715
    }

    .catalog-slider .swiper-pagination span {
        margin: 0 .125em
    }
}

.time-kinder__tabs {
    display: flex;
    gap: 0.5em;
    position: relative;
    z-index: 1;
    margin-bottom: 6em;
    left: -15.2em; /* при необходимости можно подкорректировать */
    top: 1em;
}



.time-kinder__tabs .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em 0.7em;
    border-radius: 2em;
    border: 2px solid #f83715;
    background: #fff;
    color: #f83715;
    cursor: pointer;
    font-weight: bold;
    font-size: 2em;
    text-transform: none;
    position: relative;
    width: 9em;
}
.time-kinder__tabs .tab.active .tab-label {
    color: inherit;
}

.time-kinder__tabs .tab.active {
    background: #f83715;
    color: #fff;
}
/* Подпись внутри кнопки */
.tab-label {
    display: block;
    margin-top: 0em;
    font-size: 1em;
}

/* Неактивные кнопки (3 и 4 недели) */
.time-kinder__tabs .tab.disabled {
    border: none;          /* убираем обводку */
    background: transparent; /* без фона */
    color: #80CCE9;        /* цвет текста */
    cursor: pointer;
}

.time-kinder__cards {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
}

.time-kinder {
    position: relative;
    margin-top: 10em;
}
.time-kinder__bg {
    position: absolute;
    top: -1em;
    left: 18%;
    transform: translateX(-50%);
    width: 62%;
    height: auto;
    z-index: 0;
    pointer-events: none;
}
.time-kinder__bg-snow {
    position: absolute;
    top: 25em;
    right: -95em;
    width: 202%;
    height: auto;
    z-index: 0;
    pointer-events: none;
}
.ideas-container {
    position: relative;
    left: -13em; /* можно подкорректировать */
    top: 14em;
    width: max-content; /* чтобы карточки могли вылезать */
    overflow: visible;
    height: 51em; /* высота карточек */

}
/* Сдвиги по вертикали для эффекта ступеней */
.idea-card:nth-child(1) { left: 0; }
.idea-card:nth-child(2) { left: 40em;
    top: -8em; }
.idea-card:nth-child(3) {     top: 8em;
    left: 81em; }
.idea-card:nth-child(4) {     top: -45em;
    left: 81em; }
.idea-card:nth-child(5) { top: -23em;
    left: 122em; }

.idea-card {
    opacity: 0;
    transform: translateY(20px);
    position: absolute;
    top: 0;
    width: 36.875em;
    height: 51em;
    border-radius: 8.25em 1.5em 8.25em 1.5em;
    overflow: hidden;
    box-shadow: 0.9em 0.9em 0 0 #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.idea-card.visible {
    animation: ideaFadeIn 1s ease-out forwards;
}
@keyframes ideaFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.idea-card:nth-child(1) { animation-delay: 0.5s; }
.idea-card:nth-child(2) { animation-delay: 0.5s; }
.idea-card:nth-child(3) { animation-delay: 0.7s; }
.idea-card:nth-child(4) { animation-delay: 0.7s; }
.idea-card:nth-child(5) { animation-delay: 0.8s; }

.idea-time {
    position: absolute;
    top: 0.5em;
    right: 0.8em;
    background: #fff;
    color: #ff3b00;
    padding: 0.25em 0.5em;
    border-radius: 0.5em;
    font-weight: bold;
    font-size: 3.975em;
}

.idea-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idea-img-inside {
    width: 117%;
    height: auto;
    position: absolute;
    top: 6em;
    left: -10em;
}
.idea-img-inside.g-1-4 {
    width: 127%;
    height: auto;
    position: absolute;
    top: 7em;
    left: -10em;
}
.idea-img-inside.popup {
    width: 117%;
    height: auto;
    position: relative;
    top: -41em;
    aspect-ratio: 0 / 0;
    left: -11.6em;
    margin-bottom: -28em;
}
.idea-img-inside.g-2-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -40em;
    aspect-ratio: 0 / 0;
    left: -36.6em;
    margin-bottom: -31em;
}
.idea-img-inside.g-3-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -39em;
    aspect-ratio: 0 / 0;
    left: -34.2em;

}
.idea-img-inside.g-4-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -38em;
    aspect-ratio: 0 / 0;
    left: -33.2em;
}
.idea-img-inside.g-5-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -38em;
    aspect-ratio: 0 / 0;
    left: -33.2em;
}
.idea-img-inside.g-1-2-inside {
    width: 115%;
    height: auto;
    position: relative;
    top: -41em;
    aspect-ratio: 0 / 0;
    left: -10.7em;
}
.idea-img-inside.g-1-4-inside {
    width: 128%;
    height: auto;
    position: relative;
    top: -41em;
    aspect-ratio: 0 / 0;
    left: -12.6em;
}
.idea-img-inside.g-2-2-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -40em;
    aspect-ratio: 0 / 0;
    left: -36.6em;
}
.idea-img-inside.g-3-2-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -40em;
    aspect-ratio: 0 / 0;
    left: -36.6em;
}
.idea-img-inside.g-4-2-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -40em;
    aspect-ratio: 0 / 0;
    left: -36.6em;
}
.idea-img-inside.g-5-2-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -43em;
    aspect-ratio: 0 / 0;
    left: -35.6em;
}


.idea-img-inside.g-2-3-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -42em;
    aspect-ratio: 0 / 0;
    left: -36.6em;
}
.idea-img-inside.g-3-3-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -40em;
    aspect-ratio: 0 / 0;
    left: -29.6em;
}
.idea-img-inside.g-4-3-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -46em;
    aspect-ratio: 0 / 0;
    left: -34.2em;
}
.idea-img-inside.g-5-3-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -40em;
    aspect-ratio: 0 / 0;
    left: -30.6em;
}



.idea-img-inside.g-2-4-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -38em;
    aspect-ratio: 0 / 0;
    left: -26.2em;
}
.idea-img-inside.g-3-4-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -39em;
    aspect-ratio: 0 / 0;
    left: -10.6em;
}
.idea-img-inside.g-4-4-inside {
    width: 180%;
    height: auto;
    position: relative;
    top: -39em;
    aspect-ratio: 0 / 0;
    left: -10.6em;
}
.idea-img-inside.g-5-4-inside {
    width: 141%;
    height: auto;
    position: relative;
    top: -35em;
    aspect-ratio: 0 / 0;
    left: -6.3em;
}



.idea-img-inside.g-2 {
    width: 182%;
    height: auto;
    position: absolute;
    top: 6em;
    left: -34em;
}
.idea-img-inside.g-3 {
    width: 182%;
    height: auto;
    position: absolute;
    top: 8em;
    left: -32em;
}
.idea-img-inside.g-2-3 {
    width: 182%;
    height: auto;
    position: absolute;
    top: 5em;
    left: -32em;
}
.idea-img-inside.g-2-4 {
    width: 182%;
    height: auto;
    position: absolute;
    top: 9em;
    left: -24em;
}
.idea-img-inside.g-4 {
    width: 187%;
    height: auto;
    position: absolute;
    top: 9em;
    left: -32em;
}
.idea-img-inside.g-4-3 {
    width: 187%;
    height: auto;
    position: absolute;
    top: 1em;
    left: -32em;
}
.idea-img-inside.g-4-4 {
    width: 187%;
    height: auto;
    position: absolute;
    top: 8em;
    left: -11em;
}
.idea-img-inside.g-5-3 {
    width: 187%;
    height: auto;
    position: absolute;
    top: 6em;
    left: -29em;
}
.idea-img-inside.g-5-4 {
    width: 153%;
    height: auto;
    position: absolute;
    top: 10.5em;
    left: -7.7em;
}
.idea-img-inside.g-3-3 {
    width: 182%;
    height: auto;
    position: absolute;
    top: 7em;
    left: -27.4em;
}
.idea-img-inside.g-3-4 {
    width: 182%;
    height: auto;
    position: absolute;
    top: 8em;
    left: -10em;
}
.idea-img-inside.g-5 {
    width: 187%;
    height: auto;
    position: absolute;
    top: 9em;
    left: -32em;
}

.idea-btn {
    margin: -2vw -2vw 0.6vw 0.7vw;
    position: absolute;
    bottom: 0.9em;
    left: 32%;
    transform: translateX(-50%);
    background: #F83815;
    color: #fff;
    border: none;
    padding: 0.7em 1.1em;
    border-radius: 1.3em;
    font-weight: bold;
    font-size: 2.5em;
    cursor: pointer;
    box-shadow: 0px 3px 0px 0px #D02000;
}


.card {
    position: relative;
    width: calc(20% - 1em);
    background: #fff;
    border-radius: 1em;
    overflow: hidden;
    text-align: center;
}

.card img {
    width: 100%;
    display: block;
}

.time-label {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    background: #f83715;
    color: #fff;
    padding: 0.3em 0.6em;
    border-radius: 0.5em;
    font-size: 0.9em;
}

.btn-red {
    margin: 0.5em 0;
    padding: 0.5em 1em;
    background: #f83715;
    color: #fff;
    border: none;
    border-radius: 1em;
    cursor: pointer;
}



.prizes {
    padding-bottom: 19.81em;
    position: relative;
    z-index: 2;
}

.prizes__bg {
    position: absolute;
    top: -60em;
    left: 0;
    width: 100%;
    pointer-events: none;
    display: none;
}

.prizes__bg img {
    width: 100%;
    display: block
}

.prizes__bg ._view2 {
    display: none
}

.prizes__title {
    position: relative;
    margin: 2.7em 0em 3em 10em;
}

.prizes__title img {
    top: -2.94em;
    left: 100%;
    margin-left: -28.79em;
    width: 7.9375em;
    position: absolute;
}

.prizes-slider {
    margin-top: 4.94em
}



.prizes-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: 26em 25.875em 23.8125em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
}
.prize-card {
    text-align: center
}
.prize-frame {
    width: 18.875em; /* 302px */
    height: 17.9375em; /* 287px */
    background: linear-gradient(227.91deg, #FFF4E5 0%, #FCFFF0 32.69%, #B0E9FF 100%);
    border-top-left-radius: 4.25em;  /* 68px */
    border-top-right-radius: 1.5em;  /* 24px */
    border-bottom-right-radius: 4.25em; /* 68px */
    border-bottom-left-radius: 1.5em; /* 24px */
    padding: 1em;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.prize-card__title {
    font-size: 3em;
    line-height: 167%;
    color: #f83715;
    font-weight: 700
}

.prize-card__img {
    position: relative;
    width: 37.5em;
    margin-top: -3.0em;
    margin-right: 0vw;
    left: -7em;
    min-height: 37.0625em;
}

.prize-card__img img {
    width: 100%;
    display: block
}

.prize-card__desc {
    text-align: center;
    width: 17em;
    height: 4.7em;

    font-size: 2.25em;
    line-height: 117%;

    background: #00AEEF;
    color: #ffffff;

    padding: 0.6em;
    border-radius: 1.6em;

    margin: 1vw 0 0 -4vw;

    align-items: center;
}
.prize-card__desc.second-text {
    padding: 1em 0em 0em 0em;
}

.travel {
    position: relative;
    z-index: 2;
    color: #fff
}

.travel__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.travel__bg img {
    margin-top: -2.3em;
    width: 100%;
    display: block;
}

.travel__bg ._view2 {
    display: none
}
.travel__bg .class2 {
    width: 90em;
    height: 90em;
    position: absolute;
    top: -9em;
    right: 3em;

}
@keyframes shakeTrain {
    0%   { transform: translateX(0) rotate(0deg); }
    25%  { transform: translateX(-1px) rotate(-1deg); }
    50%  { transform: translateX(0) rotate(0deg); }
    75%  { transform: translateX(1px) rotate(1deg); }
    100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tiltTrain {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(-30deg); }
    50%  { transform: rotate(0deg); }
    75%  { transform: rotate(30deg); }
    100% { transform: rotate(0deg); }
}
.travel__bg .class3 {
    width: 10.25em;
    height: auto;
    position: absolute;
    top: 53.6em;
    right: 133em;
    animation: moveDiagonal 2.5s ease-in-out infinite;
}
.travel__bg .class4 {
    width: 724.5px;
    height: 504.1017150878906px;
    position: absolute;
    top: 0em;
    right: 0em;
}

.travel__inner {
    min-height: 79em;
    position: relative;
    z-index: 2;
    padding: 8em 11.94em
}

.travel__content {
    width: 58.1875em;
    text-align: center
}

.travel__top {
    margin-bottom: 4.19em;
    position: relative
}

.travel__top img {
    top: -40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: .19em;
    width: 30em;
    position: absolute;
}

.travel__subtitle {
    font-size: 3em;
    line-height: 167%;
    font-weight: 700
}

.travel__desc {
    font-size: 5em;
    line-height: 127%;
    margin-top: .25em
}
.ideas-week {
    display: none;
    gap: 2.5em;
}
.ideas-week.active {
    display: flex;
}

@media screen and (min-width: 577px) {
    .travel__title {
        font-size: 8.75em;
        line-height: 107%
    }
}

@media screen and (max-width: 576px) {
    .prizes {
        padding: 0.25em 0 1em;
    }
    .ideas-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .ideas-scroll::-webkit-scrollbar {
        display: none;
    }

    /* Контейнер теперь горизонтальный */
    .ideas-container {
        display: flex;
        gap: 2.5em;
        width: max-content;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 0;
        padding-left: 0;
    }

    /* ВСЕ карточки становятся нормальными блоками */
    .idea-card {
        position: relative !important;
        width: 34em;
        height: 45em;
        flex-shrink: 0;
        top: 0 !important;
        left: 0 !important;
        margin-left: -0.7em;
    }
    .idea-btn {
        margin: -4vw -3vw -1.4vw 3.7vw;
        position: absolute;
        bottom: 1.34em;
        left: 32%;
        transform: translateX(-50%);
        background: #F83815;
        color: #fff;
        border: none;
        padding: 0.7em 1.1em;
        border-radius: 1.3em;
        font-weight: bold;
        font-size: 2.2em;
        cursor: pointer;
        box-shadow: 0px 3px 0px 0px #D02000;
    }
    .idea-time {
        position: absolute;
        top: 0.55em;
        right: 0.6em;
        background: #fff;
        color: #ff3b00;
        padding: 0.25em 0.5em;
        border-radius: 0.5em;
        font-weight: bold;
        font-size: 3.575em;
    }
    .time-kinder__bg-snow {
        position: absolute;
        top: 25em;
        right: -69em;
        width: 352%;
        height: auto;
        z-index: 0;
        pointer-events: none;
    }

    .ideas-week {
        display: none;
        gap: 2.5em;
    }
    .ideas-week.active {
        display: flex;
    }

    /* Убрать все твоие сдвиги для эффекта лестницы */
    .idea-card:nth-child(n) {
        top: 0 !important;
        left: 2em !important;
    }
    .idea-card.visible {
        animation: ideaFadeIn 0.8s ease-out forwards;
    }

    .prizes__bg {
        top: -27em
    }

    .prizes__title img {
        top: -1.1em;
        margin-left: -20.41em;
        width: 6.075em;
    }

    .prizes-slider {
        margin-top: 2.5em;
        padding: 0 4em;
        position: relative
    }

    .prizes-slider .slider__wrap {
        overflow: hidden
    }

    .prizes-slider .swiper-container {
        width: calc(100% + 4em)
    }

    .prizes-slider .swiper-slide {
        width: 50%;
        padding-right: 4em
    }

    .prizes-slider .swiper-button {
        top: 20.125em;
        margin: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .prizes-slider .swiper-button-prev {
        display: none;
        left: -1em
    }

    .prizes-slider .slider__wrap {
        display: flex;           /* горизонтальные элементы */
        gap: 20px;               /* расстояние между карточками */
        overflow-x: auto;        /* горизонтальный скролл */
        scroll-behavior: smooth; /* плавное скроллирование */
        -webkit-overflow-scrolling: touch; /* плавность на iOS */
    }

    .prizes-slider .slider__wrap::-webkit-scrollbar {
        display: none; /* убираем скроллбар */
    }

    .prizes-slider .swiper-button-next {
        display: none;
        right: -1em
    }

    .prize-card {
        text-align: center
    }

    .prize-card__title {
        font-size: 2.5em;
        line-height: 128%
    }

    .prize-card__img {
        margin-top: 1.87em;
        margin-bottom: 2.25em;
        min-height: unset
    }

    .travel__inner {
        min-height: 61em;
        padding: 9em 5.94em
    }
}

@media screen and (max-width: 576px) and (min-width: 577px) {
    .travel {
        font-size: .5em
    }
}

@media screen and (max-width: 576px) {
    .idea-img-inside {
        width: 117%;
        height: auto;
        position: absolute;
        top: 5.2em;
        left: -9.7em;
    }
    .idea-img-inside.popup {
        width: 115%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -6.6em;
    }
    .idea-img-inside.g-2 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 5em;
        left: -31.5em;
    }
    .idea-img-inside.g-2-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -34.7em;
        aspect-ratio: 0 / 0;
        left: -23.6em;
    }
    .idea-img-inside.g-3-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -30.7em;
        aspect-ratio: 0 / 0;
        left: -21.6em;
    }
    .idea-img-inside.g-4-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -29.7em;
        aspect-ratio: 0 / 0;
        left: -21em;
    }
    .idea-img-inside.g-5-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -29.7em;
        aspect-ratio: 0 / 0;
        left: -21.2em;
    }

    .idea-img-inside.g-2-2-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -23.6em;
    }
    .idea-img-inside.g-3-2-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -23.6em;
    }
    .idea-img-inside.g-4-2-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -23.6em;
    }
    .idea-img-inside.g-5-2-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -22.6em;
    }
    .idea-img-inside.g-2-3-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -22.9em;
    }
    .idea-img-inside.g-3-3-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -30.7em;
        aspect-ratio: 0 / 0;
        left: -18.9em;
    }
    .idea-img-inside.g-4-3-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -21.9em;
    }
    .idea-img-inside.g-5-3-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -31em;
        aspect-ratio: 0 / 0;
        left: -19.4em;
    }
    .idea-img-inside.g-1-4-inside {
        width: 128%;
        height: auto;
        position: relative;
        top: -31.7em;
        aspect-ratio: 0 / 0;
        left: -7.6em;
    }
    .idea-img-inside.g-2-4-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -29em;
        aspect-ratio: 0 / 0;
        left: -16.4em;
    }
    .idea-img-inside.g-3-4-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -30em;
        aspect-ratio: 0 / 0;
        left: -7em;
    }
    .idea-img-inside.g-4-4-inside {
        width: 183%;
        height: auto;
        position: relative;
        top: -30em;
        aspect-ratio: 0 / 0;
        left: -6.64em;
    }
    .idea-img-inside.g-5-4-inside {
        width: 140%;
        height: auto;
        position: relative;
        top: -27.4em;
        aspect-ratio: 0 / 0;
        left: -3.8em;
    }
    .idea-img-inside.g-3 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 7em;
        left: -29em;
    }
    .idea-img-inside.g-4 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 8em;
        left: -28.3em;
    }
    .idea-img-inside.g-5 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 8em;
        left: -28em;
    }
    .idea-img-inside.g-2-3 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 4em;
        left: -30em;
    }
    .idea-img-inside.g-3-3 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 6em;
        left: -25.4em;
    }
    .idea-img-inside.g-4-3 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 1em;
        left: -29em;
    }
    .idea-img-inside.g-5-3 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 6em;
        left: -26em;
    }
    .idea-img-inside.g-1-5 {
        width: 130%;
        height: auto;
        position: absolute;
        top: 5.2em;
        left: -10.2em;
    }
    .idea-img-inside.g-2-4 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 8em;
        left: -22em;
    }
    .idea-img-inside.g-3-4 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 7em;
        left: -8.5em;
    }
    .idea-img-inside.g-4-4 {
        width: 182%;
        height: auto;
        position: absolute;
        top: 7em;
        left: -8.5em;
    }
    .idea-img-inside.g-5-4 {
        width: 145%;
        height: auto;
        position: absolute;
        top: 10.5em;
        left: -5.7em;
    }

    .prizes__title {
        position: relative;
        margin: 10.4em 0em 3em 8em;
    }
    .prizes__bg {
        top: -15em
    }
    .time-kinder__bg {
        position: absolute;
        top: -2em;
        left: 49%;
        transform: translateX(-50%);
        width: 100%;
        height: 120%;
        z-index: 0;
        pointer-events: none;
    }
    .time-kinder__tabs .tab {
        margin: 0em 1em 0em 0em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0em 0.1em;
        gap: 0em;
        border-radius: 2em;
        border: 2px solid #f83715;
        background: #fff;
        color: #f83715;
        cursor: pointer;
        font-weight: bold;
        font-size: 1.7em;
        text-transform: none;
        position: relative;
    }
    .time-kinder__tabs {
        display: flex;
        gap: 0em;
        position: relative;
        z-index: 1;
        margin-bottom: 1.7em;
        left: 0.8em;
        top: -1.3em;
    }

    .prizes__bg ._view1 {
        display: none
    }

    .prizes__bg ._view2 {
        display: block
    }

    .prizes-slider .swiper-slide {
        width: 100%
    }

    .travel__bg ._view1 {
        display: none
    }

    .travel__bg ._view2 {
        position: relative;
        display: block;
        z-index: 3;
    }

    .travel__inner {
        background: #FFF6E7;
        min-height: 93.1875em;
        padding: 3.5em 2.5em;
    }
    .travel__title.h1 {
        margin: 0.5em 0em 0em 0em;
        font-size: 7.075em !important;
        line-height: 94%;
        display: none;
    }

    .travel__content {
        width: 100%
    }

    .travel__top {
        margin-bottom: 2.94em
    }

    .travel__top img {
        margin-top: 1.3375em;
        width: 30.125em;
        display: none;
    }

    .travel__subtitle {
        font-size: 2.95em;
        margin: 0.8em 0em 0em -0.1em;
        line-height: 221%;
        display: none;
    }

    .travel__desc {
        margin-top: .2em;
        display: none;
    }
    .travel__bg {
        position: absolute;
        top: 2em;
        left: 0;
        width: 100%;
        pointer-events: none;
    }
}

.winner {
    padding: 11em 0 0;
    position: relative;
    z-index: 2
}

.winner__bg {
    top: -5em;
    right: 0;
    position: absolute;
    width: 205.125em;
}

.winner__bg img {
    width: 100%;
    display: block
}

.winner__bg ._view2 {
    display: none
}

.winner__title {
    position: relative
}

.winner__title img {
    width: 8.0625em;
    position: absolute;
    top: -2.8825em;
    right: 36.56em;
    -ms-transform: rotate(-15deg);

}

.winner .filter-item {
    width: 50em;
    max-width: 100%;
    margin: 6.94em auto 0;
}

.winner-table {
    padding: 3.75em 5em;
    border-radius: 3.75em;
    background: #00AEEF;
    margin: 5.06em auto 0;
    width: 132.375em;
    position: relative;
    z-index: 2;
}

.winner-table__grid {
    padding: 0 2.5em;
    display: grid;
    grid-template-columns:27em 46em calc(100% - 75em);
    gap: 1em
}

.winner-table__head {
    margin-bottom: 2.5em
}

.winner-table__th {
    color: #FFFFFF;
    font-size: 2em;
    line-height: 128%;
    font-weight: 700
}

.winner-table__th:nth-child(3) {
    padding-left: .5em
}

.winner-table__rows {
    display: grid;
    grid-template-columns:100%;
    gap: 1em;
    max-height: 44.0625em;
    overflow-y: auto;
    width: calc(100% + 8.5em);
    padding-right: 7em
}

.winner-table__rows::-webkit-scrollbar {
    width: 1.5em;
    height: 1.5em
}

.winner-table__rows::-webkit-scrollbar-track {
    background: rgba(75, 128, 148, .3);
    border-radius: 1.25em
}

.winner-table__rows::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 1.25em;
    padding: .5em;
    border: .5em solid rgba(75, 128, 148, .3)
}
.winners__bg-snow {
    display: none !important;
}
@media screen and (max-width: 576px) {
    .winner-table__rows::-webkit-scrollbar {
        width: 1em;
        height: 1em
    }
    .winners__bg-snow {
        display: block;
        position: absolute;
        top: 1em;
        right: -34em;
        width: 216em !important;
        height: auto;
        z-index: 0;
        pointer-events: none;
    }


    .winner-table__rows::-webkit-scrollbar-thumb {
        padding: .25em;
        border: .25em solid rgba(75, 128, 148, .3)
    }
    .winner__top-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 9em;
        margin-left: 15em;
        gap: 2em;
    }
}

.winner-table__row {
    padding: 1.5em 2.5em;
    border-radius: 2.25em;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.winner-table__col3 {
    display: grid;
    grid-template-columns:calc(100% - 20.5625em - 1.5em) 20.5625em;
    gap: 1.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.winner-table__phone, .winner-table__title {
    font-size: 1.875em;
    line-height: 127%
}

.winner-table__num {
    font-size: 2em;
    line-height: 128%;
    text-align: right
}

.winner-table__desc {
    font-size: 1.5em;
    line-height: 117%;
    color: #70858e
}

.winner-table__mob-title {
    display: none
}

@media screen and (max-width: 576px) {
    .winner {
        padding-top: 5.375em
    }

    .winner__bg {
        width: 9.25em;
        top: 2em
    }

    .winner__bg ._view1 {
        display: none
    }

    .winner__bg ._view2 {
        display: block
    }

    .winner__title img {
        width: 6em;
        top: -1em;
        right: 24.14em;
    }

    .winner .filter-item {
        width: 36.25em;
        margin-top: 1.875em
    }

    .winner-table {
        padding: 0;
        border-radius: 0;
        background: 0 0;
        margin-top: 2.25em;
        width: 100%
    }

    .winner-table__grid {
        grid-template-columns:100%;
        gap: .75em
    }

    .winner-table__head {
        display: none
    }

    .winner-table__rows {
        gap: 1.875em;
        max-height: 49.5em;
        width: 100%;
        padding-right: 1.625em
    }

    .winner-table__row {
        padding: 1.875em;
        background: #bcebff
    }

    .winner-table__col, .winner-table__col2, .winner-table__col3 {
        padding: 1.25em 1.25em 1.25em 10.25em;
        border-radius: .625em;
        background: #fff;
        position: relative
    }

    .winner-table__col3 {
        grid-template-columns:100%;
        gap: .25em
    }

    .winner-table__num, .winner-table__phone, .winner-table__title {
        font-size: 1.75em
    }

    .winner-table__num {
        text-align: left
    }

    .winner-table__mob-title {
        position: absolute;
        display: block;
        font-weight: 700;
        font-size: 1.625em;
        line-height: 115%;
        top: .77em;
        left: .77em
    }
}

.faq {
    padding: 35.25em 0 22em;
    margin-top: -16em;

    background: linear-gradient(180deg, #EEFAFF 0%, #D5F3FF 25.78%, #05A8F8 47.56%);

    position: relative;
    overflow: hidden;
}
.snow-faq {
    position: absolute;
    left: -14em;
    top: 8em;
    width: 197em !important;
}

.faq__bg, .faq__bg2 {
    left: 0;
    position: absolute
}

.faq__bg img, .faq__bg2 img {
    width: 100%;
    display: block
}

.faq__bg ._view2, .faq__bg2 ._view2 {
    display: none
}

.faq__bg {
    top: -54em;
    width: 100%;
    pointer-events: none
}

.faq__bg2 {
    width: 66.625em;
    top: 17em
}

.faq__title {
    margin-left: 10em;
    position: relative;
}

.faq__title img {
    width: 7.5em;
    position: absolute;
    top: -2.875em;
    left: -30%;
    margin-left: 1.81em;

}

.faq__items {
    position: relative;
    z-index: 1;
    margin: 5.45em auto 0;
    display: grid;
    grid-template-columns: 100%;
    gap: 2.15em;
    width: 100%;
    max-width: 132.375em;
}

.feedback {
    display: flex;
    align-items: flex-start;
    gap: 3em;
    position: relative;
    z-index: 4;
    margin-top: 9.81em
}

.feedback__top {
    position: relative;
    flex: 0 0 30%; /* Левая колонка */
}
.feedback__title {
    margin: 0.7em -3em 0em 0em;
    color: #FFFFFF;
    font-size: 6.2em;
    line-height: 1.1em;
    width: 11.5em;
}


.feedback__top img {
    width: 22.25em;
    position: absolute;
    top: 100%;
    left: 58%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 1.5em;
}

.feedback-form {
    margin: 5.875em auto 0;
    margin-left: 20em;
    width: 57em;
    max-width: 100%;
    padding: 5em;
    border-radius: 7em;
    background: #fff;
    box-shadow: 6px 6px 0px 0px #00AEEF;

}

.feedback-form__fields {
    display: grid;
    grid-template-columns:100%;
    gap: 2em
}

.feedback-form__nav {
    margin-top: 4em
}

.steps {
    padding: 10.5em 0 7.625em;
    position: relative;
    min-height: 33.875em;
    z-index: 4;
    color: #fff;
    margin-top: -17em
}

.steps__bg, .steps__bg2 {
    width: 100%;
    left: 0;
    position: absolute
}

.steps__bg img, .steps__bg2 img {
    width: 100%;
    display: block
}

.steps__bg ._view2, .steps__bg2 ._view2 {
    display: none
}

.steps__bg {
    top: 2em;
}

.steps__bg2 {
    bottom: 2.375em
}

.steps__grid {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.step-item {
    color: red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3.3em 12.8em 0em 0.15em;
    border-radius: 1em;
}
.step-item__bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* центрируем */
    width: 35%; /* можно менять вручную */
    height: auto;
    z-index: 0; /* фон */
    pointer-events: none;
}
.step-item:nth-child(1) .step-item__bg {
    width: 45.6em;
    left: 18em;
}

.step-item:nth-child(2) .step-item__bg {
    left: 70.6em;
    top: 1.3em;
    width: 45.6em;
}

.step-item:nth-child(3) .step-item__bg {
    left: 122em;
    top: 1.3em;
    width: 45.6em;
}


.step-item__col {
    margin-right: 3.75em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.step-item__num {
    position: relative
}
.step-item__col,
.step-item__col2,
.step-item__num {
    position: relative;
    z-index: 2; /* выше фона */
}
.step-item__col2 {
    position: relative;
    z-index: 2;
    left: -0.7em;
    top: 1.6em;
}
.step-item__col2.let-top {
    left: -1.4em;
    top: 1.55em;
}
.step-item__col2.left-top {
    left: -2.37em;
    top: 1.55em;
}

/*.step-item__num:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background-image: url(../img/round.svg);*/
/*    background-size: 100% auto;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    width: 10.97156em;*/
/*    height: 9.23444em;*/
/*    top: -2.44em;*/
/*    left: -4.79em;*/
/*    -webkit-transform: rotate(-29.225deg);*/
/*    -ms-transform: rotate(-29.225deg);*/
/*    transform: rotate(-29.225deg)*/
/*}*/

.step-item__num span {
    font-size: 8.25em;
    line-height: 115%;
}

.step-item__text {
    max-width: 28.875em;
    display: grid;
    grid-template-columns:100%;
    gap: .25em
}

.step-item__title {
    font-size: 2.5em;
    line-height: 128%;
    text-transform: uppercase;
    font-weight: 700
}

.step-item__desc {
    font-size: 1.875em;
    line-height: 107%;
    color: #00AEEF;
}

.step-item__btn {
    padding: 0;
    width: 31.5em;
    max-width: 100%;
    margin-top: 1.81em;
    border-radius: 4em;
    box-shadow: 0px 3px 0px 0px #D02000;
}
.step-item__btn.checks-reg {
    cursor: pointer;
}
.step-item__btn.left-top {
    margin-top: 4em;
}
.feedback-form__btn {
    box-shadow: 0px 3px 0px 0px #D02000;
}
.receipt__btn {
    box-shadow: 0px 3px 0px 0px #D02000;
}
@media screen and (max-width: 576px) {
    .footer-top__bg img._view_kid.left {
        display: flex;
        position: absolute;
        right: 11em;
        top: 11.8em;
        width: 15em;
        transform: scaleX(-1);
    }
    .footer-top__bg img._view_man.right {
        display: flex;
        position: absolute;
        right: 21em;
        top: 1.8em;
        transform: scaleX(-1);
        width: 35em;
    }
    .snow-faq {
        position: absolute;
        left: -20em;
        top: 20em;
        width: 113em !important;
    }
    .faq {
        padding: 13.81em 0 0.25em;
        margin-top: -1.25em
    }

    .faq__bg {
        top: -25em
    }

    .faq__bg2 {
        top: -4em;
        left: -46em
    }

    .faq__title img {
        width: 5.8625em;
        top: -0.875em;
        margin-left: -0.125em;
    }

    .faq__items {
        margin-top: 4.5em;
    }

    .feedback {
        margin-top: 13.31em
    }

    .feedback__top img {
        margin-top: 1em;
        margin-left: 4em;
    }

    .feedback-form {
        margin: 21em 0em 0em -33em;
        margin-top: 16.81em;
        width: 40em;
        padding: 3.125em 2.5em;
        border-radius: 2.5em;
        box-shadow: 6px 6px 0px 0px #4B809433;
    }

    .feedback-form__fields {
        gap: 1.5em
    }

    .feedback-form__nav {
        margin-top: 3.125em
    }

    .steps {
        margin-top: -10em
    }

    .steps:before {
        content: '';
        position: absolute;
        width: 100%;
        height: calc(100% - 6em);
        bottom: 3.5em;
        background-color: #f83715
    }

    .steps__grid {
        display: grid;
        height: 80.5em;
        grid-template-columns: 100%;
        gap: 6.75em;
    }
    .step-item__btn {
        padding: 0;
        width: 24.5em;
        max-width: 100%;
        height: 4.8em;
        margin-top: 2.59em;
        font-size: 1.3em;
        border-radius: 4em;
        margin: 1.9em 0em 0em -0.4em;
        box-shadow: 0px 3px 0px 0px #D02000;
    }


    .step-item {
        width: 100%;
        max-width: 31.5em;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

    .step-item__num {
        position: absolute;
        top: 1.81em;
        font-size: 2.05em;
        right: -0.7em;
        margin-bottom: 36em;
        margin-right: .375em;
    }
    .step-item__num.num2 {
        position: absolute;
        top: 0em;
        font-size: 2.05em;
        right: -1.1em;
        margin-bottom: 36em;
        margin-right: .375em;
    }
    .step-item__num.num3 {
        position: absolute;
        top: -2.15em;
        font-size: 2.05em;
        right: -1.1em;
        margin-bottom: 36em;
        margin-right: .375em;
    }
    .step-item__btn.left-top {
        width: 28.6em;
        margin-top: 4em;
    }

    .step-item__num:before {
        background-image: url(../img/round2.svg);
        width: 6.5935em;
        height: 5.54956em;
        top: -.42em;
        right: -2.19em;
        left: unset
    }

    .step-item__num span {
        font-size: 4em;
        line-height: 128%
    }

    .step-item__title {
        text-align: left;
        font-size: 2.25em
    }

    .step-item__desc {
        text-align: left;
        font-size: 1.85em;
        line-height: 114%
    }
    .step-item__col2 {
        position: relative;
        z-index: 2;
        left: 0.3em;
        top: 5.6em;
    }
    .step-item:nth-child(2) .step-item__bg {
        left: 15.6em;
        top: 2.3em;
        width: 42.6em;
    }
    .step-item__col2.let-top {
        font-size: 1.1em;
        left: -0.3em;
        top: 1.8em;
    }
    .step-item:nth-child(3) .step-item__bg {
        left: 16em;
        top: -1.7em;
        width: 43.6em;
    }
    .step-item__col2.left-top {
        font-size: 1.1em;
        left: -0.37em;
        top: -2.45em;
    }

    .step-item__btn. {
        width: 30.5em;
        margin-top: 2.5em;
    }
    .step-item__btn.2nd {
    width: 30.5em;
    margin-top: 2.5em;
}
    .step-item__btn.nd2 {
        padding: 0;
        width: 26.5em;
        max-width: 100%;
        height: 4.9em;
        margin-top: 2.59em;
        font-size: 1.1em;
        border-radius: 4em;
        margin: 1.2em 0em 0em -0.2em;
        box-shadow: 0px 3px 0px 0px #D02000;
    }
    .step-item__btn.nd3 {
        padding: 0;
        width: 26.5em;
        max-width: 100%;
        height: 4.9em;
        margin-top: 2.59em;
        font-size: 1.1em;
        border-radius: 4em;
        margin: 4.2em 0em 0em -0.2em;
        box-shadow: 0px 3px 0px 0px #D02000;
    }
}

@media screen and (max-width: 576px) {
    .winner-table__rows {
        padding: 0em 2em 0em 2em;
        max-height: 53.875em;
    }

    .faq__bg ._view1, .faq__bg2 ._view1 {
        display: none
    }
    .faq__bg2 ._view1 {
        display: block !important;
    }

    .faq__bg ._view2, .faq__bg2 ._view2 {
        display: block
    }
    .faq__bg2 ._view2 {
        display: none;
    }
    .faq__title {
        margin-top: -2em;
        margin-left: 8em;
        position: relative;
    }
    .qa-card {
        margin-left: 1.5em;
        width: 42em;
        background: #fff;
        border-radius: 2.25em;
        -webkit-box-shadow: 0 .25em 0 0 rgba(75, 128, 148, .2);
        box-shadow: 3px 4px 0px 0px #00AEEF;
    }
    .footer-top__bg img._view111 {
        display: flex;
        position: absolute;
        display: flex;
        width: 157em;
        height: auto;
        position: absolute;
        top: -31.3em;
        left: -58em;
    }

    .faq__bg {
        top: -10em
    }

    .faq__bg2 {
        width: 45em;
        left: 0;
        top: -2em
    }

    .steps {
        margin-top: -4em;
        padding: 7em 0 7.5em
    }

    .steps:before {
        height: calc(100% - 10em)
    }

    .steps__bg ._view1, .steps__bg2 ._view1 {
        display: none
    }

    .steps__bg ._view2, .steps__bg2 ._view2 {
        display: block
    }
}

.main {
    position: relative;
    overflow: hidden;
}

.main__bg img {
    width: 105%;
    display: block
}
.main__bg.error img {
    width: 100%;
    display: block
}

.main__bg ._view2 {
    display: none
}

.main__snow {
    position: absolute;
    width: 100%;
    height: 100%
}

.main__pack, .main__people, .main__text {
    position: absolute
}

.main__pack img, .main__people img,
.main__text img {
    width: 100%;
    display: block
}

.main__pack ._view2, .main__people ._view2, .main__text ._view2 {
    display: none
}

.main__pack {
    top: 24.5em;
    left: 6.4em;
    width: 44.1875em;
}

.main__people {
    opacity: 1;
    transition: opacity .25s ease; /* опционально, если хочешь плавный вход */
}
.main__peoples-move img {
    position: relative;
    will-change: transform;
    transform: translate3d(0,0,0);
}


.main__people.active {
    -webkit-animation-name: p;
    animation-name: p;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
.prize-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main__people1 {
    width: 21.7375em;
    top: 27.94em;
    left: 58.3em;
    z-index: 1;
}

.main__people2 {
    width: 20.375em;
    top: 40.34em;
    left: 84.19em;
}

.main__people3 {
    width: 45.275em;
    top: 28.15em;
    right: 34.59em;
}

.main__people4 {
    width: 41.8125em;
    top: 37.86em;
    right: 7.75em;
}

.main__text {
    top: 6.39em;
    right: 63.81em;
    width: 52.7125em;
    opacity: 0;
}

.main__text.active {
    -webkit-animation-name: t;
    animation-name: t;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.main__hint {
    position: absolute;
    color: #70858e;
    bottom: 24em;
    left: 10em;
    z-index: 8
}

@-webkit-keyframes t {
    0% {
        -webkit-transform: rotate(10deg) translate(-40%, -20%);
        transform: rotate(10deg) translate(-40%, -20%);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) translate(0, 0);
        transform: rotate(0) translate(0, 0);
        opacity: 1
    }
}

@keyframes t {
    0% {
        -webkit-transform: rotate(10deg) translate(-40%, -20%);
        transform: rotate(10deg) translate(-40%, -20%);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) translate(0, 0);
        transform: rotate(0) translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes p {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes p {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media screen and (max-width: 576px) and (min-width: 577px) {
    .main {
        font-size: .4em
    }
}

@media screen and (max-width: 576px) {
    .main__bg ._view1 {
        display: none
    }
    .feedback__title {
        margin: 0.8em -3em 0em 0.7em;
        color: #FFFFFF;
        text-align: center;
        font-size: 3.5em;
        line-height: 1em;
        width: 11.5em;
    }

    .main__bg ._view2 {
        display: flex;
        position: relative;
        width: 103em;
        height: auto;
        left: -21em;
        top: 14em;
    }
    .main__bg ._view11 {
        width: 203em;
        z-index: 1;
        display: flex;
        position: absolute;
        top: 29em;
        left: -82em;
    }
    .steps__bg ._view2 {
        width: 82em;
        margin: -3em 0em 0em -6em;
        display: block;

    }
    .step-item:nth-child(1) .step-item__bg {
        width: 41.6em;
        left: 16em;
        margin: 5em 0em 0em -0.2em;
    }

    .main__pack {
        z-index: 2;
        top: 21.7em;
        left: 1.95em;
        width: 17.59em
    }


    .main__people1 {
        z-index: 2;
        width: 14.9375em;
        top: 10.31em;
        left: 2.75em
    }

    .main__people2 {
        z-index: 2;
        width: 5.375em;
        top: 14.5em;
        left: 22.56em
    }

    .main__people3 {
        z-index: 2;
        width: 21.75em;
        top: 21.88em;
        right: 1.81em
    }

    .main__people4 {
        z-index: 3;
        width: 8.1875em;
        top: 18.19em;
        right: 2em
    }

    .main__text {
        top: 4.25em;
        right: 4.56em;
        width: 24.375em
    }

    .main__hint {
        bottom: 23em;
        left: 7em
    }
    .main__people {
        position: absolute;
    }
    .main__pack {
        position: absolute !important;
    }
}

.lk {
    overflow: hidden;
    padding: 14.81em 0 26em;
    background: linear-gradient(180deg, #EEFAFF 0%, #D5F3FF 25.78%, #05A8F8 47.56%);

}
.snow-lk {
    position: absolute;
    top: -32em;
    width: 201em;
    left: -22em;
    z-index: 0;

    max-width: none;       /* защищает от пересчётов */
    overflow: visible;     /* чтобы не обрезало */
    clip-path: inset(0);   /* НОВОЕ: запрещает участвовать в расчете размера страницы */
}
.snow-error{
    position: absolute;
    top: -60em;
    width: 202em !important;
    left: -22em;
    z-index: 0;

    max-width: none;       /* защищает от пересчётов */
    overflow: visible;     /* чтобы не обрезало */
    clip-path: inset(0);   /* НОВОЕ: запрещает участвовать в расчете размера страницы */
}

.lk .container {
    padding: 0 31.88em
}

.lk__top {
    margin-top: 6.25em;
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 3.125em));
    gap: 6.25em;
    position: relative;
    z-index: 4
}

.m-card {
    border-radius: 3.75em;
    background: #fff;
    -webkit-box-shadow: .75em .75em 0 0 rgba(75, 128, 148, .2);
    box-shadow: .75em .75em 0 0 rgba(75, 128, 148, .2);
    padding: 3.81em 5em 6em
}

.m-card__top {
    position: relative;
    margin-top: 2em;
}

.m-card__top img {
    width: 26em;
    position: absolute;
    margin-top: .5em;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.receipt__nav {
    margin-top: 2.5em
}

.receipt__btn {
    padding: 0 3.125em
}

.receipt-slider {
    margin-top: 6.625em;
    position: relative
}

.receipt-slider .slider__wrap {
    overflow: hidden
}

.receipt-slider .swiper-button {
    top: 19.5em;
    margin: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.receipt-slider .swiper-button-prev {
    left: 0
}

.receipt-slider .swiper-button-next {
    right: 0
}

.receipt-slider .swiper-pagination {
    margin-top: 2.5em;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 1.5em
}

.receipt-slider .swiper-pagination-bullet {
    opacity: 1;
    width: 1.25em;
    height: 1.25em;
    border: .1875em solid #b9dcea;
    background-color: transparent;
    margin: 0 .5em !important
}

.receipt-slider .swiper-pagination-bullet-active {
    width: 1.5em;
    height: 1.5em;
    background-color: #f83715;
    border-color: #f83715
}

.receipt-item {
    width: 32.125em;
    max-width: 100%;
    margin: 0 auto
}

.receipt-item__img {
    display: block;
    padding-bottom: 136%;
    position: relative;
    border-radius: 1.25em;
    border: .125em dashed #70858e;
    margin-bottom: 2em
}

.receipt-item__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 6.25em);
    height: calc(100% - 5em);
    -o-object-fit: cover;
    object-fit: cover
}

.receipt-item__img:before {
    content: '';
    position: absolute;
    background-image: url(../img/zoom.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 6em;
    height: 6em;
    right: 5.75em;
    bottom: 5em;
    z-index: 2
}

.receipt-item__text {
    font-size: 2em;
    line-height: 128%;
    text-align: center
}

@media screen and (max-width: 576px) {
    .lk {
        padding: 8.625em 0 0.5em;

    }
    .main {
        height: 74em;
        background: #05A9F9;
        /* width: 13em; */
        margin-top: 0em;
        position: relative;
        overflow: hidden;
    }
    ._error-bot-main {
        width: 338% !important;
        position: absolute;
        top: 42em;
        left: -37em;
    }
    ._error-top-main {
        width: 499% !important;
        position: absolute;
        top: -21em;
        left: -93em;
    }
    ._view_error-kid.left {
        display: flex;
        position: absolute;
        right: 16em;
        top: 43em;
        width: 15em !important;
        transform: scaleX(-1);
        z-index: 2;
    }
    ._view_error-man.right {
        position: absolute;
        top: 36em;
        right: 25em;
        transform: scaleX(-1);
        width: 31em !important;
        z-index: 1;
    }
    ._view_error-woman.right {
        position: absolute;
        top: 22em;
        right: 58em;
        transform: scaleX(-1);
        width: 0em !important;
        z-index: 1;
    }
    .footer-top__bg img._view1111 {
        width: 203em;
        height: auto;
        display: flex;
        position: absolute;
        top: 6em;
        left: -64em;
    }

    .lk .container {
        margin-top: 10em;
        padding: 0 2.5em
    }
    .nav {
        margin-top: 6em;
        font-weight: 700;
    }

    .lk__top {
        margin-top: 3.125em;
        grid-template-columns:repeat(2, calc(50% - 1.5625em));
        gap: 3.125em
    }

    .m-card {
        border-radius: 2.5em;
        padding: 2.5em 2.5em 3.75em
    }

    .m-card__top img {
        width: 18.5625em
    }

    .m-card__title {
        font-size: 3.125em;
        line-height: 140%
    }
    .m-card__title.mob-title-text {
        width: 10em;
        margin: 0em 0em 0em 0.6em;
    }

    .receipt__nav {
        margin-top: 1.875em
    }

    .receipt__btn {
        padding: 0;
        width: 26.5em;
        max-width: 100%
    }

    .receipt-slider {
        margin-top: 3.375em
    }

    .receipt-slider .swiper-button {
        top: 18.81em
    }

    .receipt-slider .swiper-button-prev {
        left: -.625em
    }

    .receipt-slider .swiper-button-next {
        right: -.625em
    }

    .receipt-slider .swiper-pagination {
        margin-top: 1.875em
    }

    .receipt-item {
        width: 26.25em
    }

    .receipt-item__img {
        margin-bottom: 1.5em
    }

    .receipt-item__img img {
        width: calc(100% - 2.5em);
        height: calc(100% - 2.5em)
    }

    .receipt-item__img:before {
        width: 4em;
        height: 4em;
        right: 3.25em;
        bottom: 3em
    }

    .receipt-item__text {
        font-size: 1.75em
    }
    .header__logo._type33:before {
        content: '';
        position: absolute;
        width: 32.4375em;
        height: 21.625em;
        left: -9.44em;
        background-image: url(../img/logo-bg.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        top: -10.4em;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        opacity: 1;
        pointer-events: none;

    }
    .snow-lk {
        position: absolute;
        top: 2em;
        width: 137%;
        left: -17em;
        z-index: 0;
    }
    .snow-error {
        position: absolute;
        top: -47em;
        width: 284% !important;
        left: -36em;
        z-index: 1;
    }
    .kinder-logo {
        width: 12.4em !important;
        margin: 4em 0em 0em -3.3em;
        position: absolute !important;
    }
    .dm-img {
        width: 7em !important;
        margin: 4.9em 0em 0em 11em;
        position: absolute !important;
    }
    .header-lk._lk1 {
        margin-left: 0em;
    }
    .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
    }

}
/* Десктоп */
@media (min-width: 993px) {
    .prizes-slider { display: block; }
    .prizes-scroll { display: none; }
}

/* Мобильная версия */
@media (max-width: 992px) {

    /* скрываем десктопный Swiper */
    .prizes-slider { display: none; }

    /* показываем мобильный скролл */
    .prizes-scroll {
        background: linear-gradient(180deg, #FFFFFF 0%, #FFF6E7 100%);
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 1em;
        padding-left: 1em; /* отступ слева */
    }

    .prizes-scroll::-webkit-scrollbar {
        display: none;
    }

    /* трек карточек горизонтальный */
    .prizes-track {
        display: flex;
        gap: 1em; /* расстояние между карточками */
    }

    /* каждая карточка */
    .prize-itemsss {
        flex: 0 0 17em; /* ширина одной карточки */
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 1em;
        padding: 1em;
        box-sizing: border-box;
        scroll-snap-align: start;
    }

    /* изображение внутри карточки */
    .prize-itemsss img {
        max-width: 100%;
        border-radius: 0.75em;
        margin-bottom: 1.5em;
    }

    /* текст под картинкой */
    .prize-card__desc {
        text-align: center;
        font-size: 2.2em;
        color: #FFFFFF;
        line-height: 1em;
        font-weight: 400;
        position: relative;
        right: -0.5em;
        margin-bottom: 2em;
    }

    .prize-card__desc b {
        display: block;
        font-weight: 700;
        margin-bottom: -0.7em;
    }
}

@media screen and (max-width: 576px) {
    .lk__top {
        grid-template-columns:100%
    }

}

.prizes2__items {
    display: grid;
    grid-template-columns:100%;
    gap: 3.75em;
    margin-top: 6.56em
}

.prize-itemsss {
    flex: 0 0 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background: #fff; */
    border-radius: 1em;
    padding: 1em;
    /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.05); */
    /* box-sizing: border-box; */
    scroll-snap-align: start;
}

.prize-item__col {
    width: 6.9375em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 2em
}

.prize-item__img {
    width: 100%;
    display: block
}

.prize-item__text {
    display: grid;
    grid-template-columns:100%;
    gap: 1em
}

.prize-item__title {
    font-size: 2.5em;
    line-height: 128%;
    font-weight: 700;
    color: #f83715
}

.prize-item__desc {
    font-size: 2.25em;
    line-height: 117%
}

.prize-item__btn {
    margin-top: 1.5em;
    width: 31.5em;
    max-width: 100%;
    box-shadow: 0px 3px 0px 0px #D02000;
}
.traf-btn span{
    font-size: 2.3em;
}

.prize-item__btn img {
    width: 3.5em;
    margin-right: .625em
}

.profile {
    grid-column: 1/-1;
    padding: 4.375em 9.375em 5.31em
}

.profile-form {
    margin-top: 6.25em
}

.profile-form__grid {
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 6.25em));
    gap: 12.5em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.profile-form__grid:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: calc(100% - 1em);
    border-right: .125em dashed #009fe5
}

.profile-form__col {
    display: grid;
    grid-template-columns:100%;
    gap: 2em
}

.profile-form__btn {
    width: 31.5em;
    max-width: 100%;
    margin-top: 1.875em
}

.profile-form__hint {
    max-width: 40em
}

.profile-form__hint-text {
    font-size: 1.625em;
    line-height: 123%;
    color: #70858e
}

.profile-form__hint-text a {
    text-decoration: underline
}
.main__pack,
.main__people1,
.main__people2,
.main__people3,
.main__people4,
.main__text {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease-out;
}
.main__pack.active {
    z-index: 2;
    animation-name: pack;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.main__people2.active,
.main__people3.active,
.main__people4.active, {
    opacity: 1;
}
@keyframes pack {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}
.main__text.active {
    z-index: 2;
    animation-name: t;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes t {
    0% {
        transform: translate(0%, -20%);
        opacity: 0;
    }
    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}
.main__people1.active {
    z-index: 1;
    animation-name: mother;
    animation-duration: 0.9s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes mother {
    0% {
        transform: translate(-150%, -15%) scale(0.8);
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    100% {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
    }
}


.main__people3.active {
    animation-name: father;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in;
}

@keyframes father {
    0% {
        transform: translate(120%, -55%) scale(0.3);
        opacity: 0;
    }
    3% {
        opacity: 1;
    }
    100% {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
    }
}

.main__people2.active {
    animation-name: kid;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in;
}

@keyframes kid {
    0% {
        transform: translate(205%, -105%) scale(0.3);
        opacity: 0;
    }
    3% {
        opacity: 1;
    }
    100% {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
    }
}

.kid_pic {
    background: url('img/kid.png') 50% 50% no-repeat;
    background-size: contain;

    width: 100%;
    height: 100%;

    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
    margin: auto;

    transform: translate(0%, 0%);

    will-change: transform;
}

.kid_pic.active {
    animation-name: kid_pic;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in;
}

@keyframes kid_pic {
    0% {
        transform: translate(0%, 0%);
    }
    20% {
        transform: translate(0%, -20%);
    }
    40%,
    100% {
        transform: translate(0%, 0%);
    }
}
.header__logo.active {
    animation-name: logo;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes logo {
    0% {
        transform: translate(0%, -20%);
        opacity: 0;
    }
    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

.main__people4.active {
    animation-name: prize;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes prize {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media screen and (max-width: 576px) {
    .prizes2__items {
        margin-top: 4.625em;
    }

    /* Общие стартовые стили */
    .main__pack,
    .main__people1,
    .main__people2,
    .main__people3,
    .main__people4,
    .main__text {
        opacity: 0;
        transform: translateY(50px);
        transition: none; /* отключаем desktop transitions */
    }

    /* ===================== TEXT ===================== */
    .main__text.active {
        animation: mobText 0.7s ease-out forwards;
    }

    @keyframes mobText {
        0% {
            transform: translateY(-30px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    /* ===================== WOMAN (people1) ===================== */
    .main__people1.active {
        animation: mobMother 0.9s ease-out forwards;
    }

    @keyframes mobMother {
        0% {
            transform: translate(-120%, -20%) scale(0.7);
            opacity: 0;
        }
        100% {
            transform: translate(0, 0) scale(1);
            opacity: 1;
        }
    }

    /* ===================== KID (people2) ===================== */
    .main__people2.active {
        animation: mobKid 1s ease-out forwards;
    }

    @keyframes mobKid {
        0% {
            transform: translate(660%, -10%) scale(0.6);
            opacity: 1;
        }
        100% {
            transform: translate(0, 0) scale(1);
            opacity: 1;
        }
    }

    /* ===================== MAN (people3) ===================== */
    .main__people3.active {
        animation: mobFather 1s ease-out forwards;
    }

    @keyframes mobFather {
        0% {
            transform: translate(150%, -60%) scale(0.4);
            opacity: 1;
        }
        100% {
            transform: translate(0, 0) scale(1);
            opacity: 1;
        }
    }

    /* ===================== PRIZE (people4) ===================== */
    .main__people4.active {
        animation: mobPrize 0.8s ease-out forwards;
    }

    @keyframes mobPrize {
        0% {
            transform: scale(0.5);
            opacity: 0;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

    /* ===================== LOGO ===================== */
    .header__logo.active {
        animation: mobLogo 0.6s ease-out forwards;
    }

    @keyframes mobLogo {
        0% {
            transform: translateY(-20px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }


    .prize-item__col {
        width: 5.3125em
    }

    .prize-item__title {
        font-size: 2em
    }

    .prize-item__desc {
        font-size: 1.75em;
        line-height: 143%
    }

    .prize-item__btn {
        width: 26.5em;
        padding: 0
    }

    .profile {
        padding: 2.5em
    }

    .profile-form {
        margin-top: 4.625em
    }

    .profile-form__grid {
        grid-template-columns:100%;
        gap: 0
    }

    .profile-form__grid:before {
        display: none
    }

    .profile-form__col:nth-child(1):after {
        content: '';
        display: block;
        width: 100%;
        margin: 2.375em 0 4.375em;
        border-top: .125em dashed #009fe5
    }

    .profile-form__btn {
        width: 26.5em;
        margin: .625em auto 0
    }
}

.error404 {
    position: relative
}

.error404__img {
    position: absolute;
    top: 5em;
    right: 53.75em;
    width: 74.4375em;
}

.error404__content {
    position: absolute;
    width: 68em;
    top: 54.31em;
    left: 58.31em;
    display: grid;
    grid-template-columns: 100%;
    gap: 3.81em;
}

.error404__title {
    width: 16em;
    text-align: center;
    margin-left: 1em;
    font-size: 3.7em;
    line-height: 112%;
    color: #f83715;
    font-weight: 700;
}

.error404__desc {
    text-align: center;
    font-size: 2em;
    margin-top: -1em;
    line-height: 150%;
}

.error404__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.19em
}

.error404__link {
    position: relative;
    padding: 0;
    width: 31.5em;
    right: -19em;
    margin-top: -3em;
}

@media screen and (max-width: 576px) {
    .error-page {
        max-height: unset
    }

    .error404 {
        min-height: 93.5em
    }
    .main__bg.error {
        position: relative;
        top: 25em;
    }

    .error404__img {
        top: 7.88em;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        width: 28.75em;
        z-index: 3;
    }

    .error404__content {
        width: 46em;
        top: 26.38em;
        left: -3.5em;
        gap: 2.5em;
    }

    .error404__title {
        margin: 0.5em 0em 0em 2.7em;
        width: 10em;
        font-size: 3.375em;
        z-index: 3;
        line-height: 100%;
    }

    .error404__desc {
        margin: 0em 0em 1.7em 4em;
        font-size: 1.75em;
        line-height: 129%;
    }

    .error404__nav {
        margin: 0em 0em 0em -5.5em;
    }

    .error404__link {
        width: 26.5em
    }
}