.saf-plus-card {
    position: relative;
    overflow: hidden;
}

.saf-plus-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -80px;
    top: -90px;
    background: rgba(77, 255, 145, .07);
    border-radius: 50%;
    pointer-events: none;
}

.saf-plus-head {
    position: relative;
    z-index: 1;
}

.saf-plus-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
}

.saf-plus-star {
    color: #72f59a;
    font-size: 15px;
}

.saf-plus-main {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin-top: 19px;
}

.saf-plus-main .big-value {
    margin-top: 4px;
}

.saf-plus-price {
    display: flex;
    align-items: baseline;
    gap: 3px;
    white-space: nowrap;
    font-size: 22px;
    font-weight: 700;
}

.saf-plus-price small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 500;
}

.saf-plus-info {
    margin-top: 18px;
    padding: 4px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255,255,255,.018);
}

.saf-plus-row {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid var(--border);
}

.saf-plus-row:last-child {
    border-bottom: 0;
}

.saf-plus-row span {
    color: var(--muted);
    font-size: 11px;
}

.saf-plus-row strong {
    font-size: 12px;
    text-align: right;
}

.saf-plus-traffic {
    margin-top: 18px;
}

.saf-plus-expiry {
    margin-top: 16px;
}







#homeUserCard {
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


 

#homeUserCard.expiry-soon {
    border-color: rgba(255, 170, 45, .58);
    box-shadow:
        0 0 0 1px rgba(255, 170, 45, .04),
        0 0 25px rgba(255, 170, 45, .05);
}

#homeUserCard.expiry-soon #homeDays {
    color: #ffad32;
}


 

#homeUserCard.expiry-critical {
    border-color: rgba(255, 75, 75, .78);
    box-shadow:
        0 0 0 1px rgba(255, 75, 75, .07),
        0 0 28px rgba(255, 75, 75, .07);
}

#homeUserCard.expiry-critical #homeDays {
    color: #ff5757;
}





.saf-expiry-warning {
    margin-top: 15px;
    margin-bottom: 12px;

    padding: 12px 14px;

    align-items: center;
    gap: 11px;

    border-radius: 13px;
}

.saf-expiry-warning-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    font-size: 15px;
}

.saf-expiry-warning-content {
    min-width: 0;
}

.saf-expiry-warning strong {
    display: block;

    margin-bottom: 3px;

    font-size: 12px;
    line-height: 1.25;
}

.saf-expiry-warning span {
    display: block;

    color: var(--muted);

    font-size: 10px;
    line-height: 1.4;
}


 

.saf-expiry-warning.warning-soon {
    background: rgba(255, 169, 41, .075);
    border: 1px solid rgba(255, 169, 41, .22);
}

.saf-expiry-warning.warning-soon
.saf-expiry-warning-icon {
    background: rgba(255, 169, 41, .11);
}

.saf-expiry-warning.warning-soon strong {
    color: #ffad32;
}


 

.saf-expiry-warning.warning-critical {
    background: rgba(255, 73, 73, .075);
    border: 1px solid rgba(255, 73, 73, .25);
}

.saf-expiry-warning.warning-critical
.saf-expiry-warning-icon {
    background: rgba(255, 73, 73, .11);
}

.saf-expiry-warning.warning-critical strong {
    color: #ff5757;
}





#homeBuyButton {
    min-height: 0 !important;

    margin-top: 9px !important;

    padding: 11px 14px !important;

    border-radius: 13px !important;

    background: rgba(255,255,255,.018) !important;
    border: 1px solid rgba(255,255,255,.045) !important;
}

#homeBuyButton > div {
    display: flex;
    align-items: center;
    gap: 7px;
}

#homeBuyButton b {
    font-size: 12px !important;
    line-height: 1.2;
}

#homeBuyButton .action-sub {
    margin: 0 !important;

    font-size: 9px !important;

    opacity: .55;
}

#homeBuyButton .arrow {
    font-size: 17px;
    opacity: .45;
}





#homeConnectButton {
    min-height: 46px !important;
    height: 46px !important;

    margin-top: 11px !important;

    border-radius: 13px !important;

    font-size: 14px !important;
}










.copy-button,
.copy-btn,
.copyButton,
.copy-link-button,
.subscription-copy,
.guest-copy,
button[id*="Copy"],
button[id*="copy"] {

    position: relative !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;

    height: 36px !important;
    min-height: 36px !important;

    flex: 0 0 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 10px !important;

    border:
        1px solid rgba(255,255,255,.07) !important;

    background:
        rgba(255,255,255,.025) !important;

    color:
        rgba(255,255,255,.42) !important;

    font-size: 0 !important;
    line-height: 0 !important;

    cursor: pointer;

    box-shadow: none !important;

    overflow: hidden !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .12s ease !important;
}


 

.copy-button > *,
.copy-btn > *,
.copyButton > *,
.copy-link-button > *,
.subscription-copy > *,
.guest-copy > *,
button[id*="Copy"] > *,
button[id*="copy"] > * {

    visibility: hidden !important;
}





.copy-button::before,
.copy-btn::before,
.copyButton::before,
.copy-link-button::before,
.subscription-copy::before,
.guest-copy::before,
button[id*="Copy"]::before,
button[id*="copy"]::before {

    content: "" !important;

    position: absolute !important;

    width: 9px !important;
    height: 10px !important;

    left: 15px !important;
    top: 10px !important;

    border:
        1px solid currentColor !important;

    border-radius: 2px !important;

    background: transparent !important;

    opacity: .55 !important;

    box-sizing: border-box !important;

    transform: none !important;
}


.copy-button::after,
.copy-btn::after,
.copyButton::after,
.copy-link-button::after,
.subscription-copy::after,
.guest-copy::after,
button[id*="Copy"]::after,
button[id*="copy"]::after {

    content: "" !important;

    position: absolute !important;

    width: 9px !important;
    height: 10px !important;

    left: 18px !important;
    top: 13px !important;

    border:
        1px solid currentColor !important;

    border-radius: 2px !important;

    background:
        rgba(20,28,23,.92) !important;

    box-sizing: border-box !important;

    transform: none !important;
}





