.header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header__top {
    display: none;
}

.header__body {
    background-color: #F2F0F6;
    box-shadow: 0 7px 39px rgba(0, 0, 0, 0.17);
}

.global_background-dark .header__body {
    background: #333333;
}

.header__inner {
    position: relative;
}

.header__logo {
    position: absolute;
    top: 50%;
    left: 40px;
    z-index: 2;
    width: 140px;
    transform: translateY(-50%);
}

.header__logo-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3.9434;
    object-fit: contain;
}

.header__logo-city {
    display: none;
}

.header__app,
.header__appointment {
    display: none;
}

.header__top-row .header__social {
    display: none;
}

.header__social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
}

.header__social-item:not(:last-child) {
    margin-bottom: 7px;
}

.header__social-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    color: #463B3F;
}

.header__social-link:hover {
    text-decoration: none;
}

.header__social-link_whatsapp:hover {
    color: #34B629;
}

.header__social-link_telegram:hover {
    color: #42A9D5;
}

.header__social-link::before {
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 1px;
    background-repeat: no-repeat;
    background-position: center;
}

.header__social-link_whatsapp::before {
    background-image: url("../img/whatsapp-logo.svg");
    background-size: 24px 24px;
}

.header__social-link_telegram::before {
    background-image: url("../img/telegram-logo.svg");
    background-size: 20px 20px;
    border-radius: 50%;
}

.header__social-text{
    font-size: 14px;
    margin-bottom: 0;
}

.header__bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 49px;
}

.header__search {
    position: fixed;
    left: 0;
    width: 280px;
    z-index: 1;
    transform: translateX(-100%);
    transition: transform .2s ease-in-out;
    top: 20px;
    padding: 0 15px;
}

.header__search_open {
    transform: translateX(0);
    transition: transform .2s ease-in-out;
}

.header__phone {
    margin-right: -12px;
}

.header__phone-link {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0591 15.6467C12.7619 16.6662 15.4047 15.2269 15.8252 14.5073C16.2456 13.7876 15.8853 13.2479 14.9843 12.2884C14.1434 11.3888 12.7619 10.6092 11.7409 11.5688C10.7798 12.5882 10.0591 12.9481 9.09804 12.3484C7.41625 11.2089 4.77344 8.57027 3.69229 6.95109C3.03159 5.99158 3.39197 5.21197 4.41306 4.25246C5.43414 3.29295 4.59325 1.91365 3.69229 1.0141C2.79133 0.114559 2.19069 -0.245259 1.46993 0.174528C0.74916 0.594315 -0.63231 3.29295 0.328712 5.93161C1.3498 8.75018 7.23606 14.6272 10.0591 15.6467Z' fill='%23463B3F'/%3E%3C/svg%3E%0A") no-repeat center / 16px;
    font-size: 0;
    border: 0;
    box-shadow: none;
}

.header__phone_mobile {

}

/* todo специфичность повышается, т.к. класс выставляется скриптом колтача, а так как от не очень умный, то везде меняется на один и тот же класс */
.header__phone_mobile .header__inquiry-link {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M497 362l-112-48a24 24 0 00-28 7l-49 60a371 371 0 01-177-177l60-49a24 24 0 007-28L150 15a24 24 0 00-27-14L19 25A24 24 0 000 48c0 257 208 464 464 464a24 24 0 0023-19l24-104a24 24 0 00-14-27z'/%3E%3C/svg%3E") no-repeat center / 16px;
    font-size: 0;
    border: 0;
    box-shadow: none;
}

.header__phone-btn {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 15.6c2.8 1 5.4-.4 5.8-1 .4-.8 0-1.4-.8-2.3-.9-1-2.2-1.7-3.3-.7-1 1-1.6 1.3-2.6.7A25.6 25.6 0 013.7 7c-.7-1-.3-1.8.7-2.7 1-1 .2-2.4-.7-3.3C2.7.1 2.2-.2 1.5.2.7.6-.6 3.2.3 5.9c1 2.9 7 8.7 9.8 9.7zm1.5-10.2c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1zm-3.3 0c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1zm6.6 0c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1z' fill='%23463B3F'/%3E%3C/svg%3E") no-repeat center;
    font-size: 0;
    border: 0;
    box-shadow: none;
}

