* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../Flip-Card_fonts/Montserrat-Regular.woff2")
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../Flip-Card_fonts/Montserrat-Medium.woff2")
}

@font-face {
    font-family: "Antropos";
    src: url("../Flip-Card_fonts/Antropos-Freefont.ttf")
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("../Flip-Card_fonts/Montserrat-SemiBold.woff2")
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../Flip-Card_fonts/Montserrat-Bold.woff2")
}

@font-face {
    font-family: "Montserrat-Light";
    src: url("../Flip-Card_fonts/Montserrat-Light.woff2")
}

body,
html {
    line-height: 121.43%;
    font-size: 14px;
    font-family: "Montserrat-Regular";
    color: white;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: none
}

:focus {
    outline: none
}

input,
input:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input {
    display: block
}

input::-webkit-input-placeholder {
    color: inherit;
    font: inherit
}

input::-moz-placeholder {
    color: inherit;
    font: inherit
}

input:-ms-input-placeholder {
    color: inherit;
    font: inherit
}

input::-ms-input-placeholder {
    color: inherit;
    font: inherit
}

button,
input,
input::placeholder {
    color: inherit;
    font: inherit
}

button,
input {
    height: 50px
}

button {
    cursor: pointer;
    font-family: "Montserrat-Medium";
    font-size: 16px;
    line-height: 125%
}

a {
    text-decoration: none;
    color: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.wrapper {
    overflow: hidden;
    background: url("../Flip-Card_img/bg-text.png") left top/cover, -webkit-gradient(linear, left bottom, left top, from(rgb(26, 12, 34)), color-stop(rgb(106, 43, 145)), to(rgb(120, 52, 173)));
    background: url("../Flip-Card_img/bg-text.png") left top/cover, linear-gradient(0deg, rgb(26, 12, 34), rgb(106, 43, 145), rgb(120, 52, 173))
}

.wrapper .container {
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 20px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-block .container_1 {
    min-height: 100vh
}

.main-block .container_1 .main-block__shopping-cart {
    padding-bottom: 5px;
    width: 500px;
    text-align: center
}

.main-block .container_1 .main-block__shopping-cart h1 {
    font-size: 64px;
    line-height: 1;
    font-family: "Antropos"
}

.main-block .container_1 .main-block__shopping-cart .tabs {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (auto)[2];
    -ms-grid-columns: 1fr;
    grid-template: repeat(2, auto)/1fr
}

.main-block .container_1 .main-block__shopping-cart .tabs .tabs__buy-content,
.main-block .container_1 .main-block__shopping-cart .tabs .tabs__coupon-content {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

.main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 62px 0 38px 0;
    padding: 0 30px
}

.main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels .labels__buy,
.main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels .labels__coupon {
    font-family: "Montserrat-Medium";
    font-size: 16px;
    line-height: 125%;
    width: 200px;
    height: 50px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.main-block .container_1 .main-block__shopping-cart .tabs #btn1-id,
.main-block .container_1 .main-block__shopping-cart .tabs #btn2-id {
    display: none
}

.main-block .container_1 .main-block__shopping-cart .tabs #btn1-id:checked~.tabs__buy-content {
    z-index: 3
}

.main-block .container_1 .main-block__shopping-cart .tabs #btn1-id:checked~.tabs__coupon-content,
.main-block .container_1 .main-block__shopping-cart .tabs #btn2-id:checked~.tabs__buy-content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    visibility: hidden
}

.main-block .container_1 .main-block__shopping-cart .tabs #btn1-id:checked~.tabs__labels .labels__buy {
    background-color: white;
    color: rgb(120, 44, 138)
}