.copy-button:hover,
.copy-btn:hover,
.copyButton:hover,
.copy-link-button:hover,
.subscription-copy:hover,
.guest-copy:hover,
button[id*="Copy"]:hover,
button[id*="copy"]:hover {

    background:
        rgba(255,255,255,.05) !important;

    border-color:
        rgba(255,255,255,.12) !important;

    color:
        rgba(255,255,255,.72) !important;
}


.copy-button:active,
.copy-btn:active,
.copyButton:active,
.copy-link-button:active,
.subscription-copy:active,
.guest-copy:active,
button[id*="Copy"]:active,
button[id*="copy"]:active {

    transform: scale(.94) !important;
}





.copy-button.copied,
.copy-btn.copied,
.copyButton.copied,
.copy-link-button.copied,
.subscription-copy.copied,
.guest-copy.copied,
button[id*="Copy"].copied,
button[id*="copy"].copied {

    color: #25df78 !important;

    border-color:
        rgba(37,223,120,.25) !important;

    background:
        rgba(37,223,120,.06) !important;
}





@media (max-width: 520px) {

    .copy-button,
    .copy-btn,
    .copyButton,
    .copy-link-button,
    .subscription-copy,
    .guest-copy,
    button[id*="Copy"],
    button[id*="copy"] {

        width: 42px !important;
        min-width: 42px !important;
        height: 36px !important;
        min-height: 36px !important;
        flex-basis: 42px !important;
    }

}




 

.saf-device-limit-disabled,
button:disabled.device-minus,
button:disabled.device-plus,
.device-minus:disabled,
.device-plus:disabled {
    opacity: .35 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    transform: none !important;
}




.saf-device-inline-success {
    display: flex;
    align-items: center;
    gap: 10px;

    margin: 10px 0 0;
    padding: 11px 13px;

    border: 1px solid rgba(40, 200, 110, .22);
    border-radius: 13px;

    background: rgba(20, 120, 65, .10);

    color: #a8b6ac;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;

    opacity: 0;
    transform: translateY(-4px);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

.saf-device-inline-success.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.saf-device-inline-success-icon {
    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: rgba(31, 190, 100, .14);
    color: #38d879;

    font-size: 14px;
    font-weight: 900;
}



/* SAF DEVICE SUCCESS LIGHT GRAPHITE V2 */
/* Общий стиль для ПК, телефонов и Telegram Mini App */

html body.light .saf-device-inline-success,
html body.light-theme .saf-device-inline-success {
    background: #f0f3f1 !important;
    background-image: none !important;
    border: 1px solid #d5ddd7 !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    box-shadow: none !important;
}

html body.light .saf-device-inline-success-icon,
html body.light-theme .saf-device-inline-success-icon {
    background: #dfe6e1 !important;
    background-image: none !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    border: 1px solid #d0d9d2 !important;
    box-sizing: border-box !important;
}

html body.light .saf-device-inline-success-icon svg,
html body.light-theme .saf-device-inline-success-icon svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
}

/* Сохраняем анимацию появления */
html body.light .saf-device-inline-success.is-visible,
html body.light-theme .saf-device-inline-success.is-visible {
    opacity: 1;
    transform: translateY(0);
}






.saf-devices-title {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: -0.25px;

    color: rgba(255,255,255,.96);
}

.saf-devices-clover {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    line-height: 1;

    color: #39d98a;

    text-shadow:
        0 0 8px rgba(57,217,138,.30),
        0 0 16px rgba(57,217,138,.12);

    transform: translateY(-1px);
}







#safGuestBackButton.saf-guest-back {
    width: auto !important;
    min-width: 112px !important;
    height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    margin:
        2px
        0
        18px
        0 !important;

    padding:
        6px
        14px
        6px
        7px !important;

    border:
        1px solid
        rgba(53, 233, 129, .18) !important;

    border-radius:
        15px !important;

    background:
        rgba(53, 233, 129, .07) !important;

    color:
        var(--text) !important;

    font-size:
        14px !important;

    font-weight:
        750 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;

    box-shadow:
        0 8px 24px
        rgba(0, 0, 0, .08) !important;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease !important;
}


#safGuestBackButton.saf-guest-back:hover {
    background:
        rgba(53, 233, 129, .12) !important;

    border-color:
        rgba(53, 233, 129, .28) !important;
}


#safGuestBackButton.saf-guest-back:active {
    transform:
        scale(.97) !important;
}


 

#safGuestBackButton
.saf-guest-back-arrow {
    width:
        31px !important;

    min-width:
        31px !important;

    height:
        31px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        1px solid
        rgba(53, 233, 129, .25) !important;

    border-radius:
        50% !important;

    background:
        rgba(53, 233, 129, .13) !important;

    color:
        var(--green) !important;

    font-size:
        25px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;
}


 

#safGuestBackButton
.saf-guest-back-arrow + span {
    color:
        var(--text) !important;

    font-size:
        14px !important;

    font-weight:
        750 !important;

    opacity:
        .92 !important;
}


@media (max-width: 500px) {

    #safGuestBackButton.saf-guest-back {
        min-width:
            118px !important;

        height:
            46px !important;
    }

}







.saf-auth-logo {
    width: 78px !important;
    height: 78px !important;

    margin:
        0 auto 18px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        22px !important;

    background:
        transparent !important;

    box-shadow:
        0 18px 55px
        rgba(0,0,0,.18) !important;

    overflow:
        hidden !important;
}


.saf-auth-logo-image {
    display:
        block !important;

    width:
        78px !important;

    height:
        78px !important;

    max-width:
        none !important;

    object-fit:
        cover !important;

    border-radius:
        22px !important;

    user-select:
        none !important;

    -webkit-user-drag:
        none !important;
}


 

.saf-auth-brand {
    margin-top:
        0 !important;
}







#safWebAuthGate .saf-auth-logo {
    width: 78px !important;
    height: 78px !important;

    margin:
        0
        auto
        22px !important;

    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    outline: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;
    filter: none !important;

    overflow: visible !important;
}


 

#safWebAuthGate .saf-auth-logo-image {
    display: block !important;

    width: 78px !important;
    height: 78px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;

    background: transparent !important;

    box-shadow: none !important;

    object-fit: contain !important;
}







 