.global_background-dark .header__phone-btn {
    background: transparent url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 15.6c2.8 1 5.4-.4 5.8-1 .4-.8 0-1.4-.8-2.3-.9-1-2.2-1.7-3.3-.7-1 1-1.6 1.3-2.6.7A25.6 25.6 0 013.7 7c-.7-1-.3-1.8.7-2.7 1-1 .2-2.4-.7-3.3C2.7.1 2.2-.2 1.5.2.7.6-.6 3.2.3 5.9c1 2.9 7 8.7 9.8 9.7zm1.5-10.2c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1zm-3.3 0c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1zm6.6 0c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
}

@media (max-width: 1189px) {

.header__social-text{
    position: absolute;
}

.header__bottom-row{
    margin-top: 25px;
}

.header__top-row .header__social{
    position: relative;
}

.header__social{
    align-self: baseline;
}

}
@media (max-width: 868px) {
    .header__social {
        flex-direction: row;
    }

    .header__social-item:not(:last-child) {
        margin: 0 10px 0 0;
    }

    .header__social-link {
        font-size: 0;
    }

    .header__social-link::before {
        margin: 0;
    }

    .header__social-text{
        display: none;
    }
    
    .header__bottom-row{
        margin-top: 0;
    }
    
    .header__top-row .header__social{
        position: static;
    }
    .header__social{
        align-self: center;
    }
}

