.s-messenger-floating {
    transform: translate(-50%, calc(var(--messenger-floating-offset-y, 0px) + var(--messenger-floating-lift, 0px))) scaleY(var(--messenger-floating-scale-y, 1));
    transform-origin: 50%;
    z-index: 100;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), filter .35s;
    display: flex;
    position: fixed;
    bottom: 30px;
    left: 50%;
}

.s-messenger-floating__btn {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    transition: transform .2s, box-shadow .2s, opacity .45s, filter .45s;
    display: inline-flex;
    box-shadow: 0 3px 12px #0000004d;
    text-decoration: none;
}

.s-messenger-floating__btn--telegram {
    background-color: transparent;
}

.s-messenger-floating__btn--max {
    background-color: transparent;
    border-radius: 25%;
    overflow: hidden;
}

.s-messenger-floating__btn:hover {
    transform: scale(1.1);
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.header__top-item.soc {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    padding-left: 18px;
}

.social-icons ul {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-icons li {
    display: inline-block;
}

.social-icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 11;
    pointer-events: auto !important;
    text-decoration: none;
    background-color: transparent !important;
}

.social-icons li a:hover {
    background-color: #ff6b00;
}

.social-icons li a:hover svg {
    transform: scale(1.15);
    opacity: 0.9;
}

.social-icons svg {
    width: 29px;
    height: 30px;
    display: block;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

li.telegram {
    padding-right: 8px;
}

.social-icons svg path {
    transition: fill 0.3s ease;
}
.social-icons .telegram svg path.cls-1 {
    transition: fill 0.3s ease;
}
.social-icons .max svg path {
    transition: fill 0.3s ease;
}

.social-icons li a:hover {
    background-color: #ff6b00;
}

.social-icons .telegram a:hover svg path.cls-1 {
    fill: #ffffff !important;
}

.social-icons .max a:hover svg path {
    fill: #ffffff !important;
}

@media (max-width: 529px) {
    .b-calcModal__field.second-inp {
        padding-top: 20px;
    }
}