@media screen and (max-width: 1440px) {
    .lk-page__tabs.tabs,
    .lk-page__subscribes,
    .lk-page__notice,
    .lk-page__thanks-block,
    .lk-page__subscribes-empty,
    .lk-page__history,
    .lk-page__profile {
        grid-column: 2 / span 10;
    }

    .lk-page__registration-form,
    .lk-page__auth-form,
    .lk-page__restore-form {
        grid-column: 4 / span 6;
    }
}

@media screen and (max-width: 1350px) {
    .lk-page {
        padding-top: 204px;
    }

    .lk-page__thanks-block-yellow .bottom .btn-subscribe {
        font-size: 16px;
        padding: 20px;
    }

    .lk-page__thanks-block-yellow {
        padding: 32px;
    }

    .lk-page__registration,
    .lk-page__auth,
    .lk-page__restore {
        padding-top: 204px;
    }
}

@media screen and (max-width: 1024px) {

    .lk-page {
        padding-top: 164px;
    }

    .lk-page__welcome h4 {
        font-size: 24px;
        letter-spacing: -0.01em;
        line-height: 100%;
    }

    .lk-page__welcome {
        padding: 32px;
        min-height: unset;
        margin-bottom: 10px;
        grid-column: 1 / -1;
    }

    .lk-page__user-name {
        font-size: 52px;
        margin-bottom: 73px;
        margin-top: 13px;
    }

    .lk-page__user-name::after {
        margin-bottom: -0.17em;
    }

    .lk-page__welcome .lk-page__exit {
        font-size: 16px;
        letter-spacing: 0;
    }

    .lk-page__welcome .lk-page__exit .icon-container {
        width: 24px;
        height: 24px;
    }

    .lk-page__welcome .lk-page__exit .icon-container img {
        max-width: 11px;
    }

    .lk-page__welcome .tags {
        margin-top: 0;
    }

    .lk-page__donation-sum {
        padding: 32px;
        flex-direction: column;
    }

    .lk-page__donation-sum h4 {
        font-size: 24px;
        letter-spacing: -0.01em;
    }

    .lk-page__donation-sum .left-block h4::before {
        margin-top: -0.3em;
    }

    .lk-page__donation-sum .left-block h2 {
        font-size: 52px;
    }

    .lk-page__donation-sum .left-block h2::before {
        margin-top: -0.24em;
    }

    .lk-page__donation-sum {
        gap: 80px;
        grid-column: 1 / -1;
    }

    .lk-page__donation-sum .right-block h4::before {
        margin-top: -0.35em;
    }

    .lk-page__donation-sum .right-block .item h3 {
        font-size: 40px;
    }

    .lk-page__donation-sum p {
        font-size: 22px;
        letter-spacing: -0.03em;
    }

    .lk-page__donation-sum .right-block .items {
        gap: 8px;
    }

    .lk-page__donation-sum p.empty-item {
        font-size: 16px;
        letter-spacing: 0;
    }

    .lk-page__tabs.tabs, .lk-page__subscribes {
        grid-column: 1 / -1;
    }

    .lk-page__subscribes h3 {
        font-size: 52px;
        letter-spacing: -0.01em;
        line-height: 107%;
    }

    .lk-page__tab label {
        font-size: 20px;
    }

    .lk-page__subscribes h3::before {
        margin-top: -0.25em;
    }

    .lk-page__subscribes-card h3 {
        font-size: 32px;
    }

    .lk-page__subscribes-cards {
        flex-direction: column;
        gap: 40px;
    }

    .lk-page__subscribes-card {
        flex: unset;
        padding: 48px 32px 32px;
    }

    .lk-page__subscribes-card .card-item {
        padding: 16px 0;
    }

    .lk-page__subscribes h3::after {
        margin-bottom: -0.16em;
    }

    .lk-page__subscribes-card .card-item .change {
        width: 24px;
        height: 24px;
    }

    .lk-page__subscribes-card .card-item .desc {
        letter-spacing: 0;
    }

    .lk-page__subscribes-card .card-item .value {
        letter-spacing: -0.02em;
    }

    .lk-page__notice {
        grid-column: 1 / -1;
    }

    .lk-page__thanks-block {
        grid-column: 1 / -1;
    }

    .lk-page__thanks-block-black {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
    }

    .lk-page__thanks-block-black .top-title h3 {
        font-size: 52px;
        line-height: 100%;
        letter-spacing: -0.01em;
    }

    .lk-page__thanks-block-black .description p {
        max-width: unset;
        margin-bottom: 0;
    }

    .lk-page__thanks-block-black .description {
        margin: 34px;
        margin-bottom: 48px;
        padding: 0;
    }

    .lk-page__thanks-block-black .top-title {
        margin-bottom: 16px;
    }

    .lk-page__thanks-block-black .buttons {
        margin-top: 80px;
    }

    .lk-page__thanks-block-black .img-container {
        max-width: 100%;
        max-height: 440px;
        margin: 0 10px 10px;
    }

    .lk-page__thanks-block-yellow {
        grid-column: 1 / -1;
        min-height: unset;
        padding: 40px;
        padding-left: 39px;
    }

    .lk-page__thanks-block-yellow .top-title h3 {
        font-size: 40px;
        line-height: 113%;
    }

    .lk-page__thanks-block-yellow .top-title {
        margin-bottom: 80px;
    }

    .lk-page__thanks-block-yellow:has(.socials) .top-title {
        margin-bottom: 64px;
    }

    .lk-page__thanks-block-yellow .top-title h3::before {
        content: "";
        display: block;
        margin-top: -0.1em;
    }

    .lk-page__thanks-block-yellow .top-title h3::after {
        content: "";
        display: block;
        margin-bottom: -0.15em;
    }

    .lk-page__thanks-block-yellow p {
        font-size: 22px;
        letter-spacing: -0.03em;
    }

    .lk-page__thanks-block-yellow .bottom .btn-subscribe {
        padding: 20px 40px;
        font-size: 18px;
    }

    .lk-page__thanks-block-yellow .socials {
        margin-bottom: 62px;
    }

    .lk-page__subscribes-empty {
        grid-column: 1 / -1;
    }

    .lk-page__subscribes-empty h3 {
        font-size: 52px;
        line-height: 102%;
        letter-spacing: -0.01em;
        margin-bottom: 42px;
    }

    .lk-page__subscribes-empty .support__form {
        padding: 40px;
    }

    .lk-page__subscribes-empty .support__form input + label {
        padding: 19px 0;
    }

    .lk-page__subscribes-empty .form-btn-desc {
        max-width: unset;
    }

    .lk-page__subscribes-empty .form-sum-title {
        margin-bottom: 25px;
    }

    .lk-page__history {
        grid-column: 1 / -1;
    }

    .lk-page__history-filter .filter-item p {
        font-size: 16px;
    }

    .lk-page__history-filter .filter-item {
        padding: 21px 0;
    }

    .lk-page__history-filter .filter-item .form-group label {
        font-size: 20px;
        padding-left: 24px;
    }

    .lk-page__history-filter .filter-item .form-group label::before {
        width: 20px;
        height: 20px;
    }

    .lk-page__history-filter {
        padding: 32px;
    }

    .lk-page__history-filter .select-custom .dropdown-toggle {
        font-size: 20px;
    }

    .lk-page__history-filter .select-custom .dropdown-toggle::after {
        width: 24px;
        height: 24px;
    }

    .lk-page__history-filter .select-custom .dropdown-item {
        font-size: 16px;
    }

    .lk-page__history-list .list-item .history-sum {
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }

    .lk-page__history-list .list-item .history-date {
        font-size: 16px;
        letter-spacing: 0;
    }

    .lk-page__history-list .list-item .history-subscribe {
        font-size: 16px;
        letter-spacing: 0;
    }

    .lk-page__history-list .list-item {
        padding: 23px 10px;
    }

    .lk-page__profile {
        grid-column: 1 / -1;
    }

    .lk-page__profile h3 {
        font-size: 52px;
    }

    .lk-page__profile-main .profile-item p {
        font-size: 16px;
    }

    .lk-page__profile-main .profile-item .value {
        font-size: 20px;
    }

    .lk-page__profile-main .profile-item .icon-container {
        width: 24px;
        height: 24px;
    }

    .lk-page__profile-main .profile-item .icon-container img {
        max-width: 12px;
    }

    .lk-page__profile-main .tumbler-container .tumbler-text {
        font-size: 20px;
    }

    .lk-page__registration h1,
    .lk-page__auth h1,
    .lk-page__restore h1 {
        max-width: 100%;
    }

    .lk-page__registration h1 + p,
    .lk-page__auth h1 + p,
    .lk-page__restore h1 + p {
        max-width: 100%;
        margin-bottom: 64px;
    }

    .lk-page__registration-form,
    .lk-page__auth-form,
    .lk-page__restore-form {
        grid-column: 1 / -1;
        padding: 40px;
    }

    .lk-page__registration-form .confirm,
    .lk-page__auth-form .confirm,
    .lk-page__restore-form .confirm {
        max-width: 100%;
    }

    .lk-page__registration-form .success-message,
    .lk-page__restore-form .success-message {
        font-size: 16px;
        letter-spacing: 0;
    }

}