@media (min-width: 869px) {
    .header {
        position: relative;
    }
    
 

    .header__top {
        display: block;
        font-size: 14px;
        line-height: 140%;
        background: #F2F0F6;
        color: #463B3F;
    }

    .global_font-1 .header__top {
        font-size: 16px;
    }

    .global_font-2 .header__top {
        font-size: 18px;
    }

    .global_font-3 .header__top {
        font-size: 20px;
    }

    .global_background-dark .header__top {
        background: #4c4c4c;
    }

    .global_background-blue .header__top {
        background: #9DD1FF;
    }

    .header__top-inner {
        display: flex;
        align-items: center;
        height: 46px;
    }

    .body_see-panel .header__top-inner {
        flex-wrap: wrap;
    }

    .header__inquiry {
        margin-right: 30px;
    }

    .header__inquiry-text {
        display: none;
    }

    .header__inquiry-link {
        font-weight: 700;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0.05em;
        color: #000000;
    }

    .global_background-dark .header__inquiry-link {
        color: #ffffff;
    }

    .header__buttons {
        display: flex;
        align-items: center;
        margin-right: 30px;
    }

    .header__btn {
        margin: 0 10px 0 0;
    }

    .header__btn:last-child {
        margin-right: 0;
    }

    .header__call-my-btn {
        padding: 7px 14px;
        font-size: 14px;
        font-weight: 500;
    }

    .global_font-1 .header__call-my-btn {
        font-size: 16px;
    }

    .global_font-2 .header__call-my-btn {
        font-size: 18px;
    }

    .global_font-3 .header__call-my-btn {
        font-size: 20px;
    }

    .header__phone {
        margin: 0 30px 0 0;
    }

    .header__phone_mobile {
        display: none;
    }

    .header__user {
        margin-left: auto;
    }

    .header__body {
        position: relative;
        background: #FFFFFF;
        color: #463B3F;
    }

    .global_background-blue .header__body {
        background-color: #9DD1FF;
        color: #463B3F;
    }

    .global_background-dark .header__body {
        background-color: #333333;
        color: #FFFFFF;
    }

    .header__inner {
        position: static;
        padding-top: 25px;
    }

    .header__top-row {
        display: flex;
        align-items: center;
    }

    .header__logo {
        position: relative;
        top: auto;
        left: auto;
        width: 160px;
        margin-right: 30px;
        transform: none;
    }

    .header__logo-city {
        position: absolute;
        bottom: -4px;
        left: 48px;
        z-index: 10;
        display: block;
        padding: 3px;
        padding-right: 17px;
        font-weight: bold;
        font-size: 11px;
        white-space: nowrap;
        background: transparent;
        border: 0;
        box-shadow: none;
        color: #000000;
        transition: width .2s ease-in-out, padding .2s ease-in-out;
    }

    .header__logo-city::after {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background: transparent url("data:image/svg+xml,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5l3.54 3.54 3.5-3.5' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center / contain;
    }

    .header__logo-city:focus {
        outline: none;
    }

    .global_background-dark .header__logo-city {
        color: #ffffff;
    }

    .global_background-dark .header__logo-city::after {
        background: transparent url("data:image/svg+xml,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5l3.54 3.54 3.5-3.5' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center / contain;
    }

    .header__logo_pink-ribbon .header__logo-img {
        width: 130px;
    }

    .header__logo_pink-ribbon .header__logo-city {
        left: 62px;
        bottom: 28px;
    }

    .header__app {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header__app-text {
        width: 157px;
        margin-right: 15px;
        font-size: 13px;
        line-height: 15px;
    }

    .header__app-icons {
        display: none;
    }

    .header__app-code {
        width: 53px;
    }

    .header__top-row .header__social {
        display: block;
    }

    .header__bottom-row .header__social {
        display: none;
    }

    .header__social {
        margin-right: 20px;
        margin-left: auto;
    }

    .header__appointment {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .header__appointment-btn {
        width: 210px;
        font-weight: 400;
        letter-spacing: 0.02em;
    }

    .global_font-1 .header__appointment-btn {
        font-size: 16px;
    }

    .global_font-2 .header__appointment-btn {
        font-size: 18px;
    }

    .global_font-3 .header__appointment-btn {
        font-size: 20px;
    }

    .header__whatsapp {
        display: flex;
        align-items: center;
        margin-right: 20px;
        font-size: 14px;
        line-height: 140%;
        text-decoration: none;
        color: #463B3F;
    }

    .header__whatsapp:hover {
        text-decoration: none;
        color: #34B629;
    }

    .header__whatsapp::before {
        content: '';
        width: 20px;
        height: 20px;
        margin-right: 8px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0012 2.90756C16.0843 1.98216 14.9924 1.24849 13.7891 0.749318C12.5858 0.250144 11.2952 -0.00455534 9.9925 6.16632e-05C4.53375 6.16632e-05 0.085 4.44756 0.08 9.90756C0.08 11.6563 0.5375 13.3576 1.40125 14.8638L0 20.0001L5.255 18.6226C6.70876 19.4137 8.33741 19.8284 9.9925 19.8288H9.9975C15.4575 19.8288 19.905 15.3813 19.91 9.91631C19.9112 8.61387 19.6548 7.32405 19.1553 6.12116C18.6559 4.91827 17.9234 3.8261 17 2.90756H17.0012ZM9.9925 18.1513C8.51625 18.1518 7.06713 17.7546 5.7975 17.0013L5.4975 16.8213L2.38 17.6388L3.2125 14.5976L3.0175 14.2838C2.19226 12.9717 1.75581 11.4526 1.75875 9.90256C1.75875 5.37006 5.455 1.67256 9.9975 1.67256C11.0797 1.67062 12.1515 1.8829 13.1513 2.29718C14.151 2.71145 15.0589 3.31951 15.8225 4.08631C16.5888 4.85012 17.1963 5.75809 17.6099 6.75785C18.0235 7.75761 18.2351 8.82937 18.2325 9.91131C18.2275 14.4601 14.5312 18.1513 9.9925 18.1513ZM14.5113 11.9838C14.265 11.8601 13.0487 11.2613 12.82 11.1763C12.5925 11.0951 12.4262 11.0526 12.2638 11.3001C12.0975 11.5463 11.6225 12.1076 11.48 12.2688C11.3375 12.4351 11.19 12.4538 10.9425 12.3313C10.6962 12.2063 9.8975 11.9463 8.9525 11.1001C8.215 10.4438 7.72125 9.63131 7.57375 9.38506C7.43125 9.13756 7.56 9.00506 7.68375 8.88131C7.7925 8.77131 7.93 8.59131 8.05375 8.44881C8.17875 8.30631 8.22 8.20131 8.30125 8.03631C8.3825 7.86881 8.34375 7.72631 8.2825 7.60256C8.22 7.47881 7.72625 6.25756 7.5175 5.76506C7.3175 5.27881 7.11375 5.34631 6.96125 5.34006C6.81875 5.33131 6.6525 5.33131 6.48625 5.33131C6.3607 5.33443 6.23716 5.36347 6.12337 5.4166C6.00958 5.46973 5.90799 5.54581 5.825 5.64006C5.5975 5.88756 4.96125 6.48631 4.96125 7.70756C4.96125 8.92881 5.84875 10.1026 5.97375 10.2688C6.09625 10.4351 7.71625 12.9338 10.2025 14.0088C10.79 14.2651 11.2525 14.4163 11.6138 14.5313C12.2075 14.7213 12.7437 14.6926 13.1712 14.6313C13.6462 14.5588 14.635 14.0313 14.8438 13.4526C15.0487 12.8726 15.0488 12.3776 14.9862 12.2738C14.925 12.1688 14.7587 12.1076 14.5113 11.9838Z' fill='%2334B629'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        transform: translateY(-1px);
    }

    .header__bottom-row {
        height: auto;
    }

    .header__menu {

    }

    .body_see-panel .header__menu {
        padding: 10px 0;
    }

    .header__tel {
        display: none;
    }

    .header__search {
        position: static;
        order: 2;
        display: block;
        width: 210px;
        margin-left: 10px;
        padding: 0;
        transform: none;
    }
}

@media (min-width: 1189px) {
    .body_see-panel .header {
        padding-top: 50px;
    }

    .header__inquiry_more-phone {
        flex-direction: row;
        margin: 0 -7.5px;
    }

    .header__inquiry_more-phone .header__inquiry_phone {
        padding: 0 7.5px;
        max-width: 185px;
    }

    .header__inquiry_more-phone .header__inquiry-text {
        display: block;
        white-space: nowrap;
        font-size: 12px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .header__inquiry_more-phone .header__inquiry-link {
        font-size: 16px;
    }

    .header__inquiry_phone {
        display: flex;
        align-items: center;
    }

    .header__inquiry-text {
        display: inline-block;
        margin-right: 8px;
        opacity: 0.8;
    }

	.header__inquiry_phone.mini-description  .header__inquiry-text {
		display: block;
	}

	.header__inquiry_phone.mini-description {
		margin-bottom: 5px;
		margin-top: 5px;
	}

     .header__phone-btn {
        background: transparent;
        border: 0;
        box-shadow: none;
        font-size: 14px;
        color: #463B3F;
        position: relative;
        padding-right: 17px;
        width: auto;
        height: auto;
    }

    .global_font-1  .header__phone-btn {
        font-size: 18px;
    }

    .global_font-2  .header__phone-btn {
        font-size: 20px;
    }

    .global_font-3  .header__phone-btn {
        font-size: 24px;
    }

    .global_background-dark  .header__phone-btn {
        color: #ffffff;
    }

     .header__phone-btn:after {
        content: '';
        display: block;
        width: 9px;
        height: 6px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: transparent url("data:image/svg+xml,%3Csvg width='9' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.2.2a.58.58 0 00-.17.42.57.57 0 00.18.4L4.16 4.9a.48.48 0 00.34.13.48.48 0 00.34-.13l3.95-3.87a.57.57 0 000-.83.6.6 0 00-.84 0L4.5 3.57 1.05.2A.6.6 0 00.2.2z' fill='%23463B3F'/%3E%3C/svg%3E") no-repeat center / contain;
    }

    .global_font-1  .header__phone-btn:after {
        width: 12px;
        height: 10px;
    }

    .global_font-2  .header__phone-btn:after {
        width: 16px;
        height: 14px;
    }

    .global_font-3  .header__phone-btn:after {
        width: 18px;
        height: 16px;
    }

    .global_background-dark  .header__phone-btn:after {
        background: transparent url("data:image/svg+xml,%3Csvg width='9' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.2.2a.58.58 0 00-.17.42.57.57 0 00.18.4L4.16 4.9a.48.48 0 00.34.13.48.48 0 00.34-.13l3.95-3.87a.57.57 0 000-.83.6.6 0 00-.84 0L4.5 3.57 1.05.2A.6.6 0 00.2.2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center / contain;
    }

    .header__logo {
        width: 209px;
        margin-right: 60px;
    }

    .header__logo-city {
        text-transform: uppercase;
        left: 64px;
        bottom: 2px;
    }

    .header__logo-city::after {
        top: calc(50% - 2px);
    }

    .header__app-text {
        margin-right: 40px;
    }

    .header__app-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 85px;
    }

    .header__app-icons {
        display: block;
        width: 16px;
    }

    .header__app-icon_app-store {
        margin-bottom: 8px;
    }

    .header__social {
        margin-right: 40px;
    }

    .header__menu {
        width: 788px;
    }

    .header__search {
        margin-left: 40px;
    }
}