body.tariff-popup-lock {

    overflow: hidden !important;

}



#pricing [data-tariff-card] {

    cursor: pointer;

}



.tariff-popup {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    box-sizing: border-box;

    visibility: hidden;

    opacity: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .82);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    transition: opacity .25s ease, visibility .25s ease;

}



.tariff-popup.is-open {

    visibility: visible;

    opacity: 1;

    pointer-events: auto;

}



.tariff-popup__dialog {

    position: relative;

    width: min(100%, 650px);

    max-height: calc(100vh - 40px);

    overflow-y: auto;

    padding: 38px;

    box-sizing: border-box;

    color: #fff;

    border: 1px solid rgba(255, 255, 255, .14);

    border-radius: 28px;

    background:

        radial-gradient(circle at 90% 0%, rgba(255, 45, 55, .2), transparent 38%),

        linear-gradient(145deg, #1b1b22, #09090e);

    box-shadow: 0 35px 100px rgba(0, 0, 0, .7);

    transform: translateY(22px) scale(.98);

    transition: transform .25s ease;

}



.tariff-popup.is-open .tariff-popup__dialog {

    transform: translateY(0) scale(1);

}



.tariff-popup__close {

    position: absolute;

    top: 15px;

    right: 15px;

    width: 42px;

    height: 42px;

    padding: 0;

    color: #fff;

    font-size: 27px;

    line-height: 1;

    cursor: pointer;

    border: 1px solid rgba(255, 255, 255, .15);

    border-radius: 50%;

    background: rgba(255, 255, 255, .06);

}



.tariff-popup__label {

    margin: 0 0 10px;

    color: #ff343e;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: .14em;

    text-transform: uppercase;

}



.tariff-popup__title {

    margin: 0;

    padding-right: 38px;

    font-size: clamp(30px, 6vw, 48px);

    line-height: 1.05;

    letter-spacing: -.035em;

}



.tariff-popup__price {

    margin-top: 20px;

    color: #ff343e;

    font-size: 36px;

    font-weight: 750;

    line-height: 1;

}



.tariff-popup__description {

    margin: 18px 0 0;

    color: rgba(255, 255, 255, .63);

    font-size: 15px;

    line-height: 1.65;

}



.tariff-popup__features {

    display: grid;

    gap: 10px;

    margin: 25px 0 0;

    padding: 0;

    list-style: none;

}



.tariff-popup__features li {

    position: relative;

    padding-left: 20px;

    color: rgba(255, 255, 255, .84);

    font-size: 14px;

    line-height: 1.5;

}



.tariff-popup__features li::before {

    position: absolute;

    top: .55em;

    left: 0;

    width: 7px;

    height: 7px;

    content: "";

    border-radius: 50%;

    background: #ff343e;

    box-shadow: 0 0 12px rgba(255, 52, 62, .75);

}



.tariff-popup__button {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 56px;

    margin-top: 30px;

    padding: 12px 22px;

    box-sizing: border-box;

    color: #fff;

    font: inherit;

    font-weight: 800;

    text-decoration: none;

    cursor: pointer;

    border: 0;

    border-radius: 999px;

    background: linear-gradient(105deg, #ff2732, #ff4c55);

    box-shadow: 0 14px 35px rgba(255, 39, 50, .22);

}



.tariff-popup__close:focus-visible,

.tariff-popup__button:focus-visible {

    outline: 2px solid #ff343e;

    outline-offset: 3px;

}



@media (max-width: 600px) {

    .tariff-popup {

        align-items: flex-end;

        padding: 10px;

    }



    .tariff-popup__dialog {

        width: 100%;

        max-height: calc(100dvh - 20px);

        padding: 30px 20px 22px;

        border-radius: 24px;

    }



    .tariff-popup__title {

        font-size: 32px;

    }



    .tariff-popup__price {

        font-size: 32px;

    }

}



@media (prefers-reduced-motion: reduce) {

    .tariff-popup,

    .tariff-popup__dialog {

        transition: none;

    }

}




/* TARIFF FORM START */



.tariff-popup__form-intro {

    margin: 28px 0 0;

    color: rgba(255, 255, 255, .82);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.3;

}



.tariff-popup__form-note {

    margin: 7px 0 0;

    color: rgba(255, 255, 255, .5);

    font-size: 13px;

    line-height: 1.5;

}



.tariff-popup__selected {

    display: inline-flex;

    margin-top: 15px;

    padding: 8px 12px;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.3;

    border: 1px solid rgba(255, 52, 62, .3);

    border-radius: 999px;

    background: rgba(255, 52, 62, .1);

}



.tariff-popup__form {

    display: grid;

    gap: 12px;

    margin-top: 20px;

}



.tariff-popup__input,

.tariff-popup__textarea {

    width: 100%;

    box-sizing: border-box;

    color: #fff;

    font: inherit;

    font-size: 14px;

    outline: none;

    border: 1px solid rgba(255, 255, 255, .14);

    border-radius: 15px;

    background: rgba(4, 4, 9, .72);

    transition: border-color .2s ease, background .2s ease;

}



.tariff-popup__input {

    height: 54px;

    padding: 0 16px;

}



.tariff-popup__textarea {

    min-height: 105px;

    padding: 15px 16px;

    line-height: 1.5;

    resize: vertical;

}



.tariff-popup__input::placeholder,

.tariff-popup__textarea::placeholder {

    color: rgba(255, 255, 255, .38);

}



.tariff-popup__input:focus,

.tariff-popup__textarea:focus {

    border-color: #ff343e;

    background: rgba(7, 7, 12, .94);

}



.tariff-popup__submit {

    margin-top: 4px;

}



.tariff-popup__submit:disabled {

    cursor: wait;

    opacity: .6;

}



.tariff-popup__status {

    display: none;

    padding: 12px 14px;

    font-size: 13px;

    line-height: 1.45;

    border-radius: 12px;

}



.tariff-popup__status.is-visible {

    display: block;

}



.tariff-popup__status.is-success {

    color: #baf4ca;

    background: rgba(47, 190, 88, .14);

}



.tariff-popup__status.is-error {

    color: #ffc0c4;

    background: rgba(255, 45, 55, .14);

}



.tariff-popup__honeypot {

    position: absolute !important;

    left: -10000px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

    opacity: 0 !important;

}



/* TARIFF FORM END */



/* FORCE HIDE TARIFF DETAILS */
.tariff-popup__description,
.tariff-popup__features {
    display: none !important;
}