.pay__window {
    box-shadow: 0 0 2.96296vh rgba(0,0,0,.15);
    border-radius: .833333vh;
    width: fit-content;
    max-width: 95vw;
    height: fit-content;
    position: relative;
    background: #fff;
    z-index: 3
}

.pay__window__content {
    padding: 2.77777778vh 2.6851851vh 2.2222222vh 2.6851851vh;
    background: #fff;
    border-radius: .833333vh .833333vh 0 0
}

.pay__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pay__exit {
    height: 2.8703703vh;
    width: 2.8703703vh;
    background: #f3f3f3;
    border-radius: .55555vh;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.pay__exit img {
    height: 1.296296296vh;
    width: auto
}

.pay__header__flex {
    display: flex;
    justify-content: flex-start
}

.pay__header__text {
    font-size: 3.333333333vh;
    line-height: 3.888888889vh;
    font-weight: 900;
    letter-spacing: .025em;
    color: #e81a3f
}

.pay__header__summ {
    font-size: 2.2222222vh;
    line-height: 2.59295vh;
    letter-spacing: .025em;
    color: #fff;
    padding: .462vh .925925vh .462vh 1.203vh;
    background: #e81a3f;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.0185185vh;
    margin-left: 1.3888889vh
}

.pay__select__text {
    margin-top: 1.296296vh;
    font-size: 1.6666667vh;
    line-height: 1.944444vh;
    color: #000
}

.pay__error,.pay__info,.pay__warning {
    display: flex;
    justify-content: flex-start;
    margin-top: 1.85185vh
}

.pay__error__img,.pay__info__img,.pay__warning__img {
    height: auto;
    width: 5.18518vh;
    border-radius: .648148148vh 0 0 .648148148vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.pay__error__img {
    background: #e81a3f
}

.pay__warning__img {
    background: #ff8f28
}

.pay__info__img {
    background: #8ba8ff
}

.pay__error__img img,.pay__warning__img img {
    width: 2.407407407vh;
    height: 2.2222222vh
}

.pay__info__img img {
    width: 3vh;
    height: auto
}

.pay__error__text,.pay__info__text,.pay__warning__text {
    height: fit-content;
    width: calc(100% - 5.18518vh);
    background: #ffe6ea;
    border-radius: 0 .648148148vh .648148148vh 0;
    display: flex;
    justify-content: flex-start;
    font-size: 1.45vh;
    line-height: 1.1;
    align-items: center;
    padding: 1.5vh;
    box-sizing: border-box;
    word-break: break-word;
    max-width: calc(21.2962962vh + 21.2962962vh + 19.814814814vh - 5.18518vh)
}

.pay__error__text {
    background: #ffe6ea
}

.pay__warning__text {
    background: #ffebd8
}

.pay__info__text {
    background: #d8e2ff
}

.pay__error__text>span>a,.pay__info__text>span>a,.pay__warning__text>span>a {
    text-decoration: underline
}

.pay__list {
    display: grid;
    grid-template-columns: 21.2962962vh 21.2962962vh 19.814814814vh;
    user-select: none
}

.pay__item:not(:nth-child(-n + 3)) {
    margin-top: 1.3888889vh
}

.pay__item:nth-child(-n+3) {
    margin-top: 2.2222222vh
}

.pay__item:nth-child(3n+1),.pay__item:nth-child(3n+2) {
    margin-right: 1.48148148vh
}

.pay__item__icons {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: .833333vh
}

.pay__item {
    box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #f9f9f9;
    border-radius: .75vh;
    height: 7.962962vh;
    padding: 1.296296vh 1.3888889vh 1.203vh 1.3888889vh;
    position: relative;
    cursor: pointer
}

.pay__item.active {
    border: 1px solid #d5d5d5
}

.pay__accepting {
    font-size: 1.5vh;
    color: #838383;
    margin-top: 1.85185vh;
    line-height: 1.75vh
}

.pay__accepting a {
    color: #838383;
    text-decoration: underline
}

.pay__accepting a:visited {
    color: #838383
}

.pay__btn {
    width: 100%;
    height: 7.129629vh;
    background: #e81a3f;
    border-radius: 0 0 .833333vh .833333vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 1.6666667vh;
    line-height: 1.944444vh;
    color: #fff;
    transition: background .5s;
    border: none
}

.pay__btn:disabled {
    background: silver
}

.pay__btn:not(:disabled):hover {
    cursor: pointer;
    transition: all .5s;
    background: #da0f33
}

.pay__btn img {
    margin-left: 1.203vh;
    height: 1.6666667vh;
    width: auto
}

.visa__garant {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    margin-top: 1.48148148vh;
    pointer-events: none
}

.visa__garant__icons {
    height: 5vh
}

.visa__garant__links {
    text-align: right;
    font-size: 1.5vh;
    line-height: 1.48148148vh;
    text-decoration-line: underline;
    pointer-events: auto
}

@media (orientation: portrait) {
    .visa__garant {
        flex-direction:column;
        align-items: center
    }

    .visa__garant__links {
        margin-top: 2vh;
        margin-bottom: 2vh;
        text-align: center
    }
}

.visa__garant__links a {
    color: #9b9b9b
}

.visa__garant__links a:visited {
    color: #9b9b9b
}

.visa__garant__policy {
    margin-top: .925925vh
}

.pay__icon__visa {
    height: 1.944444vh
}

.pay__icon__mc {
    height: 1.6666667vh
}

.pay__icon__usd {
    height: 2vh
}

.pay__icon__mir {
    height: 1.203vh
}

.pay__icon__sbp {
    height: 2.5vh
}

.pay__icon__apple {
    height: 2.5vh
}

.pay__icon__yandexpay {
    height: 2.3vh
}

.pay__icon__samsung {
    height: 1.6vh
}

.pay__icon__google {
    height: 2.037037037vh
}

.pay__icon__iomoney {
    height: 1.944444vh
}

.pay__icon__tele2 {
    height: 1.85185vh
}

.pay__icon__megaphone {
    height: 1.85185vh
}

.pay__icon__mts {
    height: 1.6666667vh
}

.pay__icon__qiwi {
    height: 2.3148148vh
}

.pay__icon__usdt {
    height: 2vh
}

.pay__icon__beeline {
    height: 4.629629vh;
    border-radius: 50%;
    position: absolute;
    left: .277777vh;
    top: .09259259vh
}

.pay__icon__webmoney {
    height: 3.2407407vh;
    position: absolute;
    top: .7407407vh;
    left: .9259259vh
}

.pay__item__text {
    position: absolute;
    bottom: 1.203vh;
    left: 1.3888889vh;
    font-size: .66vw;
    line-height: .78125000625vw;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #777;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.pay__item__text input {
    margin: 0;
    margin-right: .833333vh;
    height: 1.944444vh;
    width: 1.944444vh;
    background: #fff;
    border: .09295295vh solid #dadada;
    box-sizing: border-box;
    border-radius: .462vh;
    display: none;
    pointer-events: none
}

.pay__item__text label {
    display: block;
    border-radius: 10%;
    width: 1.944444vh;
    height: 1.944444vh;
    background: #fff;
    border: .09295295vh solid #dadada;
    border-radius: .5vh;
    margin-right: .833333vh;
    pointer-events: none
}

.pay__item__text input:checked+label {
    background: #e81a3f;
    border: .09295295vh solid #e81a3f;
    border-radius: .5vh;
    content: "\2713";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.pay__item__text input+label img {
    visibility: hidden
}

.pay__item__text input:checked+label img {
    visibility: visible
}

.pay__item__text label>img {
    width: auto;
    height: 1vh
}

.pay__item__icons img:not(:first-child) {
    margin-left: 1vh
}

@media (orientation: portrait) {
    .pay__window {
        top:3vh
    }

    .pay__error__text,.pay__info__text,.pay__warning__text {
        font-size: 1.3666667vh
    }

    .pay__list {
        grid-template-columns: calc(50% + 1.48148148vh) calc(50%)
    }

    .pay__item:not(:nth-child(-n + 3)) {
        margin-top: 0
    }

    .pay__item:nth-child(-n+3) {
        margin-top: 0
    }

    .pay__item:nth-child(3n+1),.pay__item:nth-child(3n+2) {
        margin-right: 0
    }

    .pay__item:not(:nth-child(-n + 2)) {
        margin-top: 1.3888889vh
    }

    .pay__item:nth-child(-n+2) {
        margin-top: 2.2222222vh
    }

    .pay__item:nth-child(2n+2),.pay__item:nth-child(odd) {
        margin-right: 1.48148148vh
    }

    .pay__item__text {
        font-size: 2.5vw;
        line-height: 2vw
    }
}
