.header_nav {
    background-color: #000;
    display: grid;
    padding: 0 calc(0px + 54 * var(--scale)) 0;
    height: calc(0px + 95 * var(--scale));
    grid-template-columns: 1fr auto 1fr;
}

.header_logo {
    place-self: center;
    display: block;
    margin: 0 auto;

    width: calc(0px + 127 * var(--scale));
    height: calc(0px + 36 * var(--scale));
}


.header_nav-menu {
    display: flex;
    align-items: center;
    gap: calc(0px + 26 * var(--scale));
    position: relative;
}

.header_nav-menu.right {
    justify-content: flex-end;
}

.header_nav-link {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: calc(0px + 20 * var(--scale));
    line-height: calc(0px + 20 * var(--scale));
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: 300ms;
    width: fit-content;
    gap: calc(0px + 5 * var(--scale));
}

.header_nav-link:hover {
    color: var(--main-btn-hover);
}

.header_nav-link.red:hover {
    color: var(--promo-color);
}

.header_nav-link.yellow:hover {
    color: var(--sale-color);
}

.header_nav-link:hover {
    color: white;
}


.tel {
    display: inline-block;
    width: calc(0px + 26 * var(--scale));
    height: calc(0px + 26 * var(--scale));
    border: none;
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 1 19 19' fill='none'%3E%3Cpath d='M8.65 10.67L7.885 9.905C7.72917 9.74917 7.53083 9.67125 7.29 9.67125C7.04917 9.67125 6.85083 9.74917 6.695 9.905C6.53917 10.0608 6.46125 10.2592 6.46125 10.5C6.46125 10.7408 6.53917 10.9392 6.695 11.095L8.905 13.305C9.075 13.475 9.27333 13.56 9.5 13.56C9.72667 13.56 9.925 13.475 10.095 13.305L12.305 11.095C12.4608 10.9392 12.5388 10.7408 12.5388 10.5C12.5388 10.2592 12.4608 10.0608 12.305 9.905C12.1492 9.74917 11.9508 9.67125 11.71 9.67125C11.4692 9.67125 11.2708 9.74917 11.115 9.905L10.35 10.67V7.95C10.35 7.70917 10.2684 7.50715 10.1052 7.34395C9.942 7.18075 9.74027 7.09943 9.5 7.1C9.25917 7.1 9.05715 7.1816 8.89395 7.3448C8.73075 7.508 8.64943 7.70973 8.65 7.95V10.67ZM1 10.5C1 9.32417 1.22327 8.21917 1.6698 7.185C2.11633 6.15083 2.72182 5.25125 3.48625 4.48625C4.25125 3.72125 5.15084 3.11577 6.185 2.6698C7.21917 2.22383 8.32417 2.00057 9.5 2C10.6758 2 11.7808 2.22327 12.815 2.6698C13.8492 3.11633 14.7488 3.72182 15.5138 4.48625C16.2788 5.25125 16.8842 6.15083 17.3302 7.185C17.7762 8.21917 17.9994 9.32417 18 10.5C18 11.6758 17.7767 12.7808 17.3302 13.815C16.8837 14.8492 16.2782 15.7487 15.5138 16.5137C14.7488 17.2787 13.8492 17.8845 12.815 18.331C11.7808 18.7776 10.6758 19.0006 9.5 19C8.32417 19 7.21917 18.7767 6.185 18.3302C5.15084 17.8837 4.25125 17.2782 3.48625 16.5137C2.72125 15.7487 2.11549 14.8492 1.66895 13.815C1.22242 12.7808 0.999435 11.6758 1 10.5ZM2.7 10.5C2.7 12.3983 3.35875 14.0062 4.67625 15.3237C5.99375 16.6412 7.60167 17.3 9.5 17.3C11.3983 17.3 13.0063 16.6412 14.3238 15.3237C15.6413 14.0062 16.3 12.3983 16.3 10.5C16.3 8.60167 15.6413 6.99375 14.3238 5.67625C13.0063 4.35875 11.3983 3.7 9.5 3.7C7.60167 3.7 5.99375 4.35875 4.67625 5.67625C3.35875 6.99375 2.7 8.60167 2.7 10.5Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    padding: 0;
}

