@-webkit-keyframes header2026ShowSubMenu {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes header2026ShowSubMenu {
    from { opacity: 0; }
    to { opacity: 1; }
}

.header2026 {
    padding: 0;
}

.header2026__panel {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 18px;
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 8px 16px rgba(46, 46, 60, 0.16);
    font-family: 'Google Sans', Arial, sans-serif;
    color: #2e2e3c;
}

.header2026__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 36px;
}

.header2026__left {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.header2026__logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    color: #2e2e3c;
    text-decoration: none;
}

.header2026__logo_img {
    display: block;
    width: 45px;
    height: 20px;
}

.header2026__logo_line {
    width: 1px;
    height: 25px;
    background-color: #cbcbe0;
}

.header2026__logo_text {
    font-size: 14px;
    line-height: 140%;
    font-weight: 600;
    white-space: nowrap;
}

.header2026__logo_text_full {
    display: none;
}

.header2026__info {
    display: none;
    align-items: center;
    gap: 16px;
}

.header2026__city {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 8px;
    border: 0;
    border-radius: 10px;
    background: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 140%;
    color: #4c4c59;
    cursor: pointer;
    transition: color 0.2s;
}

.header2026__city:hover {
    color: #2e2e3c;
}

.header2026__phone {
    font-size: 16px;
    line-height: 140%;
    font-weight: 600;
    color: #498ef5;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}

.header2026__phone:hover {
    color: #2c599b;
}

.header2026__actions {
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 0 0 auto;
}

.header2026__search,
.header2026__login {
    display: none;
}

.header2026__search_wrap {
    display: none;
}

.header2026__search {
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 54px;
    padding: 0;
    border: 0;
    background: none;
    color: #2e2e3c;
    cursor: pointer;
}

.header2026__login {
    align-items: center;
    height: 36px;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 140%;
    color: #4c4c59;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}

.header2026__login:hover {
    color: #2e2e3c;
}

.header2026__burger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #cbcbe0;
    border-radius: 10px;
    background: none;
    color: #2e2e3c;
    cursor: pointer;
}

.header2026__burger:hover {
    border-color: #2e2e3c;
}

.header2026__nav {
    display: none;
    padding-top: 16px;
    border-top: 1px solid #cbcbe0;
}

.header2026__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header2026__menu_item {
    flex: 0 0 auto;
}

.header2026__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 140%;
    color: #4c4c59;
    text-decoration: none;
    white-space: nowrap;
}

.header2026__link:hover,
.header2026__menu_item:hover > .header2026__link,
.header2026__menu_item:focus-within > .header2026__link {
    background-color: #edf4fe;
}

.header2026__link_accent {
    position: relative;
    z-index: 0;
    color: #498ef5;
}

.header2026__link_accent::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 10px;
    background-color: #edf4fe;
}

.header2026__link_accent:hover {
    background-color: transparent;
}

.header2026__link_accent .header2026__chevron {
    color: inherit;
}

.header2026__link_inactive {
    cursor: default;
}

.header2026__chevron {
    flex: 0 0 auto;
    color: #8d8da8;
}

.header2026__star {
    flex: 0 0 auto;
    color: #f03b5c;
}

.header2026__logo_text,
.header2026__city,
.header2026__phone,
.header2026__login,
.header2026__link {
    font-weight: 600;
}

@media (min-width: 700px) {
    .header2026__panel {
        padding: 16px 32px;
    }

    .header2026__logo_img {
        width: 45px;
        height: 20px;
    }

    .header2026__logo_text {
        font-size: 18px;
    }

    .header2026__logo_text_short {
        display: none;
    }

    .header2026__logo_text_full {
        display: inline;
    }

    .header2026__callback {
        display: inline-flex;
    }
}

@media (min-width: 1280px) {
    .header2026__panel {
        gap: 16px;
    }

    .header2026__row {
        min-height: 54px;
    }

    .header2026__logo_img {
        width: 64px;
        height: 28px;
    }

    .header2026__logo_text {
        font-size: 18px;
        line-height: 130%;
    }

    .header2026__info {
        display: flex;
    }

    .header2026__search {
        display: inline-flex;
    }

    .header2026__search_wrap {
        position: relative;
        display: flex;
        align-items: center;
    }

    .header2026__login {
        display: inline-flex;
    }

    .header2026__burger {
        display: none;
    }

    .header2026__nav {
        display: block;
    }

    .header2026__link,
    .header2026__login,
    .header2026__city {
        font-size: 16px;
    }

    .header2026__link {
        padding-left: 8px;
        padding-right: 8px;
    }

    .header2026__link_accent {
        position: relative;
    }

    .header2026__menu {
        margin-left: -8px;
        margin-right: -8px;
    }
}