#safGuestBackButton {
    min-width: 112px !important;
    height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    padding: 5px 13px 5px 6px !important;

    border-radius: 14px !important;

    line-height: 1 !important;
}


 

#safGuestBackButton .saf-guest-back-arrow {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background:
        rgba(53, 233, 129, .10) !important;

    border:
        1px solid rgba(53, 233, 129, .20) !important;

    color: #35e981 !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 27px !important;
    font-weight: 400 !important;

    line-height: 26px !important;

    text-align: center !important;

    box-sizing: border-box !important;

    transform: none !important;
}


 

#safGuestBackButton > span:last-child {
    display: inline-flex !important;
    align-items: center !important;

    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    font-weight: 750 !important;

    line-height: 1 !important;
}







#safGuestBackButton {
    min-width: 112px !important;
    height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    padding: 5px 13px 5px 6px !important;

    border-radius: 14px !important;
}


 

#safGuestBackButton .saf-guest-back-arrow {
    position: relative !important;

    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 32px !important;

    border-radius: 50% !important;

    background:
        rgba(53,233,129,.10) !important;

    border:
        1px solid rgba(53,233,129,.20) !important;

    box-sizing: border-box !important;

     
    color: transparent !important;

    font-size: 0 !important;
    line-height: 0 !important;

    transform: none !important;
}


 

#safGuestBackButton .saf-guest-back-arrow::after {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 7px !important;
    height: 7px !important;

    border-left:
        2px solid #35e981 !important;

    border-bottom:
        2px solid #35e981 !important;

    box-sizing: border-box !important;

    

    transform:
        translate(-42%, -50%)
        rotate(45deg) !important;

    transform-origin: center !important;
}


 

#safGuestBackButton > span:last-child {
    height: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;

    transform: none !important;
}







@media (max-width: 768px) {

    

    


    .header {
        height: 76px !important;
        padding: 0 16px !important;
    }

    .app {
        

        

        

        

        padding-top:
            calc(
                96px +
                env(safe-area-inset-top, 0px)
            ) !important;
    }


    

    nav.bottom-nav,
    .bottom-nav {
        bottom:
            calc(
                34px +
                env(safe-area-inset-bottom, 0px)
            ) !important;
    }


    

    .app {
        padding-bottom:
            calc(
                145px +
                env(safe-area-inset-bottom, 0px)
            ) !important;
    }

}








 

html,
body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.app {
    margin-top: 0 !important;
    padding-top: 0 !important;
}





.header {
    position: sticky !important;

    

    top:
        var(
            --saf-telegram-top,
            0px
        ) !important;

    z-index: 10000 !important;

    width: 100% !important;

    height: 68px !important;
    min-height: 68px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
        0
        16px !important;

    background:
        var(--bg) !important;

    border-bottom:
        1px solid var(--border) !important;

    opacity: 1 !important;

    transform: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    isolation: isolate !important;
}





.header::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 100% !important;

    height:
        var(
            --saf-telegram-top,
            0px
        ) !important;

    background:
        var(--bg) !important;

    pointer-events: none !important;

    z-index: -1 !important;
}


.header > * {
    position: relative !important;
    z-index: 2 !important;
}


 

@media (min-width: 769px) {

    .header {
        padding:
            0
            20px !important;
    }

}











@media (max-width: 768px) and (pointer: coarse) {


    


    .app {
        

        padding-top:
            calc(
                86px +
                env(safe-area-inset-top, 0px)
            ) !important;

        margin-top: 0 !important;
    }


    


    .header {
        position: sticky !important;

        

        top:
            calc(
                86px +
                env(safe-area-inset-top, 0px)
            ) !important;

        

        height: 68px !important;
        min-height: 68px !important;

        padding:
            0
            16px !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        background:
            var(--bg) !important;

        border-bottom:
            1px solid var(--border) !important;

        z-index: 10000 !important;

        transform: none !important;

        opacity: 1 !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        isolation: isolate !important;
    }


    


    .header::before {
        content: "" !important;

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        bottom: 100% !important;

        height:
            calc(
                86px +
                env(safe-area-inset-top, 0px)
            ) !important;

        background:
            var(--bg) !important;

        pointer-events: none !important;

        z-index: -1 !important;
    }


    .header > * {
        position: relative !important;
        z-index: 2 !important;
    }

}







#homePage > .page-title,
#homePage > .page-subtitle {
    display: none !important;
}




#homePage > .welcome {
    display: none !important;
}




#homePage {
    padding-top: 0 !important;
}







#homePage {
    padding-top: 18px !important;
}







#homePage #homeConfigurationCard {
    display: none !important;
}








 

#homeUserCard.saf-plus-card {
    padding: 20px !important;

    border-radius: 24px !important;

    background:
        rgba(13, 29, 20, .96) !important;

    border:
        1px solid rgba(53, 233, 129, .18) !important;

    box-shadow: none !important;
}


 

#homeUserCard .saf-plus-head {
    margin-bottom: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;
}

#homeUserCard .saf-plus-title {
    display: flex !important;
    align-items: center !important;

    gap: 5px !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

#homeUserCard .saf-plus-prefix,
#homeUserCard .saf-plus-name {
    color: var(--text) !important;
}

#homeUserCard .saf-plus-star {
    color: #ffd447 !important;
}


 

#homeUserCard #homeStatus {
    flex: 0 0 auto !important;

    padding: 7px 11px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    letter-spacing: .02em !important;
}


 

#homeUserCard .saf-plus-main {
    margin: 0 0 18px !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 16px !important;
}

#homeUserCard .saf-plus-main .label {
    margin-bottom: 5px !important;

    color: var(--muted) !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
}

#homeUserCard #homeDays {
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    letter-spacing: -.03em !important;
}

#homeUserCard .saf-plus-price {
    padding-bottom: 2px !important;

    white-space: nowrap !important;
}

#homeUserCard #homePlanPrice {
    font-size: 22px !important;
    font-weight: 900 !important;
}

#homeUserCard .saf-plus-price small {
    color: var(--muted) !important;

    font-size: 10px !important;
}





#homeUserCard .saf-plus-info {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;
}