.tel.close {
    transform: scaleY(-100%);
}

.header_nav .btn_blue:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn_cubes {
    position: absolute;
    display: flex;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn_cubes i {
    content: "";
    display: block;
    width: 34px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='32' viewBox='0 0 30 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='8.01233' width='6.71907' height='7.49091' rx='1' transform='rotate(-8.66557 0 8.01233)' fill='%23390095'/%3E%3Crect x='14.7485' width='9' height='9' rx='1' transform='rotate(17.7827 14.7485 0)' fill='%23390095'/%3E%3Crect x='8.06982' y='15' width='13.3263' height='13.3263' rx='1' transform='rotate(17.7827 8.06982 15)' fill='%23390095'/%3E%3Crect x='21' y='13.8392' width='6' height='6' rx='1' transform='rotate(-39.7824 21 13.8392)' fill='%23390095'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    opacity: 0;
}

.header_icon {
    display: block;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    width: calc(0px + 45 * var(--scale));
    height: calc(0px + 50 * var(--scale));

}

.header_phone-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(0px + 12 * var(--scale));
}

.header_dropdown-phones {
    pointer-events: none;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    gap: calc(0px + 12 * var(--scale));
    top: 0;
    left: calc(0px - 18 * var(--scale));
    background-color: var(--secondary-color);
    width: calc(0px + 250 * var(--scale));
    padding-bottom: 12px;
    padding-left: calc(0px + 18 * var(--scale));
    padding-right: calc(0px + 18 * var(--scale));
    border-radius: calc(0px + 9 * var(--scale));
    opacity: 0;
    transition: 240ms ease-out;
}

.header_dropdown-phones.open {
    opacity: 1;
    pointer-events: all;

}

.btn.header_dropdown-call_me {
    margin: calc(0px + 10 * var(--scale)) auto 0;
    font-size: calc(0px + 20 * var(--scale));
    font-weight: 700;
    width: fit-content;
    height: calc(0px + 40 * var(--scale));
    padding: 0 calc(0px + 15 * var(--scale));
}

.header_dropdown-social {
    display: flex;
    gap: 7px;
    justify-content: center;
}

.header_dropdown-social .social_icon {
    width: calc(0px + 43 * var(--scale));
    height: calc(0px + 43 * var(--scale));
    display: block;
}


.catalog_icon {
    position: relative;
    display: block;
    width: calc(0px + 50 * var(--scale));
    height: calc(0px + 50 * var(--scale));
    background-repeat: no-repeat;
    background-position: center;
}

.catalog_icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog_icon-idle {
    opacity: 1;
}

.catalog_icon-hover {
    opacity: 0;
}


.header_dropdown-logout {
    position: absolute;
    top: 100%;
    right: 0;

    display: flex;
    flex-direction: column;
    background-color: var(--secondary-color);
    opacity: 0;
    pointer-events: none;
    transition: 300ms;

    width: calc(0px + 272 * var(--scale));
    padding-bottom: 12px;
    border-radius: 0 0 calc(0px + 9 * var(--scale)) calc(0px + 9 * var(--scale));
}

.open.header_dropdown-logout {
    opacity: 1;
    pointer-events: all;
}

.header_dropdown-logout .btn {
}

.header_dropdown-logout .btn.blue {
    margin: 15px 15px 0;
    font-size: calc(0px + 20 * var(--scale));
    /*width: 100%;*/
    font-weight: 700;
    height: calc(0px + 40 * var(--scale));
    padding: 0 calc(0px + 15 * var(--scale));
}

.header_dropdown-logout .header_nav-link {
    width: 100%;
    margin: 0;
    padding: 5px 15px;
}

.header_dropdown-logout .header_nav-link:hover {
    background-color: var(--main-color);
    color: white;
}

.header_nav-lang .header_nav-link.active {
    color: var(--main-color);
    background-color: #fff;
    font-weight: 700;
    padding: 3px 5px;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .header_nav {
        display: none;
    }
}