.header2026__dropdown {
    display: none;
}

.header2026__mobile {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.header2026_open .header2026__mobile {
    display: flex;
}

.header2026_open .header2026__burger_icon {
    display: none;
}

.header2026_open .header2026__burger_close {
    display: block;
}

.header2026__mobile_contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.header2026__mobile_contacts .header2026__city,
.header2026__mobile_contacts .header2026__phone {
    display: inline-flex;
}

.header2026__search_form,
.header2026__search_field {
    width: 100%;
}

.header2026__search_submit {
    flex: 0 0 auto;
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background-color: #f03b5c;
    color: #ffffff;
    cursor: pointer;
}

.header2026__mobile_menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #cbcbe0;
}

.header2026__mobile_item {
    border-bottom: 1px solid #cbcbe0;
}

.header2026__mobile_link {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 8px 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #4c4c59;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.header2026__mobile_link_text {
    flex: 1;
}

.header2026__mobile_chevron {
    flex: 0 0 auto;
    transition: transform .2s;
}

.header2026__mobile_item_open .header2026__mobile_chevron {
    transform: rotate(180deg);
}

.header2026__mobile_arrow {
    flex: 0 0 auto;
    display: inline-flex;
    color: #8d8da8;
}

.header2026__mobile_sub {
    display: none;
    padding-bottom: 16px;
}