#homeUserCard .saf-plus-row {
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;

    padding: 0 !important;

    border-bottom:
        1px solid rgba(255,255,255,.055) !important;
}

#homeUserCard .saf-plus-row:last-child {
    border-bottom: 0 !important;
}

#homeUserCard .saf-plus-row > span {
    color: var(--muted) !important;

    font-size: 11px !important;
}

#homeUserCard .saf-plus-row strong {
    color: var(--text) !important;

    font-size: 11px !important;
    font-weight: 750 !important;

    text-align: right !important;
}





#homeUserCard .saf-plus-traffic {
    margin-top: 18px !important;
    margin-bottom: 8px !important;

    font-size: 11px !important;
}

#homeUserCard .saf-plus-traffic > span:first-child {
    color: var(--muted) !important;
}

#homeUserCard #homeTrafficText {
    color: var(--text) !important;
    font-weight: 700 !important;
}

#homeUserCard .progress {
    height: 6px !important;

    margin: 0 0 18px !important;

    border-radius: 999px !important;

    overflow: hidden !important;

    background:
        rgba(255,255,255,.08) !important;
}





#homeUserCard .saf-plus-expiry {
    margin: 0 !important;

    padding: 13px 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;

    background: transparent !important;

    border: 0 !important;
    border-top:
        1px solid rgba(255,255,255,.055) !important;

    border-radius: 0 !important;
}

#homeUserCard .saf-plus-expiry small {
    color: var(--muted) !important;

    font-size: 10px !important;
    line-height: 1.3 !important;
}

#homeUserCard #homeExpiry {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: right !important;
}





#homeUserCard #homeConnectButton {
    display: none !important;
}





#homeUserCard #homeBuyButton {
    width: 100% !important;
    min-height: 62px !important;

    margin-top: 8px !important;

    padding: 11px 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-radius: 999px !important;

    background:
        rgba(53, 233, 129, .075) !important;

    border:
        1px solid rgba(53, 233, 129, .035) !important;

    box-shadow: none !important;
}

#homeUserCard #homeBuyButton > div {
    position: relative !important;

    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 3px !important;

    padding-left: 49px !important;
}


 

#homeUserCard #homeBuyButton > div::before {
    content: "✦" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform:
        translateY(-50%) !important;

    border-radius: 50% !important;

    background:
        rgba(53, 233, 129, .12) !important;

    color:
        #35e981 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
}

#homeUserCard #homeBuyButton b {
    color: var(--text) !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}


 

#homeUserCard #homeBuyButton .action-sub {
    font-size: 0 !important;

    color: var(--muted) !important;

    opacity: 1 !important;
}

#homeUserCard #homeBuyButton .action-sub::after {
    content: "Продлить тариф и устройства" !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
}

#homeUserCard #homeBuyButton .arrow {
    color: var(--muted) !important;

    font-size: 24px !important;

    opacity: .55 !important;
}





@media (max-width: 768px) {

    #homeUserCard.saf-plus-card {
        padding: 17px !important;
        border-radius: 22px !important;
    }

    #homeUserCard .saf-plus-title {
        font-size: 16px !important;
    }

    #homeUserCard #homeDays {
        font-size: 32px !important;
    }

    #homeUserCard #homePlanPrice {
        font-size: 20px !important;
    }

}





body.light #homeUserCard.saf-plus-card {
    background:
        rgba(255,255,255,.96) !important;
}











#homeUserCard .saf-plus-inline-config {
    margin-top: 16px !important;

    padding-top: 16px !important;

    border-top:
        1px solid rgba(255,255,255,.055) !important;
}


 

#homeUserCard .saf-plus-inline-config-label {
    margin-bottom: 9px !important;

    color: var(--muted) !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    letter-spacing: .04em !important;
}





#homeUserCard .saf-config-link-row {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        44px !important;

    gap: 8px !important;

    align-items: stretch !important;
}


 

#homeUserCard .saf-config-link {
    min-width: 0 !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;

    padding:
        0
        13px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    border-radius: 11px !important;

    border:
        1px solid rgba(255,255,255,.07) !important;

    background:
        rgba(255,255,255,.035) !important;

    color:
        var(--muted) !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace !important;

    font-size: 10px !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}





#homeUserCard .saf-config-copy {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 11px !important;

    border:
        1px solid rgba(255,255,255,.07) !important;

    background:
        rgba(255,255,255,.035) !important;

    color:
        var(--muted) !important;

    cursor: pointer !important;
}


 

#homeUserCard .saf-config-copy:active {
    transform:
        scale(.94) !important;
}





#homeUserCard .saf-config-hint {
    margin-top: 7px !important;

    color: var(--muted) !important;

    font-size: 9px !important;
    line-height: 1.35 !important;

    opacity: .75 !important;
}





@media (max-width: 768px) {

    #homeUserCard .saf-plus-inline-config {
        margin-top: 14px !important;
        padding-top: 14px !important;
    }

    #homeUserCard .saf-config-link {
        height: 42px !important;
    }

    #homeUserCard .saf-config-copy {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
    }

}





body.light #homeUserCard .saf-config-link,
body.light #homeUserCard .saf-config-copy {
    background:
        rgba(0,0,0,.025) !important;

    border-color:
        rgba(0,0,0,.08) !important;
}











#homeUserCard.saf-plus-card {
    padding: 20px !important;

    border-radius: 24px !important;

    overflow: hidden !important;
}





#homeUserCard .saf-plus-head {
    margin: 0 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;
}


#homeUserCard .saf-plus-title {
    font-size: 17px !important;
    font-weight: 850 !important;
}


#homeUserCard #homeStatus {
    padding: 7px 11px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
}






 

#homeUserCard .saf-plus-main {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    overflow: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


 

#homeUserCard .saf-plus-info {
    display: none !important;
}


 

#homeUserCard .saf-plus-traffic,
#homeUserCard .progress {
    display: none !important;
}


 

#homeUserCard .saf-plus-expiry {
    display: none !important;
}


 

#homeUserCard #homeConnectButton {
    display: none !important;
}





#homeUserCard #homeBuyButton {
    width: 100% !important;

    min-height: 66px !important;

    margin: 0 0 16px !important;

    padding:
        10px
        14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border: 0 !important;

    border-radius: 999px !important;

    background:
        rgba(53, 233, 129, .075) !important;

    box-shadow: none !important;
}