@media screen and (max-width: 768px) {
    .lk-page__welcome h4 {
        font-size: clamp(1.125rem, 3.13vw, 1.5rem);
    }

    .lk-page__user-name {
        font-size: clamp(1.75rem, -2.75rem + 12.5vw, 3.25rem);
    }

    .lk-page__donation-sum .left-block h2 {
        font-size: clamp(2.5rem, 0.25rem + 6.25vw, 3.25rem);
    }

    .lk-page__donation-sum .right-block .item h3 {
        font-size: clamp(1.75rem, -0.5rem + 6.25vw, 2.5rem);
    }

    .lk-page__subscribes h3 {
        font-size: clamp(1.75rem, -2.75rem + 12.5vw, 3.25rem);
    }

    .lk-page__subscribes-card h3 {
        font-size: 32px;
    }

    .lk-page__thanks-block-black .top-title h3 {
        font-size: clamp(1.75rem, -2.75rem + 12.5vw, 3.25rem);
    }

    .lk-page__thanks-block-black .top-title {
        grid-template-columns: 1fr clamp(3rem, -10.5rem + 37.5vw, 7.5rem);
    }

    .lk-page__thanks-block-black .top-title .icon-container {
        width: clamp(3rem, -10.5rem + 37.5vw, 7.5rem);
        height: clamp(3rem, -10.5rem + 37.5vw, 7.5rem);
    }

    .lk-page__thanks-block-yellow .top-title h3 {
        font-size: clamp(1.75rem, -0.5rem + 6.25vw, 2.5rem);
    }

    .lk-page__subscribes-empty h3 {
        font-size: clamp(1.75rem, -2.75rem + 12.5vw, 3.25rem);
    }

    .lk-page__profile h3 {
        font-size: clamp(1.75rem, -2.75rem + 12.5vw, 3.25rem);
    }

    .lk-page__registration h1,
    .lk-page__auth h1,
    .lk-page__restore h1 {
        font-size: clamp(1.75rem, -0.755rem + 10.69vw, 4.375rem);
    }
}