.header2026__mobile_item_open .header2026__mobile_sub {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header2026__sublist {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header2026__sublink {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #2e2e3c;
    text-decoration: none;
}

.header2026__sublink_current {
    color: #f03b5c;
}

.header2026__sublink_current .header2026__subchevron {
    color: inherit;
}

.header2026__sublink_text {
    flex: 0 0 auto;
}

.header2026__subchevron {
    flex: 0 0 auto;
    color: #8d8da8;
}

.header2026__btn_black,
.header2026__btn_line {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    height: 36px;
    padding: 0 16px;
    border-radius: 12px;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

@media (max-width: 699px) {
    .header2026__callback {
        display: none;
    }
}

.header2026__btn_black {
    border: 0;
    background-color: #4c4c59;
    color: #ffffff;
    box-shadow: -4px -4px 12px 0 #2e2e3c inset, 4px 4px 12px 0 #8d8da8 inset;
}

.header2026__btn_black:hover {
    background-color: #2e2e3c;
    color: #ffffff;
    box-shadow: -4px -4px 12px 0 #2e2e3c inset, 4px 4px 12px 0 #8d8da8 inset,
        0 0 0 6px rgba(46, 46, 60, 0.16), 0 24px 48px 0 rgba(46, 46, 60, 0.32);
}

.header2026__btn_line {
    border: 2px solid #4c4c59;
    background-color: #ffffff;
    color: #4c4c59;
}

.header2026__btn_line:hover {
    border-color: #2e2e3c;
    color: #2e2e3c;
    box-shadow: 0 0 0 6px rgba(46, 46, 60, 0.16), 0 24px 48px 0 rgba(46, 46, 60, 0.32);
}

.header2026__btn_black > svg,
.header2026__btn_line > svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.header2026__btn_svg_l {
    padding-left: 8px;
}

.header2026__btn_svg_r {
    padding-right: 8px;
}

.header2026__search_field {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 54px;
    padding: 0 16px;
    border: 2px solid #c8c8da;
    border-radius: 16px;
    background-color: #ffffff;
    transition: border-color 0.2s;
}

.header2026__search_field:hover,
.header2026__search_field:focus-within {
    border-color: #498ef5;
}

.header2026__search_icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #d8d8e7;
}

.header2026__search_input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 18px;
    line-height: 100%;
    color: #2e2e3c;
    outline: none;
}

.header2026__search_input::placeholder {
    color: #d8d8e7;
}

@media (min-width: 700px) {
    .header2026__search_input {
        font-size: 24px;
    }
}

.header2026__search_input::-webkit-search-cancel-button,
.header2026__search_input::-webkit-search-decoration {
    display: none;
}

.header2026__searchbox {
    display: none;
    position: relative;
}

.header2026__search_clear {
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: none;
    color: #8d8da8;
    cursor: pointer;
    transition: color 0.2s;
}

.header2026__search_clear:hover {
    color: #f03b5c;
}

.header2026__search_clear_show {
    display: inline-flex;
}

.header2026__search_results {
    display: none;
    margin-top: 16px;
    max-height: 360px;
    border: 1px solid #cfdef5;
    border-radius: 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.header2026__search_results_show {
    display: block;
}

.header2026__search_results .header__sResaultListWrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header2026__search_results .header__sResaultListWrap + .header__sResaultListWrap {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #cbcbe0;
}

.header2026__search_results .header__sResaultList {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header2026__search_results .header__sResaultItem {
    display: block;
    padding: 6px 8px;
    border-radius: 10px;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
    text-decoration: none;
    transition: color 0.2s, background-color 0.2s;
}

.header2026__search_results .header__sResaultItem:hover {
    background-color: #edf4fe;
    color: #498ef5;
}

.header2026__search_results .header__sResaultItem b {
    font-weight: 600;
    color: #f03b5c;
}

.header2026__search_results .header_sTag {
    margin: 0;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #8d8da8;
}

.header2026__search_results .header__sHistoryTag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.header2026__search_results .header__sCelanHistory {
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #f03b5c;
    text-decoration: none;
    transition: color 0.2s;
}

.header2026__search_results .header__sCelanHistory:hover {
    color: #d1053b;
}

.header2026__search_results .header__sResault p {
    margin: 0;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #4c4c59;
}

.header2026__search_results .header__sEmptyImg {
    display: block;
    width: auto;
    max-width: 100%;
    height: 146px;
    margin: 12px auto 0;
}

@media (min-width: 1280px) {
    .header2026__actions {
        position: relative;
    }

    .header2026__searchbox_desktop {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 6;
        width: 431px;
        max-width: calc(100vw - 80px);
        transform: translateY(-50%);
    }

    .header2026__search_open .header2026__searchbox_desktop {
        display: block;
        -webkit-animation: header2026ShowSubMenu 250ms ease-in-out both;
        animation: header2026ShowSubMenu 250ms ease-in-out both;
    }

    .header2026__searchbox_desktop .header2026__search_form {
        display: block;
        width: 100%;
    }

    .header2026__searchbox_desktop .header2026__search_field {
        width: 100%;
        height: 54px;
        padding: 0 16px;
        border: 2px solid #c8c8da;
        border-radius: 16px;
        background-color: #ffffff;
    }

    .header2026__searchbox_desktop .header2026__search_input {
        font-size: 24px;
        line-height: 100%;
    }

    .header2026__searchbox_desktop .header2026__search_results {
        position: absolute;
        top: calc(100% + 12px);
        right: 0;
        left: 0;
        margin-top: 0;
        padding: 16px;
        border-radius: 16px;
        background-color: #ffffff;
        box-shadow: 0 16px 32px rgba(46, 46, 60, .16);
        max-height: calc(100vh - 200px);
    }
}

.header2026__badge {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 2px 8px;
    border-radius: 12px;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #2e2e3c;
    white-space: nowrap;
}

.header2026__badge_blue {
    background-color: #dbe8fd;
}

.header2026__badge_black {
    background-color: #e8e8ee;
}

.header2026__badge_red {
    background-color: #fcd8de;
}

.header2026__badge_green {
    background-color: #c1eec0;
}

.header2026__badge_yellow {
    background-color: #fff3c7;
}

.header2026__promo {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-radius: 12px;
    background-color: #edf4fe;
    text-decoration: none;
}

.header2026__promo_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.header2026__promo_title {
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__promo_text {
    margin: 0;
    padding-right: calc(36px + 16px + 8px);
    font-size: 14px;
    line-height: 140%;
    color: #4c4c59;
}

.header2026__promo_arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 2px solid #4c4c59;
    border-radius: 12px;
    background-color: #ffffff;
    color: #4c4c59;
    transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.header2026__mobile_actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header2026__mobile_login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    font-size: 14px;
    font-weight: 600;
    color: #4c4c59;
    text-decoration: none;
}

@media (min-width: 1280px) {
    .header2026__mobile {
        display: none;
    }

    .header2026__menu_item:hover > .header2026__dropdown,
    .header2026__menu_item:focus-within > .header2026__dropdown {
        -webkit-animation: header2026ShowSubMenu 250ms ease-in-out both;
        animation: header2026ShowSubMenu 250ms ease-in-out both;
        display: flex;
    }

    .header2026__dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + 16px);
        z-index: 3;
        align-items: flex-start;
        gap: 24px;
        min-height: 452px;
        padding: 24px 32px;
        border-radius: 24px;
        background-color: #ffffff;
        box-shadow: 0 8px 16px rgba(46, 46, 60, 0.16);
    }

    .header2026__dropdown::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
            top: -32px;
            height: 32px;
    }

    .header2026__dropdown_col {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
        flex: 0 0 250px;
        min-height: 404px;
        padding-right: 24px;
        border-right: 1px solid #cbcbe0;
    }

    .header2026__dropdown .header2026__sublist {
        gap: 12px;
    }

.header2026__dropdown_btn {
    align-self: flex-start;
    background-color: #ffffff;
}

    .header2026__dropdown .header2026__level3 {
        display: none;
        flex: 1;
    }

    .header2026__dropdown .header2026__level3_active {
        display: flex;
    }

    .header2026__dropdown .header2026__promo {
        flex: 0 0 413px;
        min-height: 139px;
        gap: 12px;
        padding: 24px;
    }

    .header2026__dropdown .header2026__promo_title {
        margin: 0;
        font-size: 18px;
    }

    .header2026__dropdown .header2026__promo_arrow {
        right: 24px;
    }

    .header2026__dropdown .header2026__start {
        gap: 24px;
    }

    .header2026__dropdown .header2026__start_main {
        gap: 12px;
    }

    .header2026__dropdown .header2026__start_title {
        font-size: 24px;
    }

    .header2026__dropdown .header2026__start_text {
        margin: 0;
        font-size: 16px;
    }

    .header2026__dropdown .header2026__start_list {
        margin-top: 12px;
        gap: 16px;
    }

    .header2026__dropdown .header2026__start_item {
        min-height: 84px;
        padding: 0 24px;
        border-radius: 20px;
        font-size: 18px;
    }

    .header2026__dropdown .header2026__start_promo {
        flex: 0 0 405px;
        height: 404px;
        padding: 24px;
        border-radius: 20px;
        background-image: url('../../i/ds_2026/partials/header/fresh_free.png');
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .header2026__dropdown .header2026__start_promo_title {
        font-size: 24px;
    }

    .header2026__dropdown .header2026__start_promo_text {
        margin: 0;
        font-size: 16px;
    }

    .header2026__dropdown .header2026__start_promo_btn {
        margin-top: 24px;
    }

    .header2026__dropdown .header2026__solutions {
        gap: 16px;
    }

    .header2026__dropdown .header2026__solution {
        gap: 12px;
        min-height: 107px;
        padding: 24px;
        border-radius: 20px;
    }

    .header2026__dropdown .header2026__solution_badges {
        padding-right: 52px;
    }

    .header2026__dropdown .header2026__solution_title {
        font-size: 18px;
    }

    .header2026__dropdown .header2026__solution_arrow {
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
    }

    .header2026__dropdown .header2026__solution_all {
        min-height: 68px;
        padding: 0 16px 0 24px;
        border: 2px solid #4c4c59;
        border-radius: 20px;
        font-size: 18px;
    }

    .header2026__dropdown .header2026__integration {
        gap: 24px;
    }

    .header2026__dropdown .header2026__integration_main {
        gap: 12px;
    }

    .header2026__dropdown .header2026__integration_title {
        font-size: 24px;
    }

    .header2026__dropdown .header2026__integration_text {
        margin: 0;
    }

    .header2026__dropdown .header2026__integration_list {
        margin-top: 12px;
        gap: 16px;
    }

    .header2026__dropdown .header2026__int_promo {
        flex: 0 0 405px;
        gap: 12px;
        height: 405px;
        padding: 24px;
        border-radius: 20px;
        background-image: url('../../i/ds_2026/partials/header/services_BG.png');
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .header2026__dropdown .header2026__int_promo .header2026__badge {
        margin-bottom: 4px;
    }

    .header2026__dropdown .header2026__int_promo_title {
        font-size: 24px;
    }

    .header2026__dropdown .header2026__int_promo_btn {
        margin-top: 12px;
    }
}

.header2026__burger_close {
    display: none;
}

.header2026_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.header2026_fixed .header2026__panel {
    border-radius: 0 0 16px 16px;
}

@media (min-width: 1280px) {
    .header2026_fixed .header2026__row {
        display: none;
    }

    .header2026_fixed .header2026__nav {
        display: block;
        padding-top: 0;
        border-top: 0;
    }
}

.header2026__mobile_sub .header2026__level3:not(:first-child) {
    display: none;
}

.header2026__apps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    flex: 1;
}

.header2026__app {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 68px;
    padding: 16px 16px 16px 24px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2e2e3c;
    text-decoration: none;
}

.header2026__app_blue {
    background-color: #edf4fe;
}

.header2026__app_yellow {
    background-color: #fffbec;
}

.header2026__app_red {
    background-color: #fcf0f3;
}

.header2026__app_gray {
    background-color: #f4f4f6;
}

.header2026__app_all {
    background-color: #ffffff;
    border: 2px solid #4c4c59;
}

.header2026__app_arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border: 2px solid #4c4c59;
    border-radius: 12px;
    background-color: #ffffff;
    color: #4c4c59;
    transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

@media (min-width: 1280px) {
    .header2026__app {
        font-size: 18px;
    }

    .header2026__app_large {
        min-height: 84px;
        padding: 24px;
    }
}

.header2026__tariffs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}

