.header__action--phone {
    display: none;
}

@media (max-width: 550px) {
    .header {
        border-bottom: 1px solid #dedede;
    }

    .header__inner {
        min-height: 40px;
        gap: 16px;
        padding-right: 12px;
    }

    .header__burger {
        width: 40px;
        height: 40px;
    }

    .header__logo {
        width: 150px;
    }

    .header__actions .header__action--search,
    .header__actions .header__action--fav {
        display: none;
    }

    .header__actions .header__action--phone {
        display: flex;
        width: 28px;
        height: 40px;
    }

    .header__action--phone::before {
        width: 20px;
        height: 20px;
        background: var(--green);
        -webkit-mask: url('../images/calculate/icon-phone.svg') center / contain no-repeat;
        mask: url('../images/calculate/icon-phone.svg') center / contain no-repeat;
        content: "";
    }
}