.main-block .container_1 .main-block__shopping-cart .tabs #btn2-id:checked~.tabs__labels .labels__coupon {
    background-color: white;
    color: rgb(120, 44, 138)
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards._transform180 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards {
    position: relative;
    z-index: 2;
    -webkit-transition: visibility 0.8s ease, z-index 0.8s ease, -webkit-transform 0.8s ease;
    transition: visibility 0.8s ease, z-index 0.8s ease, -webkit-transform 0.8s ease;
    transition: transform 0.8s ease, visibility 0.8s ease, z-index 0.8s ease;
    transition: transform 0.8s ease, visibility 0.8s ease, z-index 0.8s ease, -webkit-transform 0.8s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    height: 286px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgb(42, 38, 38);
    background-color: white;
    border-radius: 60px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .flip-card__button {
    width: 140px;
    color: white;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(128, 46, 147)), to(rgb(99, 36, 114)));
    background: linear-gradient(0deg, rgb(128, 46, 147), rgb(99, 36, 114));
    border-radius: 25.5px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .buy-next-btn,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .coupon-next-btn {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(128, 46, 147, 0.4)), to(rgba(99, 36, 114, 0.4)));
    background: linear-gradient(0deg, rgba(128, 46, 147, 0.4), rgba(99, 36, 114, 0.4))
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .flip-card__back {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 9.8%;
    height: 24.48%;
    background-color: rgba(96, 40, 131, 0.1);
    border-top-right-radius: 60%;
    border-bottom-right-radius: 60%
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .flip-card__back img {
    width: 28.57%;
    height: 35.71%
}

@media (hover:hover) and (pointer:fine) {
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .flip-card__back:hover {
        background-color: rgba(96, 40, 131, 0.4)
    }
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    padding: 0 30px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__sum,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__user-name {
    width: 100%;
    background-color: rgba(103, 50, 114, 0.15);
    border-radius: 25.5px;
    padding-left: 31px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms {
    margin-bottom: 15px;
    height: 15px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__checkbox {
    display: none
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__text {
    color: black;
    font-size: 11px;
    line-height: 118.18%;
    position: relative;
    display: inline-flex;
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__text:before {
    cursor: pointer;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -23px;
    width: 15px;
    height: 15px;
    background: url("../Flip-Card_img/checkbox.svg") center/cover no-repeat
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__checkbox:checked~.terms__text:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -21px;
    width: 11px;
    height: 9px;
    background: url("../Flip-Card_img/checkmark-for-terms.svg") center/cover no-repeat
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-name-error,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-sum-description,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-name-error,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-sum-error {
    opacity: 0;
    visibility: hidden;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-left: 31px;
    font-family: "Montserrat-Light";
    line-height: 125%;
    font-size: 12px;
    margin-top: 2px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-name-error,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-name-error {
    margin-bottom: 8px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-sum-description,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-sum-error {
    margin-bottom: 14px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    padding: 0 61px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data-confirmation {
    font-family: "Montserrat-SemiBold";
    font-size: 16px;
    line-height: 125%
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left;
    margin: 20px 0 32px 0
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data :nth-child(2n) {
    margin: 10px 0
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data span {
    text-decoration: underline
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__purchase,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__spending {
    font-family: "Montserrat-Bold"
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__spending {
    margin: 10px 0
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    display: none
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success p,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success p {
    font-family: "Montserrat-SemiBold";
    font-size: 16px;
    line-height: 125%;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-bottom: 15px
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success .success__checkmark,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success .success__checkmark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgb(193, 244, 175)
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success .success__checkmark img,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success .success__checkmark img {
    width: 66.67%
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success span {
    white-space: nowrap
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay {
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease
}

.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success._transform0,
.main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay._transform0 {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.main-block .container_1 .main-block__images {
    min-height: 100vh;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.main-block .container_1 .main-block__images .images__shadow {
    position: absolute;
    top: 0;
    right: -17.3%;
    width: 100%;
    height: 100%;
    background-color: rgba(75, 35, 84, 0.46);
    -webkit-filter: blur(150px);
    filter: blur(150px)
}

.main-block .container_1 .main-block__images .images__center,
.main-block .container_1 .main-block__images .images__left,
.main-block .container_1 .main-block__images .images__right {
    position: absolute;
    bottom: 0;
    height: auto
}

.main-block .container_1 .main-block__images .images__left {
    left: 0;
    width: 58.3%
}

.main-block .container_1 .main-block__images .images__right {
    right: -24%;
    width: 64%
}

.main-block .container_1 .main-block__images .images__center {
    right: -2%;
    width: 74.8%
}

@media (orientation:portrait) {
    .main-block .container_1 {
        min-height: 100svh
    }
}

footer {
    position: relative;
    z-index: 1;
    padding: 31px 0;
    background-color: rgb(40, 36, 36)
}

footer .footer__links {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 41.24%;
    flex: 0 1 41.24%;
    min-width: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .footer__links a:first-child {
    margin-bottom: 10px
}

footer .footer__copyright {
    text-align: end;
    font-size: 13px;
    line-height: 184.62%
}

@media (max-width:1400.9px) and (min-width:375px) {

    body,
    html {
        font-size: calc(9px + 5 * (100vw - 375px) / 825)
    }

    button,
    input {
        height: calc(30px + 20 * (100vw - 375px) / 825)
    }

    button {
        font-size: calc(12px + 4 * (100vw - 375px) / 825)
    }

    .buy-pay-btn {
        font-size: calc(10px + 6 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart {
        width: calc(304px + 196 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart h1 {
        font-size: calc(40px + 24 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels {
        margin: calc(28px + 34 * (100vw - 375px) / 825) 0 calc(23px + 15 * (100vw - 375px) / 825) 0;
        padding: 0 calc(0px + 30 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels .labels__buy,
    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels .labels__coupon {
        font-size: calc(12px + 4 * (100vw - 375px) / 825);
        width: calc(140px + 60 * (100vw - 375px) / 825);
        height: calc(30px + 20 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards {
        height: calc(170px + 116 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card {
        border-radius: calc(36.5px + 23.5 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .flip-card__button {
        width: calc(85px + 55 * (100vw - 375px) / 825);
        border-radius: calc(15.5px + 10 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form {
        padding: 0 calc(19px + 11 * (100vw - 375px) / 825);
        padding-top: calc(15px + -15 * (100vw - 375px) / 825);
        padding-bottom: calc(10px + -10 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__sum,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__user-name {
        border-radius: calc(15.5px + 10 * (100vw - 375px) / 825);
        padding-left: calc(19px + 12 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms {
        margin-bottom: calc(6px + 9 * (100vw - 375px) / 825);
        height: calc(10px + 5 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__text {
        font-size: calc(7px + 4 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__text:before {
        left: calc(-14px + -9 * (100vw - 375px) / 825);
        width: calc(10px + 5 * (100vw - 375px) / 825);
        height: calc(10px + 5 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__checkbox:checked~.terms__text:after {
        left: calc(-12px + -9 * (100vw - 375px) / 825);
        width: calc(6px + 5 * (100vw - 375px) / 825);
        height: calc(4px + 5 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-name-error,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-sum-description,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-name-error,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-sum-error {
        padding-left: calc(19px + 12 * (100vw - 375px) / 825);
        font-size: calc(7px + 5 * (100vw - 375px) / 825);
        margin-top: calc(3px + -1 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-name-error,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-name-error {
        margin-bottom: calc(3px + 5 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-sum-description,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-sum-error {
        margin-bottom: calc(12px + 2 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay {
        padding: 0 calc(37px + 24 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data-confirmation {
        font-size: calc(10px + 6 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data {
        margin: calc(12px + 8 * (100vw - 375px) / 825) 0 calc(19px + 13 * (100vw - 375px) / 825) 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data :nth-child(2n) {
        margin: calc(5.4px + 4.6 * (100vw - 375px) / 825) 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__spending {
        margin: calc(5.4px + 4.6 * (100vw - 375px) / 825) 0 calc(6.4px + 3.6 * (100vw - 375px) / 825) 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success p,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success p {
        font-size: calc(11px + 5 * (100vw - 375px) / 825);
        margin-bottom: calc(10px + 5 * (100vw - 375px) / 825)
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success .success__checkmark,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success .success__checkmark {
        width: calc(21px + 9 * (100vw - 375px) / 825);
        height: calc(21px + 9 * (100vw - 375px) / 825)
    }

    footer {
        padding: calc(14px + 17 * (100vw - 375px) / 825) 0
    }

    footer .footer__links a {
        font-size: calc(10px + 4 * (100vw - 375px) / 825)
    }

    footer .footer__copyright {
        font-size: calc(7px + 6 * (100vw - 375px) / 825)
    }
}

@media (max-height:540px),
(max-width:374.9px) {

    body,
    html {
        font-size: 9px
    }

    button,
    input {
        height: 30px
    }

    button {
        font-size: 12px
    }

    .buy-pay-btn {
        font-size: 10px
    }

    .main-block .container_1 .main-block__shopping-cart {
        width: 304px
    }

    .main-block .container_1 .main-block__shopping-cart h1 {
        font-size: 40px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels {
        margin: 28px 0 23px 0;
        padding: 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels .labels__buy,
    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels .labels__coupon {
        font-size: 12px;
        width: 140px;
        height: 30px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards {
        height: 170px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card {
        border-radius: 36.5px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-card .flip-card__button {
        width: 85px;
        border-radius: 15.5px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form {
        padding: 15px 19px 10px 19px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__sum,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__user-name {
        border-radius: 15.5px;
        padding-left: 19px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms {
        margin-bottom: 6px;
        height: 10px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__text {
        font-size: 7px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__text:before {
        left: -14px;
        width: 10px;
        height: 10px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .form__terms .terms__checkbox:checked~.terms__text:after {
        left: -12px;
        width: 6px;
        height: 4px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-name-error,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-sum-description,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-name-error,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-sum-error {
        padding-left: 19px;
        font-size: 7px;
        margin-top: 3px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-name-error,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-name-error {
        margin-bottom: 3px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .buy-sum-description,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__form .coupon-sum-error {
        margin-bottom: 12px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay {
        padding: 0 37px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data-confirmation {
        font-size: 10px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data {
        margin: 12px 0 19px 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__data :nth-child(2n) {
        margin: 5.4px 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__pay .pay__spending {
        margin: 5.4px 0 6.4px 0
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success p,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success p {
        font-size: 11px;
        margin-bottom: 10px
    }

    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__buy-success .success__checkmark,
    .main-block .container_1 .main-block__shopping-cart .tabs .flip-cards .flip-cards__coupon-success .success__checkmark {
        width: 21px;
        height: 21px
    }

    footer {
        padding: 14px 0
    }

    footer .footer__links a {
        font-size: 10px
    }

    footer .footer__copyright {
        font-size: 7px
    }
}

@media (max-height:540px) {
    .main-block .container_1 .main-block__shopping-cart .tabs .tabs__labels {
        margin-top: 13px;
        margin-bottom: 20px
    }
}

@media (max-width:1440.9px) {
    .main-block .container_1 .main-block__images .images__right {
        right: -13%
    }

    .main-block .container_1 .main-block__images .images__center {
        right: 5.5%
    }
}

@media (min-aspect-ratio:11/5) and (max-width:991.9px),
(min-aspect-ratio:7/4) and (min-width:740px) and (max-width:1440.9px) {

    .main-block .container_1 .main-block__images .images__center,
    .main-block .container_1 .main-block__images .images__left,
    .main-block .container_1 .main-block__images .images__right {
        height: 100%;
        width: auto
    }
}

@media (min-aspect-ratio:11/5) and (max-width:991.9px),
(min-aspect-ratio:7/4) and (min-width:740px) and (max-width:1280.9px) {
    .main-block .container_1 .main-block__images .images__left {
        left: 5%
    }

    .main-block .container_1 .main-block__images .images__right {
        right: -6%
    }

    .main-block .container_1 .main-block__images .images__center {
        right: 50%;
        -webkit-transform: translateX(63.2%);
        transform: translateX(63.2%)
    }
}

@media (min-aspect-ratio:3/2) and (max-width:600.9px) {
    .main-block .container_1 {
        min-height: 200vh
    }

    .main-block .container_1 .main-block__shopping-cart {
        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;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (orientation:portrait) {
    .main-block .container_1 .main-block__shopping-cart {
        margin-top: calc((1vw + 1vh) * 3.5)
    }

    .main-block .container_1 .main-block__images {
        min-height: auto
    }
}

@media (min-aspect-ratio:3/2) and (max-width:600.9px),
(orientation:portrait) {
    .wrapper .container {
        padding: 0px 35px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-block .container_1 .main-block__images {
        width: 100%
    }

    .main-block .container_1 .main-block__images .images__center,
    .main-block .container_1 .main-block__images .images__left,
    .main-block .container_1 .main-block__images .images__right {
        height: 100%;
        width: auto
    }

    .main-block .container_1 .main-block__images .images__left {
        left: -9%
    }

    .main-block .container_1 .main-block__images .images__right {
        right: -9%
    }

    .main-block .container_1 .main-block__images .images__center {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    footer .footer__links {
        margin-bottom: 36px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer .footer__links div:first-child {
        margin-bottom: 10px
    }

    footer .footer__links div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    footer .footer__copyright {
        text-align: center
    }
}

@media (max-width:991.9px) {
    .main-block .container_1 .main-block__images .images__shadow {
        display: none
    }
}

@media (max-width:480.9px) {
    .main-block .container_1 .main-block__images .images__left {
        left: -14%
    }

    .main-block .container_1 .main-block__images .images__right {
        right: -14%
    }
}

@media (max-aspect-ratio:5/9) {
    .main-block .container_1 .main-block__images .images__left {
        left: -29%
    }

    .main-block .container_1 .main-block__images .images__right {
        right: -19%
    }
}

@media (max-aspect-ratio:10/21) {
    .main-block .container_1 .main-block__images .images__left {
        left: -34%
    }

    .main-block .container_1 .main-block__images .images__right {
        right: -24%
    }
}