.header2026__tariffs_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.header2026__tariffs_title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__tariffs_text {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 140%;
    color: #8d8da8;
}

.header2026__tariffs_all {
    flex: 0 0 auto;
    background-color: transparent;
}

.header2026__tariffs_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.header2026__tariff {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-radius: 12px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.header2026__tariff_green {
    background-color: #eef9ee;
}

.header2026__tariff_gray {
    background-color: #f4f4f6;
}

.header2026__tariff_blue {
    background-color: #edf4fe;
}

.header2026__tariff_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.header2026__tariff_title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__tariff_text {
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 140%;
    color: #4c4c59;
}

@media (min-width: 1280px) {
    .header2026__dropdown .header2026__tariffs {
        gap: 32px;
    }

    .header2026__dropdown .header2026__tariffs_head {
        gap: 12px;
    }

    .header2026__dropdown .header2026__tariffs_title {
        font-size: 24px;
    }

    .header2026__dropdown .header2026__tariffs_text {
        margin-top: 12px;
        font-size: 16px;
    }

    .header2026__dropdown .header2026__tariff {
        gap: 12px;
        min-height: 239px;
        padding: 24px;
        border-radius: 20px;
    }

    .header2026__dropdown .header2026__tariff_title {
        font-size: 18px;
    }

    .header2026__dropdown .header2026__tariff_btn {
        margin-top: auto;
    }
}

.button.button_black.header2026__dropdown_btn,
.button.button_black.header2026__tariffs_all,
.button.button_black.header2026__tariff_btn,
.button.button_black.header2026__dropdown_btn:hover,
.button.button_black.header2026__tariffs_all:hover,
.button.button_black.header2026__tariff_btn:hover {
    background-color: transparent;
    box-shadow: none;
}

.header2026__solutions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 16px;
    flex: 1;
}

