.version.profile { color: #00001F; background-color: #E2A847; }

.js body { visibility: visible !important; }
html, body { overflow-x: hidden; }
body { background: #F5F5F5 url("../images/f2.png") repeat center center scroll; }

#u-subscription:hover p, #u-subscription-mobile:hover p,
#u-cabinet:hover p, #u502-4:hover p, #u505-4:hover p, #u508-4:hover p,
#u-cabinet-mobile:hover p { color: #FF7F50 !important; }

.profile-wrap {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 30px 20px 40px;
    box-sizing: border-box;
}

.profile-container {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 40px 48px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
    text-align: center;
    font-family: '__Montserrat_5', Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

.profile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 30px;
    text-align: left;
}

.profile-header h2 {
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

.btn-logout {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #FFC015, #FF923F);
    color: #fff;
    box-shadow: 0 8px 14px rgba(255, 146, 63, 0.45);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-logout:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(255, 146, 63, 0.35);
}

.btn-logout .material-symbols-outlined {
    font-family: 'Material Symbols Outlined', sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.form-group { margin-bottom: 20px; text-align: left; }
.form-group label { display: block; margin-bottom: 8px; font-size: 14px; color: #666; }
.form-group input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #000;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: '__Montserrat_5', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.btn-submit {
    background: linear-gradient(to right, #FFC015, #FF923F);
    color: #fff;
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 10px 15px rgba(255, 146, 63, 0.5);
    transition: all 0.3s ease;
    font-family: '__Montserrat_5', Arial, Helvetica, sans-serif;
}

.btn-submit:hover { box-shadow: 0 10px 15px rgba(255, 146, 63, 0.2); transform: translateY(-1px); }
.btn-subscription, .btn-checkout { width: auto; min-width: 0; padding: 15px 16px; }

.error-msg { color: #d50000; margin-bottom: 10px; display: none; text-align: center; }
.info-row { margin-bottom: 10px; text-align: left; }
.info-label { font-weight: 700; }
.code-section { display: none; }

.plan-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.plan-item:last-child { border-bottom: none; }
.plan-info { flex: 1; display: flex; justify-content: space-between; align-items: center; }
.plan-name { font-weight: 500; font-size: 16px; }
.plan-price { color: #FF923F; font-weight: 700; font-size: 16px; }

.plan-radio { margin-right: 12px; position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.plan-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
    margin: 0;
}

.radio-custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #FF923F;
    border-radius: 50%;
    box-sizing: border-box;
}

.plan-radio input:checked ~ .radio-custom:after { display: block; }
.radio-custom:after {
    content: "";
    position: absolute;
    display: none;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FF923F;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    font-family: '__Montserrat_5', Arial, Helvetica, sans-serif;
}

.modal-content h3 { margin-top: 0; margin-bottom: 100px; font-size: 20px; }
.modal-buttons { display: flex; gap: 15px; justify-content: center; }
.modal-btn {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.2s;
}

.modal-btn-yes { background: linear-gradient(to right, #FFC015, #FF923F); color: #fff; }
.modal-btn-no { background: #eee; color: #333; }
.modal-btn:hover { opacity: 0.9; transform: translateY(-1px); }

#bp_infinity.active, #bp_1160.active, #bp_768.active { display: block !important; }

@media (min-width: 1161px), print {
    #muse_css_mq { background-color: #FFFFFF; }
    #page { width: 1160px; margin-left: auto !important; margin-right: auto !important; }
    #u3748 { z-index: 122; margin-top: 85px; left: -629px; }
    #pu488 { z-index: 107; width: 0.01px; height: 0; padding-bottom: 87px; margin-right: -10000px; margin-top: 20px; }
    #u488 { z-index: 107; width: 960px; height: 87px; position: fixed; top: 20px; left: 50%; margin-left: -480px; }
    #u495 { z-index: 108; top: 39px; margin-left: -436px; position: fixed; left: 50%; width: 188px; }
    body { min-width: 1160px; }
    .css_verticalspacer .verticalspacer { height: calc(100vh - 1500px); min-height: 80px; }
}

@media (min-width: 769px) and (max-width: 1160px) {
    #page {
        width: 100% !important;
        max-width: 1120px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .profile-wrap {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    #muse_css_mq { background-color: #000300; }
    #page { width: 320px; }
    #u3748 { z-index: 135; margin-top: 80px; left: -859px; }
    #u901 { z-index: 107; height: 87px; position: fixed; top: 0; }
    #u901-bw { z-index: 107; }
    #paccordionu923 { z-index: 108; width: 0.01px; height: 0; padding-bottom: 87px; margin-right: -10000px; }
    #accordionu923 { z-index: 108; width: 450px; position: fixed; top: 0; left: 50%; margin-left: -225px; }
    #u924 { z-index: 109; width: 450px; position: relative; }
    #u925-3 { z-index: 110; width: 450px; min-height: 87px; position: relative; }
    #u925-3.AccordionPanelTabOpen { padding-top: 0; padding-bottom: 0; min-height: 87px; width: 450px; margin: 0; }
    #u926 { z-index: 113; width: 322px; position: relative; padding: 64px 64px 59px; }
    #u1208-4 { z-index: 118; width: 321px; margin-left: 1px; position: relative; }
    #u1208-4:hover, #u1208-4.MuseLinkActive { padding-top: 0; padding-bottom: 0; min-height: 0; width: 321px; margin: 0 0 0 1px; }
    #u1214 { z-index: 131; width: 78px; height: 25px; margin-left: 122px; position: relative; }
    #u885-4 { z-index: 114; width: 321px; margin-top: 27px; position: relative; }
    #u885-4:hover, #u885-4.MuseLinkActive { padding-top: 0; padding-bottom: 0; min-height: 0; width: 321px; margin: 27px 0 0; }
    #u991 { z-index: 130; width: 78px; height: 25px; margin-left: 122px; position: relative; }
    #u891-4 { z-index: 122; width: 320px; margin-left: 1px; margin-top: 24px; position: relative; }
    #u891-4:hover, #u891-4.MuseLinkActive { padding-top: 0; padding-bottom: 0; min-height: 0; width: 320px; margin: 24px 0 0 1px; }
    #u995 { z-index: 132; width: 78px; height: 25px; margin-left: 122px; top: -2px; margin-bottom: -2px; position: relative; }
    #u896-4 { z-index: 126; width: 320px; margin-left: 1px; margin-top: 25px; position: relative; }
    #u896-4:hover, #u896-4.MuseLinkActive { padding-top: 0; padding-bottom: 0; min-height: 0; width: 320px; margin: 25px 0 0 1px; }
    #u-cabinet-mobile { z-index: 74; width: 320px; margin-left: 1px; margin-top: 25px; position: relative; }
    #u-cabinet-mobile:hover, #u-cabinet-mobile.MuseLinkActive { padding-top: 0; padding-bottom: 0; min-height: 0; width: 320px; margin: 25px 0 0 1px; }
    #u495-m { z-index: 133; top: 22px; margin-left: -94px; position: fixed; left: 50%; width: 188px; display: block; }
    #u495-m img { width: 100%; height: auto; display: block; }

    .profile-wrap {
        max-width: 100%;
        padding: 24px 16px;
    }

    .profile-container {
        max-width: 100%;
        padding: 28px 20px;
    }

    .profile-header { margin-bottom: 24px; gap: 12px; }
    .profile-header h2 { font-size: 20px; }
    .btn-logout { width: 44px; height: 44px; }
    .btn-logout .material-symbols-outlined { font-size: 24px; }
    .form-group { margin-bottom: 16px; }
    .form-group label { font-size: 13px; }
    .form-group input { font-size: 16px; padding: 14px 15px; }
    .btn-submit { padding: 16px 20px; font-size: 15px; }
    .code-section .btn-submit + .btn-submit { margin-top: 8px; }
    body { min-width: 320px; }
}