.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
    transition: opacity 0.5s ease;
    z-index: 9999;
}

.cookie-banner.show {
    display: block;
    opacity: 1;
}

.cookie-banner.hide {
    opacity: 0;
}

.manager_name {
    font-weight: 600;
    font-size: 14px;
    color: #2c3e50;
    margin-bottom: 5px;
}

.typing {
    display: flex;
    align-items: center;
    background: #f1f3f5;
    border-radius: 12px;
    padding: 10px 15px;
    margin: 10px 15px;
    margin-left: 0;
    max-width: 70%;
    animation: pulse 1.5s infinite;
}

.typing .message_text {
    font-style: normal;
    font-size: 14px;
    color: #34495e;
}

.desc_chat {
    transition: opacity 0.5s ease;
    font-size: 16px;
    color: #ffffff;
}

.start_chat .icon {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url('/front/assets/img/icon.svg');
    background-size: contain;
}

.chat_head.active .icon {
    display: none;
}

@keyframes pulse {
    0% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.7;
    }
}

.vacancies_form form {
    position: relative;
}

.form_home form {
    position: relative;
}

.blog_form form {
    position: relative;
}

.suggestions_form {
    position: relative;
}

.form-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #e30613; /* Adjust to match your .red_btn color */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.icon-bot .bot { display:block; }

/* Плавное «вытягивание/сжатие» всего значка во время подмигивания */
.bot {
    transform-origin: 50% 50%;
    animation: bot-stretch 4s ease-in-out infinite;
}

@keyframes bot-stretch {
    0%, 85%, 100% { transform: scale(1); }
    /* лёгкая деформация в момент подмигивания */
    92% { transform: scaleX(1.04) scaleY(0.96); }
    96% { transform: scaleX(1.02) scaleY(0.98); }
}

/* Подмигивание ПРАВЫМ глазом (короткое схлопывание по Y) */
#eye-right {
    transform-origin: 22px 16.2px; /* примерно центр правого глаза */
    animation: wink 4s ease-in-out infinite;
}

@keyframes wink {
    0%, 90%, 100%   { transform: scaleY(1); opacity: 1; }
    92%             { transform: scaleY(0.15); opacity: 0.9; }
    96%             { transform: scaleY(1);   opacity: 1; }
}

/* Дополнительно: подмигивать при наведении (быстро, единоразово) */
.icon:hover #eye-right {
    animation: wink-hover 0.5s ease-in-out 1;
}
@keyframes wink-hover {
    0%   { transform: scaleY(1); }
    50%  { transform: scaleY(0.1); }
    100% { transform: scaleY(1); }
}