.header2026__solution {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 96px;
    padding: 16px;
    border-radius: 12px;
    text-decoration: none;
}

.header2026__solution_blue {
    background-color: #edf4fe;
}

.header2026__solution_yellow {
    background-color: #fffbec;
}

.header2026__solution_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-right: 52px;
}

.header2026__solution_title {
    margin-top: auto;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__solution_arrow {
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border: 2px solid #4c4c59;
    border-radius: 12px;
    background-color: #ffffff;
    color: #4c4c59;
    transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.header2026__solution_all {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    padding: 8px 16px;
    border: 2px solid #cbcbe0;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #2e2e3c;
    text-decoration: none;
}

@media (max-width: 1279px) {
    .header2026__solution_all .header2026__solution_arrow {
        position: static;
    }
}

.header2026__start {
    display: flex;
    flex: 1;
    gap: 18px;
}

.header2026__start_main {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
}

.header2026__start_title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__start_text {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 140%;
    color: #8d8da8;
}

.header2026__start_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header2026__start_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #2e2e3c;
    text-decoration: none;
}

.header2026__start_item_gray {
    background-color: #f4f4f6;
}

.header2026__start_item_yellow {
    background-color: #fffbec;
}

.header2026__start_arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border: 2px solid #4c4c59;
    border-radius: 12px;
    background-color: #ffffff;
    color: #4c4c59;
    transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.header2026__app:hover .header2026__app_arrow,
.header2026__solution:hover .header2026__solution_arrow,
.header2026__solution_all:hover .header2026__solution_arrow,
.header2026__start_item:hover .header2026__start_arrow,
.header2026__promo:hover .header2026__promo_arrow,
.header2026__tariff:hover .header2026__tariff_btn {
    border-color: #2e2e3c;
    color: #2e2e3c;
    box-shadow: 0 0 0 6px rgba(46, 46, 60, 0.16), 0 24px 48px 0 rgba(46, 46, 60, 0.32);
}

.header2026__start_promo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 340px;
    padding: 18px;
    border-radius: 16px;
    background-color: #edf4fe;
}

.header2026__start_promo_title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__start_promo_text {
    margin: 0;
    font-size: 14px;
    line-height: 140%;
    color: #8d8da8;
}

.header2026__start_promo_btn {
    align-self: flex-start;
    margin-top: 8px;
}