@media screen and (max-width: 576px) {
    .lk-page {
        padding-top: 142px;
        padding-bottom: 80px;
    }

    .lk-page__welcome {
        padding: 16px;
        grid-template-rows: unset;
    }

    .lk-page__welcome .tags {
        flex-direction: column;
        grid-column: 1;
    }

    .lk-page__welcome .lk-page__exit {
        order: 5;
        font-size: 14px;
        align-self: end;
        justify-self: end;
    }

    .lk-page__welcome h4 {
        grid-column: 1 / -1;
        letter-spacing: 0;
        line-height: 110%;
    }

    .lk-page__user-name {
        letter-spacing: 0;
        margin-top: 16px;
        margin-bottom: 79px;
    }

    .lk-page__welcome .tags {
        gap: 4px;
    }

    .lk-page__welcome .tags .tag {
        font-size: 14px;
        padding: 5px 10px;
        max-width: fit-content;
        letter-spacing: -0.005em;
    }

    .lk-page__donation-sum {
        padding: 16px;
    }

    .lk-page__donation-sum h4 {
        font-size: 22px;
        letter-spacing: 0;
    }

    .lk-page__donation-sum .left-block {
        gap: 16px;
    }

    .lk-page__donation-sum .right-block {
        gap: 24px;
    }

    .lk-page__donation-sum .right-block .item .img-container img {
        max-width: 14px;
    }

    .lk-page__donation-sum p {
        font-size: 14px;
        letter-spacing: 0;
    }

    .lk-page__donation-sum .right-block .item .img-container {
        width: 24px;
        height: 24px;
    }

    .lk-page__donation-sum .right-block .item h3 {
        margin-right: 4px;
    }

    .lk-page__donation-sum p.empty-item {
        font-size: 14px;
    }

    .lk-page__donation-sum .right-block .item {
        padding-bottom: 5px;
    }

    .lk-page__donation-sum .right-block .items {
        gap: 15px;
    }

    .lk-page__tabs.tabs {
        flex-wrap: wrap;
        margin-top: 40px;
        margin-bottom: 48px;
    }

    .lk-page__tab {
        flex: 1 0 48%;
    }

    .lk-page__tab label {
        font-size: 16px;
        padding: 14px 0;
        letter-spacing: 0;
    }

    .lk-page__subscribes h3 {
        letter-spacing: 0;
        line-height: 100%;
        margin-bottom: 32px;
    }

    .lk-page__subscribes-card {
        padding: 40px 24px 32px;
    }

    .lk-page__subscribes-card h3 {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .lk-page__subscribes h3::before {
        margin-top: -0.2em;
    }

    .lk-page__subscribes h3::after {
        margin-bottom: -0.14em;
    }

    .lk-page__subscribes-card .card-item {
        flex-direction: column;
        gap: 8px;
        padding: 15px 0;
        padding-right: 40px;
        position: relative;
        align-items: flex-start;
    }

    .lk-page__subscribes-card .card-item .desc {
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0;
    }

    .lk-page__subscribes-card .card-item .value {
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: 0;
        width: 100%;
    }

    .lk-page__subscribes-card .done {
        margin-left: auto;
    }

    .lk-page__subscribes-card .card-item .change {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
    }

    .lk-page__subscribes-card .cancel {
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
        padding: 13px 0;
    }

    .lk-page__subscribes-cards {
        gap: 32px;
    }

    .lk-page__notice {
        padding: 16px;
        flex-direction: column;
        margin-bottom: 80px;
    }

    .lk-page__notice .icon-container {
        width: 24px;
        height: 24px;
    }

    .lk-page__notice .icon-container img {
        display: block;
        object-fit: contain;
        max-width: 23px;
    }

    .lk-page__notice p {
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0;
    }

    .lk-page__thanks-block-black .description {
        margin: 26px 16px;
        margin-bottom: 32px;
    }

    .lk-page__thanks-block-black .description p {
        font-size: 16px;
        letter-spacing: 0.005em;
    }

    .lk-page__thanks-block-black .buttons {
        flex-direction: column;
    }

    .lk-page__thanks-block-black .buttons * {
        text-align: center;
    }

    .lk-page__thanks-block-black .top-title h3 {
        letter-spacing: 0;
    }

    .lk-page__thanks-block-black .top-title {
        margin-bottom: 14px;
    }

    .lk-page__thanks-block-black .buttons .btn-simple, .lk-page__thanks-block-black .buttons .btn {
        padding: 13px 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
    }

    .lk-page__thanks-block-black .img-container {
        max-height: 220px;
        margin: 0 8px 8px;
    }

    .lk-page__thanks-block-yellow {
        padding: 24px;
    }

    .lk-page__thanks-block-yellow .top-title h3 {
        line-height: 105%;
    }

    .lk-page__thanks-block-yellow .top-title {
        margin-bottom: 40px;
    }

    .lk-page__thanks-block-yellow p {
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
    }

    .lk-page__thanks-block-yellow .bottom .btn-subscribe {
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0;
        padding: 13px 0;
        max-width: unset;
        justify-content: center;
    }

    .lk-page__thanks-block-yellow .top-title img {
        max-width: 16px;
    }

    .lk-page__subscribes-empty h3 {
        line-height: 99%;
        letter-spacing: 0;
        margin-bottom: 32px;
    }

    .lk-page__subscribes-empty .support__form {
        padding: 40px 16px;
    }

    .lk-page__subscribes-empty .support__form .form-top .form-buttons input#onetime + label {
        padding: 11px 46px;
    }

    .lk-page__subscribes-empty .support__form .form-top .form-buttons input#monthly + label {
        padding: 11px 30px;
    }

    .lk-page__subscribes-empty .support__form .form-top {
        gap: 19px;
    }

    .lk-page__subscribes-empty .support__form {
        gap: 27px;
    }

    .lk-page__subscribes-empty .form-sum-title {
        margin-bottom: 8px;
    }

    .lk-page__subscribes-empty .support__form input + label {
        padding: 16px 0;
    }

    .lk-page__subscribes-empty .form-sum-desc {
        margin-top: 7px;
    }

    .lk-page__subscribes-empty .support__form .form-btn {
        margin-top: -4px;
        font-size: 18px;
    }

    .lk-page__subscribes-empty .support {
        margin-bottom: 15px;
    }

    .lk-page__history-filter .filter-item {
        flex-direction: column;
        align-items: start;
        padding: 15px 0;
        gap: 14px;
    }

    .lk-page__history-filter .filter-item .form-group {
        flex-direction: column;
        gap: 25px;
    }

    .lk-page__history {
        margin-top: -26px;
    }

    .lk-page__history-filter {
        padding: 32px 24px;
    }

    .lk-page__history-filter .filter-item .form-group label {
        font-size: 18px !important;
        letter-spacing: 0 !important;
    }

    .lk-page__history-filter .filter-item .form-group label::before {
        width: 16px;
        height: 16px;
    }

    .lk-page__history-filter .filter-item .form-field {
        display: flex;
    }

    .lk-page__history-filter .filter-item p {
        font-size: 14px;
    }

    .lk-page__history-filter .select-custom .dropdown-toggle {
        font-size: 18px;
        letter-spacing: 0;
    }

    .lk-page__history-filter .select-custom {
        width: 100%;
    }

    .lk-page__history-filter .select-custom .dropdown-toggle::after {
        top: 0;
        width: 32px;
        height: 32px;
    }

    .lk-page__history-filter .select-custom .dropdown-menu {
        inset: 0 auto auto -12px !important;
        margin-top: 8px !important;
    }

    .lk-page__history-filter .select-custom .dropdown-item.active::after {
        width: 16px;
        height: 16px;
        background-size: 100%;
    }

    .lk-page__history-list .list-item {
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 10px;
        padding: 14px 0;
    }

    .lk-page__history-list .list-item .history-sum {
        font-size: 18px;
        flex: 1 0 100%;
        max-width: 100%;
    }

    .lk-page__history-list .list-item .history-date {
        font-size: 14px;
    }

    .lk-page__history-list .list-item .history-subscribe {
        font-size: 14px;
    }

    .lk-page__profile h3 {
        margin-bottom: 27px;
    }

    .lk-page__profile-main .profile-item {
        flex-direction: column;
        gap: 8px;
        padding: 16px 0;
        position: relative;
    }

    .lk-page__profile-main .profile-item p {
        font-size: 14px;
    }

    .lk-page__profile-main {
        padding: 32px 24px;
    }

    .lk-page__profile-main .profile-item .value,
    .lk-page__profile-main .tumbler-container .tumbler-text {
        font-size: 18px;
        letter-spacing: 0;
        padding-right: 40px;
    }

    .lk-page__profile-main .profile-item .icon-container {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lk-page__registration,
    .lk-page__auth,
    .lk-page__restore {
        padding-top: 144px;
        padding-bottom: 80px;
    }

    .lk-page__registration h1,
    .lk-page__auth h1,
    .lk-page__restore h1 {
        margin-bottom: 16px;
        letter-spacing: 0;
    }

    .lk-page__registration h1 + p,
    .lk-page__auth h1 + p,
    .lk-page__restore h1 + p {
        font-size: 16px;
        letter-spacing: 0.005em;
        margin-bottom: 32px;
    }

    .lk-page__registration-form,
    .lk-page__auth-form,
    .lk-page__restore-form {
        padding: 40px 8px;
    }

    .lk-page__registration-form .button-confirm-container .btn,
    .lk-page__auth-form .buttons-confirm-container .btn,
    .lk-page__restore-form .buttons-confirm-container .btn {
        font-size: 16px;
        padding: 14px 0;
    }

    .lk-page__auth-form .buttons,
    .lk-page__restore-form .buttons {
        flex-direction: column;
    }

    .lk-page__registration-form .registration-enter,
    .lk-page__restore-form .registration-enter,
    .lk-page__auth-form .auth-retr {
        font-size: 18px;
        padding: 0 8px;
    }

    .lk-page__registration-form .form-field,
    .lk-page__auth-form .form-field,
    .lk-page__restore-form .form-field {
        padding: 0 8px;
        margin-bottom: 24px;
    }

    .lk-page__auth-form .input-password {
        padding: 0 8px;
        margin-bottom: 24px;
    }

    .lk-page__auth-form .error-message,
    .lk-page__registration-form .error-message,
    .lk-page__restore-form .error-message {
        margin-bottom: 24px;
    }

    .lk-page__registration-form .system-info-message,
    .lk-page__restore-form .system-info-message {
        margin-bottom: 24px;
    }

    .input-password .password-visible {
        bottom: 14px !important;
        right: 14px !important;
        height: 18px;
    }

    .input-password .password-visible img {
        height: 18px;
    }

    .input-password .password-visible-false {
        display: block;
    }

    .lk-page__registration-form .button-confirm-container,
    .lk-page__auth-form .buttons-confirm-container,
    .lk-page__restore-form .buttons-confirm-container {
        margin-bottom: 24px;
    }

    .lk-page__auth-form .input-password input {
        padding: 12px;
        padding-right: 40px;
    }

    .input-password .password-visible {
        right: 16px;
    }

    .lk-page__registration-form .form-field input,
    .lk-page__auth-form .form-field input,
    .lk-page__restore-form .form-field input {
        border-radius: 4px;
        font-size: 14px;
    }

    .lk-page__registration-form .success-message,
    .lk-page__restore-form .success-message {
        padding: 0 8px;
        font-size: 14px;
    }
}

@media screen and (max-width: 375px) {
    .lk-page__subscribes-empty .support__form .form-top .form-buttons input#onetime + label {
        padding: 11px clamp(2.25rem, -1.386rem + 18.18vw, 2.875rem);
    }

    .lk-page__subscribes-empty .support__form .form-top .form-buttons input#monthly + label {
        padding: 11px clamp(1.063rem, -3.665rem + 23.64vw, 1.875rem);
    }

    .lk-page__thanks-block-black .top-title h3,
    .lk-page__thanks-block-yellow .top-title h3 {
        font-size: clamp(1.375rem, -0.807rem + 10.91vw, 1.75rem);
    }

    .lk-page__thanks-block-yellow .bottom .btn-subscribe {
        font-size: clamp(0.75rem, 0.023rem + 3.64vw, 0.875rem);
    }
}