#homeUserCard #homeBuyButton > div {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    justify-content: center !important;

    gap: 3px !important;

    padding-left: 51px !important;
}


 

#homeUserCard #homeBuyButton > div::before {
    content: "✦" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform:
        translateY(-50%) !important;

    border-radius: 50% !important;

    background:
        rgba(53,233,129,.13) !important;

    color:
        #35e981 !important;

    font-size: 19px !important;
    font-weight: 900 !important;
}


#homeUserCard #homeBuyButton b {
    font-size: 14px !important;
    font-weight: 850 !important;

    line-height: 1.15 !important;
}


 

#homeUserCard #homeBuyButton .action-sub {
    font-size: 0 !important;

    color: var(--muted) !important;

    opacity: .9 !important;
}


#homeUserCard #homeBuyButton .action-sub::after {
    content:
        "Больше дней и устройств" !important;

    font-size: 10px !important;

    line-height: 1.2 !important;
}


#homeUserCard #homeBuyButton .arrow {
    font-size: 25px !important;

    opacity: .45 !important;
}





#homeUserCard .saf-plus-inline-config {
    margin: 0 !important;

    padding: 0 0 16px !important;

    border: 0 !important;
}





#homeUserCard .saf-plus-inline-config-label {
    display: none !important;
}


#homeUserCard .saf-config-link-row {
    margin: 0 !important;
}


#homeUserCard .saf-config-link {
    height: 42px !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;
}


#homeUserCard .saf-config-copy {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;

    border-radius: 10px !important;
}


 

#homeUserCard .saf-config-hint {
    display: none !important;
}





#homeUserCard .saf-plus-remaining-v5 {
    margin-top: 0 !important;

    padding:
        15px
        14px !important;

    border-radius: 13px !important;

    border:
        1px solid rgba(53,233,129,.11) !important;

    background:
        rgba(53,233,129,.035) !important;
}


#homeUserCard .saf-plus-remaining-label {
    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    margin-bottom: 10px !important;

    color: var(--muted) !important;

    font-size: 9px !important;
    font-weight: 750 !important;

    letter-spacing: .025em !important;
}


#homeUserCard .saf-plus-remaining-icon {
    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 7px !important;

    background:
        rgba(53,233,129,.09) !important;

    color:
        #35e981 !important;

    font-size: 10px !important;
}


#homeUserCard .saf-plus-remaining-value {
    color:
        #35e981 !important;

    font-size: 18px !important;
    font-weight: 900 !important;

    line-height: 1.15 !important;
}





#homeUserCard.expiry-critical
.saf-plus-remaining-v5 {

    border-color:
        rgba(255,59,83,.25) !important;

    background:
        rgba(255,59,83,.075) !important;
}


#homeUserCard.expiry-critical
.saf-plus-remaining-value {

    color:
        #ff3b53 !important;
}


#homeUserCard.expiry-critical
.saf-plus-remaining-icon {

    background:
        rgba(255,59,83,.12) !important;

    color:
        #ff3b53 !important;
}





@media (max-width: 768px) {

    #homeUserCard.saf-plus-card {
        padding: 18px !important;
    }

    #homeUserCard .saf-plus-head {
        margin-bottom: 18px !important;
    }

    #homeUserCard #homeBuyButton {
        min-height: 64px !important;
    }

}





body.light
#homeUserCard .saf-plus-remaining-v5 {

    background:
        rgba(53,233,129,.05) !important;

    border-color:
        rgba(20,130,70,.13) !important;
}











#homeUserCard.saf-plus-card {
    padding: 20px !important;

    border-radius: 24px !important;

    background:
        rgba(12, 25, 17, .97) !important;

    border:
        1px solid rgba(53,233,129,.20) !important;

    box-shadow: none !important;
}





#homeUserCard .saf-plus-head {
    margin:
        0
        0
        22px !important;

    min-height: 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px !important;
}


#homeUserCard .saf-plus-title {
    font-size: 17px !important;
    font-weight: 850 !important;

    line-height: 1.2 !important;
}


#homeUserCard .saf-plus-prefix {
    color: var(--text) !important;
}


#homeUserCard .saf-plus-star {
    color: #ffd447 !important;
}


#homeUserCard #homeStatus {
    flex: 0 0 auto !important;

    padding:
        7px
        11px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 850 !important;
}





#homeUserCard #homeBuyButton {
    width: 100% !important;

    min-height: 66px !important;

    margin:
        0
        0
        16px !important;

    padding:
        10px
        14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border: 0 !important;

    border-radius: 999px !important;

    background:
        rgba(53,233,129,.075) !important;

    box-shadow: none !important;
}


#homeUserCard #homeBuyButton > div {
    position: relative !important;

    min-height: 44px !important;

    padding-left: 52px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    gap: 3px !important;
}


 

#homeUserCard #homeBuyButton > div::before {
    content: "✦" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 42px !important;
    height: 42px !important;

    transform:
        translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background:
        rgba(53,233,129,.13) !important;

    color:
        #35e981 !important;

    font-size: 19px !important;
    font-weight: 900 !important;
}


#homeUserCard #homeBuyButton b {
    color: var(--text) !important;

    font-size: 14px !important;
    font-weight: 850 !important;

    line-height: 1.15 !important;
}


#homeUserCard #homeBuyButton .action-sub {
    font-size: 0 !important;

    color: var(--muted) !important;
}


#homeUserCard #homeBuyButton .action-sub::after {
    content:
        "Больше дней и устройств" !important;

    font-size: 10px !important;
    font-weight: 500 !important;
}


#homeUserCard #homeBuyButton .arrow {
    margin-left: 10px !important;

    color: var(--muted) !important;

    font-size: 25px !important;

    opacity: .55 !important;
}





#homeUserCard #safPlusInlineConfiguration {
    width: 100% !important;

    margin:
        0
        0
        16px !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


#homeUserCard
#safPlusInlineConfiguration
.saf-plus-inline-config-label {

    display: none !important;
}


#homeUserCard
#safPlusInlineConfiguration
.saf-config-link-row {

    width: 100% !important;

    display: flex !important;

    gap: 8px !important;

    margin: 0 !important;
}