.header2026__start_item_blue {
    background-color: #edf4fe;
}

.header2026__integration {
    display: flex;
    flex: 1;
    gap: 18px;
}

.header2026__integration_main {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
}

.header2026__integration_title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__integration_text {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 140%;
    color: #8d8da8;
}

.header2026__integration_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header2026__int_promo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 0 0 340px;
    padding: 18px;
    border-radius: 16px;
    background-color: #fcf0f3;
}

.header2026__int_promo .header2026__badge {
    background-color: #fcd8de;
}

.header2026__int_promo_title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    color: #2e2e3c;
}

.header2026__int_promo_text {
    margin: 0;
    font-size: 14px;
    line-height: 140%;
    color: #4c4c59;
}

.header2026__int_promo_btn {
    align-self: flex-start;
    margin-top: 8px;
}

.header2026__tariff_btn {
    align-self: flex-start;
    margin-top: 8px;
    border: 2px solid #4c4c59;
    background-color: #ffffff;
    transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

@media (min-width: 1280px) {
    .header2026__dropdown .header2026__tariffs_all {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex: 0 0 auto;
        width: 413px;
        max-width: 100%;
        height: 68px;
        padding: 0 16px 0 24px;
        border: 2px solid #4c4c59;
        border-radius: 20px;
        background-color: #ffffff;
        box-shadow: none;
        font-family: 'Google Sans', Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 130%;
        color: #2e2e3c;
        text-decoration: none;
    }

    .header2026__dropdown .header2026__tariffs_all:hover {
        border-color: #2e2e3c;
        color: #2e2e3c;
    }

    .header2026__dropdown .header2026__tariffs_arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 36px;
        height: 36px;
        border: 2px solid #4c4c59;
        border-radius: 12px;
        background-color: #ffffff;
        color: #4c4c59;
        transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .header2026__dropdown .header2026__tariffs_all:hover .header2026__tariffs_arrow {
        border-color: #2e2e3c;
        color: #2e2e3c;
        box-shadow: 0 0 0 6px rgba(46, 46, 60, 0.16), 0 24px 48px 0 rgba(46, 46, 60, 0.32);
    }
}

/* Mobile header and open menu - Figma 10820:25489 (320px) */
body.header2026_lock {
    overflow: hidden;
}

@media (max-width: 1279px) {
    .header2026 {
        padding: 0 0 24px;
    }

    .header2026__panel {
        position: relative;
        z-index: 3;
        gap: 0;
        padding: 16px 20px;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 16px 32px rgba(46, 46, 60, 0.16);
    }

    .header2026__row {
        min-height: 36px;
    }

    .header2026__burger {
        border: 2px solid #4c4c59;
        border-radius: 12px;
        background-color: #ffffff;
    }

    .header2026_open {
        position: fixed;
        inset: 0;
        z-index: 1000;
        padding: 0 0 24px;
        background-color: #ffffff;
        overflow: hidden;
    }

    .header2026__mobile {
        position: fixed;
        top: 92px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        gap: 0;
        padding: 0 20px 24px;
        background-color: #ffffff;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .header2026__mobile_contacts {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
        padding-bottom: 20px;
    }

    .header2026__mobile_contacts .header2026__city {
        height: 36px;
        gap: 4px;
        padding: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 130%;
        color: #2e2e3c;
    }

    .header2026__mobile_contacts .header2026__phone {
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
        color: #498ef5;
        transition: color 0.2s;
    }

    .header2026__mobile_contacts .header2026__phone:hover {
        color: #2c599b;
    }

    .header2026__mobile_menu {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px 0;
        border-bottom: 1px solid #cbcbe0;
    }

    .header2026__mobile_item {
        padding: 0;
        border: 0;
    }

    .header2026__mobile_link {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 36px;
        padding: 0;
        border: 0;
        background: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        color: #2e2e3c;
        text-align: left;
    }

    .header2026__mobile_control {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        margin-left: auto;
        border: 2px solid #4c4c59;
        border-radius: 12px;
        background-color: #ffffff;
        color: #4c4c59;
        transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .header2026__mobile_control_close {
        display: none;
    }

    .header2026__mobile_item_open > .header2026__mobile_link .header2026__mobile_control_chevron {
        display: none;
    }

    .header2026__mobile_item_open > .header2026__mobile_link .header2026__mobile_control_close {
        display: block;
    }

    .header2026__mobile_sub {
        display: none;
        padding: 20px 0 0;
    }

    .header2026__mobile_item_open > .header2026__mobile_sub {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .header2026__mobile_section_btn {
        display: flex;
        align-items: center;
        gap: 6px;
        width: 100%;
        min-height: 36px;
        padding: 0;
        border: 0;
        background: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        color: #2e2e3c;
        text-align: left;
        cursor: pointer;
    }

    .header2026__mobile_section_btn svg {
        flex: 0 0 16px;
        transition: transform 0.2s;
    }

    .header2026__mobile_section_open > .header2026__mobile_section_btn {
        color: #f03b5c;
    }

    .header2026__mobile_section_open > .header2026__mobile_section_btn svg {
        transform: rotate(180deg);
    }

    .header2026__mobile_section_body {
        display: none;
        padding: 12px 0 0;
    }

    .header2026__mobile_section_open > .header2026__mobile_section_body {
        display: block;
    }

    .header2026__mobile .header2026__promo,
    .header2026__mobile .header2026__tariff,
    .header2026__mobile .header2026__integration,
    .header2026__mobile .header2026__int_promo {
        padding: 16px 20px;
        border-radius: 20px;
    }

    .header2026__mobile .header2026__start_main {
        padding: 0;
    }

    .header2026__mobile .header2026__start_promo {
        flex: none;
    }

    .header2026__mobile .header2026__start {
        flex-direction: column;
        gap: 12px;
    }

    .header2026__mobile .header2026__integration {
        flex-direction: column;
        gap: 12px;
    }

    .header2026__mobile .header2026__int_promo {
        flex: none;
    }

    .header2026__mobile .header2026__apps {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .header2026__mobile .header2026__app {
        min-height: 60px;
        gap: 8px;
        padding: 12px 16px 12px 20px;
        border-radius: 20px;
    }

    .header2026__mobile .header2026__app_text {
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
    }

    .header2026__mobile .header2026__app_arrow {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        margin-left: auto;
        border: 2px solid #4c4c59;
        border-radius: 12px;
        background-color: #ffffff;
        color: #4c4c59;
    }

    .header2026__mobile .header2026__app_all {
        border: 2px solid #4c4c59;
        background-color: #ffffff;
    }

    .header2026__mobile .header2026__mobile_all {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        height: 36px;
        padding: 0 16px;
        border: 2px solid #4c4c59;
        border-radius: 12px;
        background-color: #ffffff;
        color: #4c4c59;
        font-family: 'Google Sans', Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 100%;
        text-decoration: none;
        cursor: pointer;
        transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .header2026__mobile .header2026__mobile_all:hover {
        color: #2e2e3c;
        border-color: #2e2e3c;
        box-shadow: 0 0 0 6px rgba(46, 46, 60, 0.16), 0 24px 48px 0 rgba(46, 46, 60, 0.32);
    }

    .header2026__mobile .header2026__tariffs_head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .header2026__mobile .header2026__tariffs_head .header2026__tariffs_all {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        gap: 8px;
        height: 36px;
        padding: 0 16px;
        border: 2px solid #4c4c59;
        border-radius: 12px;
        background-color: #ffffff;
        box-shadow: none;
        color: #4c4c59;
        font-family: 'Google Sans', Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 100%;
        text-decoration: none;
        transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .header2026__mobile .header2026__tariffs_head .header2026__tariffs_arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: inherit;
    }

    .header2026__mobile .header2026__tariffs_head .header2026__tariffs_all:hover {
        color: #2e2e3c;
        border-color: #2e2e3c;
        box-shadow: 0 0 0 6px rgba(46, 46, 60, 0.16), 0 24px 48px 0 rgba(46, 46, 60, 0.32);
    }

    .header2026__mobile .header2026__tariffs_grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .header2026__mobile .header2026__searchbox_mobile {
        display: block;
        margin-top: 20px;
    }

    .header2026__search_form {
        width: 100%;
    }

    .header2026__search_field {
        width: 100%;
        height: 54px;
        border-radius: 12px;
    }

    .header2026__search_field .input_control {
        font-size: 16px;
    }

    .header2026__mobile_actions {
        align-items: flex-start;
        gap: 20px;
        margin-top: 20px;
    }

    .header2026__mobile .header2026__mobile_callback > svg {
        width: 20px;
        height: 20px;
    }

    .header2026__mobile_login {
        display: inline-flex;
        align-items: center;
        height: 36px;
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        color: #2e2e3c;
        text-decoration: none;
    }
}

/* Tablet menu - Figma 10756:11518 (768px) */
@media (min-width: 700px) and (max-width: 1279px) {
    .header2026 {
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .header2026_open {
        padding: 0 0 24px;
        background-color: transparent;
        overflow: visible;
    }

    .header2026_open .header2026__panel {
        position: static;
    }

    body.header2026_lock {
        overflow: auto;
    }

    .header2026_open .header2026__mobile {
        position: absolute;
        top: 80px;
        right: 42px;
        bottom: auto;
        left: 42px;
        z-index: 2;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 20px 32px;
        padding: 20px 32px;
        border-radius: 24px;
        max-height: calc(100vh - 104px);
        background-color: #ffffff;
        box-shadow: 0 16px 32px rgba(46, 46, 60, .16);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .header2026__mobile .header2026__searchbox_mobile {
        order: 1;
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 0 20px;
        border-bottom: 1px solid #cbcbe0;
    }

    .header2026__mobile .header2026__search_results {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 5;
        margin-top: 0;
        padding: 16px;
        border-radius: 16px;
        background-color: #ffffff;
        box-shadow: 0 16px 32px rgba(46, 46, 60, .16);
    }

    .header2026__mobile .header2026__search_form {
        display: flex;
        align-items: center;
        gap: 16px;
        width: 100%;
    }

    .header2026__mobile .header2026__search_field {
        flex: 1 1 auto;
        width: auto;
        height: 54px;
        border-radius: 12px;
    }

    .header2026__mobile .header2026__search_submit {
        display: inline-flex;
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        border-radius: 12px;
        background-color: #f03b5c;
        color: #ffffff;
    }

    .header2026__mobile .header2026__search_submit:hover {
        background-color: #d1053b;
    }

    .header2026__mobile .header2026__mobile_menu {
        order: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .header2026__mobile .header2026__mobile_item_open {
        grid-column: 1 / -1;
    }

    .header2026__mobile .header2026__mobile_link {
        min-height: 76px;
        padding: 20px;
        border: 2px solid #4c4c59;
        border-radius: 20px;
        background-color: #ffffff;
    }

    .header2026__mobile .header2026__mobile_link:hover,
    .header2026__mobile .header2026__mobile_item_open > .header2026__mobile_link {
        background-color: #edf4fe;
    }

    .header2026__mobile .header2026__mobile_contacts {
        order: 3;
        flex-direction: row;
        align-items: center;
        gap: 32px;
        padding: 0;
    }

    .header2026__mobile .header2026__mobile_actions {
        order: 4;
        flex-direction: row;
        align-items: center;
        gap: 0;
        margin: 0;
    }

    .header2026__mobile .header2026__mobile_callback {
        display: none;
    }

    .header2026__mobile_login {
        padding: 0 16px;
    }

    .header2026__mobile .header2026__mobile_item_open > .header2026__mobile_sub {
        display: grid;
        grid-template-columns: 250px 1fr;
        align-items: start;
        column-gap: 20px;
        row-gap: 12px;
        padding: 16px 0 0;
        background-image: linear-gradient(#cbcbe0, #cbcbe0);
        background-repeat: no-repeat;
        background-position: 257px 16px;
        background-size: 1px calc(100% - 16px);
    }

    .header2026__mobile .header2026__mobile_sub .header2026__mobile_section {
        display: contents;
    }

    .header2026__mobile .header2026__mobile_section_btn {
        grid-column: 1;
        justify-self: start;
        width: auto;
        max-width: 100%;
        min-height: 36px;
        font-size: 16px;
        font-weight: 600;
    }

    .header2026__mobile .header2026__mobile_section_open > .header2026__mobile_section_btn svg {
        transform: none;
    }

    .header2026__mobile .header2026__mobile_section_body {
        grid-column: 2;
        grid-row: 1 / span 20;
        padding: 0;
    }

    .header2026__mobile .header2026__mobile_all {
        grid-column: 1;
        justify-self: start;
        margin-top: 12px;
    }

    .header2026__mobile .header2026__apps {
        gap: 16px;
    }

    .header2026__mobile .header2026__app {
        min-height: 68px;
        padding: 20px;
        border: 0;
        border-radius: 20px;
    }

    .header2026__mobile .header2026__app_all {
        border: 2px solid #cbcbe0;
    }

    .header2026__mobile .header2026__promo {
        padding: 20px;
        border-radius: 20px;
    }
}

@media (max-width: 699px) {
    .header2026__mobile .header2026__searchbox_mobile {
        position: relative;
    }

    .header2026__mobile .header2026__search_results {
        position: absolute;
        top: auto;
        right: 0;
        bottom: calc(100% + 8px);
        left: 0;
        z-index: 5;
        margin-top: 0;
        padding: 16px;
        border-radius: 16px;
        background-color: #ffffff;
        box-shadow: 0 16px 32px rgba(46, 46, 60, .16);
    }
}