#homeUserCard
#homeConfigurationUrl {

    min-width: 0 !important;

    height: 42px !important;

    padding:
        0
        13px !important;

    display: flex !important;
    align-items: center !important;

    border:
        1px solid rgba(255,255,255,.07) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;

    color:
        var(--muted) !important;

    font-size: 10px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


#homeUserCard
#homeConfigurationCopy {

    flex:
        0
        0
        42px !important;

    width: 42px !important;
    height: 42px !important;

    border:
        1px solid rgba(255,255,255,.07) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;

    color:
        var(--muted) !important;
}


#homeUserCard
#safPlusInlineConfiguration
.saf-config-hint {

    display: none !important;
}





#homeUserCard #safPlusRemainingV5 {
    width: 100% !important;

    margin: 0 !important;

    padding:
        14px
        14px
        16px !important;

    box-sizing: border-box !important;

    border:
        1px solid rgba(53,233,129,.12) !important;

    border-radius: 13px !important;

    background:
        rgba(53,233,129,.035) !important;
}


#homeUserCard .saf-plus-remaining-label {
    margin:
        0
        0
        10px !important;

    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    color:
        var(--muted) !important;

    font-size: 9px !important;
    font-weight: 750 !important;
}


#homeUserCard .saf-plus-remaining-icon {
    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 7px !important;

    background:
        rgba(53,233,129,.10) !important;

    color:
        #35e981 !important;

    font-size: 10px !important;
}


#homeUserCard #safPlusRemainingValueV5 {
    color:
        #35e981 !important;

    font-size: 18px !important;
    font-weight: 900 !important;

    line-height: 1.15 !important;
}





#homeUserCard.expiry-critical
#safPlusRemainingV5 {

    border-color:
        rgba(255,59,83,.27) !important;

    background:
        rgba(255,59,83,.075) !important;
}


#homeUserCard.expiry-critical
#safPlusRemainingValueV5 {

    color:
        #ff3b53 !important;
}


#homeUserCard.expiry-critical
.saf-plus-remaining-icon {

    background:
        rgba(255,59,83,.12) !important;

    color:
        #ff3b53 !important;
}





@media (max-width: 768px) {

    #homeUserCard.saf-plus-card {
        padding:
            18px !important;
    }


    #homeUserCard .saf-plus-head {
        margin-bottom:
            18px !important;
    }


    #homeUserCard #homeBuyButton {
        min-height:
            64px !important;
    }

}








 

#homeUserCard.saf-plus-card {
    display: block !important;
    position: relative !important;

    width: 100% !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    border-radius: 24px !important;

    background:
        rgba(11, 27, 18, .98) !important;

    border:
        1px solid
        rgba(53, 233, 129, .20) !important;
}


 

#homeUserCard .saf-plus-head {
    margin: 0 0 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;
}


#homeUserCard .saf-plus-title {
    font-size: 17px !important;
    font-weight: 850 !important;
}


#homeUserCard #homeStatus {
    flex: 0 0 auto !important;

    padding: 7px 11px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 850 !important;
}


 

#homeUserCard #homeBuyButton {
    width: 100% !important;

    min-height: 66px !important;

    margin: 0 0 15px !important;

    padding: 10px 14px !important;

    box-sizing: border-box !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        rgba(53, 233, 129, .075) !important;
}


#homeUserCard #homeBuyButton > div {
    position: relative !important;

    min-height: 44px !important;

    padding-left: 52px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    gap: 3px !important;
}


#homeUserCard #homeBuyButton > div::before {
    content: "✦" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 42px !important;
    height: 42px !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background:
        rgba(53, 233, 129, .13) !important;

    color: #35e981 !important;

    font-size: 19px !important;
}


#homeUserCard #homeBuyButton .action-sub {
    font-size: 0 !important;
}


#homeUserCard #homeBuyButton .action-sub::after {
    content: "Больше дней и устройств" !important;

    font-size: 10px !important;

    color: var(--muted) !important;
}


 

#homeUserCard #safPlusInlineConfiguration {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 15px !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    opacity: 1 !important;
}


#homeUserCard
#safPlusInlineConfiguration
.saf-plus-inline-config-label,

#homeUserCard
#safPlusInlineConfiguration
.saf-config-hint {

    display: none !important;
}


#homeUserCard .saf-config-link-row {
    width: 100% !important;

    display: flex !important;

    gap: 8px !important;

    margin: 0 !important;
}


#homeUserCard #homeConfigurationUrl {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    height: 42px !important;

    padding: 0 13px !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;

    border:
        1px solid
        rgba(255,255,255,.07) !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


#homeUserCard #homeConfigurationCopy {
    flex: 0 0 42px !important;

    width: 42px !important;
    height: 42px !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;

    border:
        1px solid
        rgba(255,255,255,.07) !important;
}


 

#homeUserCard #safPlusRemainingV5 {
    position: relative !important;

    inset: auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    padding: 14px !important;

    box-sizing: border-box !important;

    display: block !important;

    opacity: 1 !important;

    overflow: hidden !important;

    border-radius: 13px !important;

    background:
        rgba(53,233,129,.035) !important;

    border:
        1px solid
        rgba(53,233,129,.13) !important;
}


#homeUserCard .saf-plus-remaining-label {
    margin: 0 0 9px !important;

    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    color: var(--muted) !important;

    font-size: 9px !important;
    font-weight: 750 !important;
}


#homeUserCard .saf-plus-remaining-icon {
    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 7px !important;

    background:
        rgba(53,233,129,.10) !important;

    color: #35e981 !important;
}


#homeUserCard #safPlusRemainingValueV5 {
    color: #35e981 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
}


 

#homeUserCard.expiry-critical
#safPlusRemainingV5 {
    background:
        rgba(255,59,83,.075) !important;

    border-color:
        rgba(255,59,83,.27) !important;
}


#homeUserCard.expiry-critical
#safPlusRemainingValueV5 {
    color: #ff3b53 !important;
}


 

@media (max-width: 768px) {

    #homeUserCard.saf-plus-card {
        padding: 17px !important;
        border-radius: 22px !important;
    }

}











#homeUserCard.saf-plus-card {
    position: relative !important;
    display: block !important;

    width: 100% !important;

    padding: 20px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    border-radius: 24px !important;

    background:
        rgba(12, 27, 18, .98) !important;

    border:
        1px solid
        rgba(53, 233, 129, .20) !important;

    box-shadow: none !important;
}


 

#homeUserCard.saf-plus-card::before {
    content: "" !important;

    position: absolute !important;

    top: -62px !important;
    right: -50px !important;

    width: 155px !important;
    height: 155px !important;

    border-radius: 50% !important;

    background:
        rgba(53, 233, 129, .055) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


#homeUserCard > * {
    position: relative !important;
    z-index: 1 !important;
}





#homeUserCard .saf-plus-head {
    width: 100% !important;

    margin: 0 0 24px !important;

    display: flex !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap: 12px !important;
}


#homeUserCard .saf-plus-title {
    min-width: 0 !important;

    display: flex !important;

    align-items: center !important;

    gap: 4px !important;

    font-size: 17px !important;

    font-weight: 850 !important;

    line-height: 1.2 !important;
}


#homeUserCard .saf-plus-star {
    color: #ffd447 !important;
}


#homeUserCard #homeStatus {
    flex: 0 0 auto !important;

    padding: 7px 11px !important;

    border-radius: 999px !important;

    font-size: 10px !important;

    font-weight: 850 !important;
}





#homeUserCard #homeBuyButton {
    position: relative !important;

    display: flex !important;

    width: 100% !important;

    min-height: 66px !important;

    margin: 0 0 16px !important;

    padding: 10px 16px !important;

    box-sizing: border-box !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap: 12px !important;

    border: 0 !important;

    border-radius: 999px !important;

    background:
        rgba(53, 233, 129, .075) !important;

    box-shadow: none !important;
}


#homeUserCard #homeBuyButton > div {
    position: relative !important;

    min-width: 0 !important;

    min-height: 44px !important;

    padding-left: 54px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    gap: 3px !important;
}


#homeUserCard #homeBuyButton > div::before {
    content: "✦" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 44px !important;
    height: 44px !important;

    transform:
        translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background:
        rgba(53, 233, 129, .13) !important;

    color: #35e981 !important;

    font-size: 19px !important;

    font-weight: 900 !important;
}


#homeUserCard #homeBuyButton b {
    font-size: 14px !important;

    font-weight: 850 !important;

    line-height: 1.15 !important;
}


 

#homeUserCard #homeBuyButton .action-sub {
    font-size: 0 !important;
}


#homeUserCard #homeBuyButton .action-sub::after {
    content: "Больше дней и устройств" !important;

    color: var(--muted) !important;

    font-size: 10px !important;

    line-height: 1.2 !important;
}


#homeUserCard #homeBuyButton .arrow {
    flex: 0 0 auto !important;

    margin-left: auto !important;

    font-size: 25px !important;

    opacity: .55 !important;
}





#homeUserCard #homeConnectButton {
    display: none !important;
}





#homeUserCard .saf-plus-main,
#homeUserCard .saf-plus-info,
#homeUserCard .saf-plus-traffic,
#homeUserCard .progress {

    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    overflow: hidden !important;

    clip-path: inset(50%) !important;

    opacity: 0 !important;

    pointer-events: none !important;
}





#homeUserCard #safPlusInlineConfiguration {
    position: relative !important;

    width: 100% !important;

    height: auto !important;

    margin: 0 0 16px !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;

    background: transparent !important;

    opacity: 1 !important;
}






#homeUserCard
#safPlusInlineConfiguration
.saf-plus-inline-config-label,

#homeUserCard
#safPlusInlineConfiguration
.saf-config-hint {

    display: none !important;
}


#homeUserCard .saf-config-link-row {
    width: 100% !important;

    margin: 0 !important;

    display: flex !important;

    align-items: stretch !important;

    gap: 8px !important;
}


#homeUserCard #homeConfigurationUrl {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    height: 42px !important;

    padding: 0 13px !important;

    box-sizing: border-box !important;

    display: flex !important;

    align-items: center !important;

    border:
        1px solid
        rgba(255,255,255,.07) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;

    color: var(--muted) !important;

    font-size: 10px !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
}


#homeUserCard #homeConfigurationCopy {
    flex: 0 0 42px !important;

    width: 42px !important;
    height: 42px !important;

    box-sizing: border-box !important;

    border:
        1px solid
        rgba(255,255,255,.07) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.035) !important;

    color: var(--muted) !important;
}





#homeUserCard #safPlusRemainingV5 {
    position: relative !important;

    inset: auto !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 90px !important;

    margin: 0 !important;

    padding: 15px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    opacity: 1 !important;

    border:
        1px solid
        rgba(53, 233, 129, .14) !important;

    border-radius: 13px !important;

    background:
        rgba(53, 233, 129, .035) !important;
}


 

#homeUserCard .saf-plus-remaining-label {
    margin: 0 0 10px !important;

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    color: var(--muted) !important;

    font-size: 0 !important;

    font-weight: 750 !important;
}


 

#homeUserCard .saf-plus-remaining-label::before {
    content: "▣" !important;

    width: 22px !important;
    height: 22px !important;

    flex: 0 0 22px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 7px !important;

    background:
        rgba(53,233,129,.10) !important;

    color: #35e981 !important;

    font-size: 10px !important;
}


 

#homeUserCard .saf-plus-remaining-label::after {
    content: "ДЕЙСТВУЕТ ДО" !important;

    color: var(--muted) !important;

    font-size: 9px !important;

    font-weight: 750 !important;

    letter-spacing: .02em !important;
}


 

#homeUserCard .saf-plus-remaining-icon {
    display: none !important;
}


 

#homeUserCard #safPlusRemainingValueV5 {
    color: #35e981 !important;

    font-size: 19px !important;

    font-weight: 900 !important;

    line-height: 1.15 !important;
}





#homeUserCard.expiry-critical
#safPlusRemainingV5 {

    background:
        rgba(255,59,83,.075) !important;

    border-color:
        rgba(255,59,83,.27) !important;
}


#homeUserCard.expiry-critical
#safPlusRemainingValueV5 {

    color: #ff3b53 !important;
}


#homeUserCard.expiry-critical
.saf-plus-remaining-label::before {

    background:
        rgba(255,59,83,.12) !important;

    color: #ff3b53 !important;
}





@media (max-width: 768px) {

    #homeUserCard.saf-plus-card {
        padding: 18px !important;

        border-radius: 22px !important;
    }


    #homeUserCard .saf-plus-head {
        margin-bottom: 21px !important;
    }


    #homeUserCard #homeBuyButton {
        min-height: 64px !important;
    }


    #homeUserCard #safPlusRemainingV5 {
        min-height: 88px !important;
    }

}








 

#homeUserCard .saf-plus-head {
    margin-bottom: 21px !important;
}





#homeUserCard #safPlusTrafficV9 {
    display: block !important;

    width: 100% !important;

    margin:
        0
        0
        17px !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}





#homeUserCard .saf-plus-traffic-top-v9 {
    display: flex !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 11px !important;
}


#homeUserCard .saf-plus-traffic-label-v9 {
    flex: 0 0 auto !important;

    color: var(--muted) !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing:
        .02em !important;
}


#homeUserCard .saf-plus-traffic-right-v9 {
    min-width: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content:
        flex-end !important;

    gap: 13px !important;
}


#homeUserCard .saf-plus-traffic-value-v9 {
    color: var(--muted) !important;

    font-size: 10px !important;

    font-weight: 650 !important;

    white-space: nowrap !important;

    font-variant-numeric:
        tabular-nums !important;
}





#homeUserCard .saf-plus-traffic-refresh-v9 {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    color: var(--muted) !important;

    font: inherit !important;

    font-size: 9px !important;

    cursor: pointer !important;

    opacity: .72 !important;
}


#homeUserCard .saf-plus-refresh-icon-v9 {
    font-size: 11px !important;

    line-height: 1 !important;
}





#homeUserCard .saf-plus-traffic-reset-v9 {
    margin: 0 0 9px !important;

    color: var(--muted) !important;

    font-size: 9px !important;

    line-height: 1.2 !important;

    opacity: .72 !important;
}





#homeUserCard .saf-plus-traffic-track-v9 {
    position: relative !important;

    width: 100% !important;

    height: 7px !important;

    overflow: hidden !important;

    border-radius: 999px !important;

    background:
        rgba(255,255,255,.10) !important;
}


#homeUserCard .saf-plus-traffic-fill-v9 {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 0%;

    min-width: 3px !important;

    border-radius: 999px !important;

    background:
        #35e981 !important;

    transition:
        width .25s ease !important;
}





@media (max-width: 768px) {

    #homeUserCard .saf-plus-traffic-top-v9 {
        gap: 8px !important;
    }


    #homeUserCard .saf-plus-traffic-right-v9 {
        gap: 9px !important;
    }


    #homeUserCard .saf-plus-traffic-track-v9 {
        height: 6px !important;
    }

}







#homeUserCard .saf-plus-config-heading-v10 {
    display: block !important;

    margin:
        0
        0
        9px !important;

    padding: 0 !important;
}


#homeUserCard .saf-plus-inline-config-label {
    margin: 0 0 4px !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: .02em !important;
}


#homeUserCard .saf-plus-config-description-v10 {
    margin: 0 !important;

    color: var(--muted) !important;

    font-size: 10px !important;
    line-height: 1.35 !important;

    font-weight: 400 !important;

    opacity: .82 !important;
}


 

[data-theme="light"]
#homeUserCard .saf-plus-inline-config-label {
    color: rgba(20,30,24,.72) !important;
}


 

@media (max-width: 768px) {

    #homeUserCard .saf-plus-config-heading-v10 {
        margin-bottom: 8px !important;
    }

    #homeUserCard .saf-plus-inline-config-label {
        font-size: 9px !important;
    }

    #homeUserCard .saf-plus-config-description-v10 {
        font-size: 9px !important;
    }

}







#homeUserCard #homeBuyButton.saf-buy-tariff-v11 {
    width: 100% !important;
    min-height: 66px !important;

    display: flex !important;
    align-items: center !important;

    gap: 13px !important;

    margin: 0 0 15px !important;
    padding: 11px 15px !important;

    box-sizing: border-box !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        rgba(27, 57, 39, .72) !important;

    color: #fff !important;

    text-align: left !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


 

#homeUserCard .saf-buy-tariff-icon-v11 {
    flex: 0 0 43px !important;

    width: 43px !important;
    height: 43px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background:
        rgba(53, 233, 129, .14) !important;

    color: #35e981 !important;

    font-size: 24px !important;
    line-height: 1 !important;
}


 

#homeUserCard .saf-buy-tariff-content-v11 {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 3px !important;
}


#homeUserCard .saf-buy-tariff-content-v11 strong {
    color: #fff !important;

    font-size: 15px !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;
}


#homeUserCard .saf-buy-tariff-sub-v11 {
    color: var(--muted) !important;

    font-size: 11px !important;
    line-height: 1.15 !important;

    font-weight: 400 !important;
}


 

#homeUserCard .saf-buy-tariff-arrow-v11 {
    flex: 0 0 auto !important;

    margin-left: auto !important;

    color: var(--muted) !important;

    font-size: 26px !important;
    line-height: 1 !important;

    font-weight: 300 !important;

    opacity: .75 !important;
}


 

#homeUserCard #homeBuyButton.saf-buy-tariff-v11:active {
    transform: scale(.985) !important;
}


 

@media (max-width: 768px) {

    #homeUserCard #homeBuyButton.saf-buy-tariff-v11 {
        min-height: 64px !important;

        padding:
            10px
            14px !important;

        gap: 12px !important;
    }

    #homeUserCard .saf-buy-tariff-icon-v11 {
        flex-basis: 42px !important;

        width: 42px !important;
        height: 42px !important;
    }

}







#homeUserCard #homeBuyButton {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}





#homeUserCard
#homeBuyButton
.saf-buy-tariff-content-v11 strong {
    display: block !important;
}


#homeUserCard
#homeBuyButton
.saf-buy-tariff-sub-v11 {
    display: block !important;
}