/* ==============================================================
   ALANYA INVEST — HEADER FINAL
   ============================================================== */

html, body {
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ai-header-root,
.ai-header-root *,
.ai-header-root *::before,
.ai-header-root *::after { box-sizing: border-box !important; }

.ai-header-root {
    --bg-top: #454b55;
    --bg-main: #303640;
    --bg-bottom: #252b33;
    --accent: #f47f45;
    --white: #ffffff;
    --width: 1140px;
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: var(--bg-main) !important;
    color: var(--white) !important;
    font-family: "Manrope", Arial, sans-serif !important;
    text-align: left !important;
    z-index: 999 !important;
}

.ai-header-root a { color: inherit !important; text-decoration: none !important; }
.ai-header-root img { display: block !important; max-width: 100% !important; height: auto !important; }

.ai-header-container {
    width: var(--width) !important;
    max-width: calc(100% - 40px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
}

/* СБРОС СТАРОГО STYLE.CSS */
.ai-header-root .menu_tLine, .ai-header-root .menu_tLine ul, .ai-header-root .menu_bLine, .ai-header-root .menu_bLine ul {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; display: block !important; position: static !important; height: auto !important;
}
.ai-header-root .menu_tLine li, .ai-header-root .menu_bLine li {
    width: 100% !important; max-width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; position: relative !important;
}

/* ==============================================================
   ИКОНКИ SVG ДЛЯ МЕНЮ НЕДВИЖИМОСТИ (ГЛОБАЛЬНО ДЛЯ ВСЕХ)
   ============================================================== */
.ai-header-bottom-nav .menu_bLine ul li a::before,
.ai-header-bottom-nav .menu_bLine ul li .active::before {
    content: "" !important; display: block !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 0 9px 0 0 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important;
}

.ai-header-bottom-nav .menu_bLine ul li:nth-child(1) a::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(1) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23f47f45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14 16 4l12 10v14H4z'/%3E%3Cpath d='M10 28V17h12v11M13 11h6M14 21h4v7h-4z'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(2) a::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(2) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23f47f45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='18' height='26' rx='1'/%3E%3Cpath d='M11 8h3M18 8h3M11 13h3M18 13h3M11 18h3M18 18h3M11 23h10M13 29v-5h6v5'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(3) a::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(3) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23f47f45' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h20M20 6l5 5-5 5'/%3E%3Cpath d='M27 21H7M12 16l-5 5 5 5'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(4) a::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(4) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23f47f45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 28V12M16 15c-7 0-10-4-10-9 6 0 10 3 10 9ZM16 15c7 0 10-4 10-9-6 0-10 3-10 9ZM16 21c-6 0-9-3-9-7 5 0 9 2 9 7ZM16 21c6 0 9-3 9-7-5 0-9 2-9 7ZM10 28h12'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(5) a::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(5) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23f47f45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='22' height='21' rx='1'/%3E%3Cpath d='M10 28V3h12v25M5 13h22M10 18h3M19 18h3M10 23h3M19 23h3'/%3E%3C/svg%3E") !important; }

/* Белые (hover) */
.ai-header-bottom-nav .menu_bLine ul li:nth-child(1) a:hover::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(1) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14 16 4l12 10v14H4z'/%3E%3Cpath d='M10 28V17h12v11M13 11h6M14 21h4v7h-4z'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(2) a:hover::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(2) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='18' height='26' rx='1'/%3E%3Cpath d='M11 8h3M18 8h3M11 13h3M18 13h3M11 18h3M18 18h3M11 23h10M13 29v-5h6v5'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(3) a:hover::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(3) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h20M20 6l5 5-5 5'/%3E%3Cpath d='M27 21H7M12 16l-5 5 5 5'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(4) a:hover::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(4) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 28V12M16 15c-7 0-10-4-10-9 6 0 10 3 10 9ZM16 15c7 0 10-4 10-9-6 0-10 3-10 9ZM16 21c-6 0-9-3-9-7 5 0 9 2 9 7ZM16 21c6 0 9-3 9-7-5 0-9 2-9 7ZM10 28h12'/%3E%3C/svg%3E") !important; }
.ai-header-bottom-nav .menu_bLine ul li:nth-child(5) a:hover::before, .ai-header-bottom-nav .menu_bLine ul li:nth-child(5) .active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='22' height='21' rx='1'/%3E%3Cpath d='M10 28V3h12v25M5 13h22M10 18h3M19 18h3M10 23h3M19 23h3'/%3E%3C/svg%3E") !important; }


/* ==============================================================
   ДЕСКТОП (ВЫШЕ 1160px)
   ============================================================== */
@media (min-width: 1161px) {
    .ai-mobile-only { display: none !important; }

    .ai-header-top { height: 72px !important; background: var(--bg-top) !important; }
    .ai-header-top-nav { height: 72px !important; }
    .ai-header-top-nav .menu_tLine {
        display: flex !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; height: 72px !important; white-space: nowrap !important;
    }
    .ai-header-top-nav .menu_tLine li { flex: 0 0 auto !important; width: auto !important; }
    .ai-header-top-nav .menu_tLine li a,
    .ai-header-top-nav .menu_tLine li .active {
        position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 72px !important; padding: 0 19px !important; color: #fff !important; background: transparent !important; font: 600 14px/1 "Manrope", Arial, sans-serif !important; text-transform: uppercase !important; white-space: nowrap !important; border: 0 !important;
    }
    .ai-header-top-nav .menu_tLine li a:hover,
    .ai-header-top-nav .menu_tLine li .active { color: var(--accent) !important; background: transparent !important; }
    .ai-header-top-nav .menu_tLine li .active::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 3px !important; background: var(--accent) !important; }

    .ai-header-main { height: 110px !important; background: var(--bg-main) !important; }
    .ai-header-main-inner { height: 110px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
    .ai-header-logo { display: block !important; flex: 0 0 380px !important; width: 380px !important; max-width: 380px !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; }
    .ai-header-logo img { width: 380px !important; max-width: 380px !important; max-height: 92px !important; object-fit: contain !important; object-position: left center !important; }
    
    .ai-header-contacts { height: 50px !important; margin-left: auto !important; padding: 0 14px !important; display: flex !important; align-items: center !important; border: 1px solid rgba(255,255,255,.30) !important; border-radius: 26px !important; background: transparent !important; }
    .ai-header-phone { display: flex !important; align-items: center !important; color: #fff !important; font: 500 17px/1 "Manrope", Arial, sans-serif !important; white-space: nowrap !important; }
    .ai-header-phone:hover { color: #f47f45 !important; }
    .ai-header-divider { display: block !important; flex: 0 0 1px !important; width: 1px !important; height: 30px !important; margin: 0 12px !important; background: rgba(255,255,255,.25) !important; }
    .ai-header-messengers { display: flex !important; align-items: center !important; gap: 8px !important; }
    .ai-header-messenger { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; flex: 0 0 40px !important; border-radius: 50% !important; overflow: hidden !important; border: 0 !important; }
    .ai-header-messenger img { width: 40px !important; height: 40px !important; max-width: 40px !important; max-height: 40px !important; object-fit: contain !important; transition: transform .2s ease !important; transform-origin: center center !important; }
    .ai-header-messenger:hover img { transform: scale(1.12) !important; }
    .ai-header-messenger--max { background: transparent !important; }
    .ai-header-messenger--telegram { background: #229ed9 !important; }
    .ai-header-messenger--whatsapp { background: #25d366 !important; }

    #menu_label { display: none !important; }

    .ai-header-bottom { height: 66px !important; background: var(--bg-bottom) !important; }
    .ai-header-bottom-nav { height: 66px !important; }
    .ai-header-bottom-nav .menu_bLine ul { display: flex !important; align-items: stretch !important; width: 100% !important; height: 66px !important; margin: 0 !important; padding: 0 !important; }
    .ai-header-bottom-nav .menu_bLine ul li { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; border-left: 1px solid rgba(255,255,255,.10) !important; }
    .ai-header-bottom-nav .menu_bLine ul li:first-child { border-left: 0 !important; }
    
    .ai-header-bottom-nav .menu_bLine ul li:nth-child(-n+4) { flex: 0.95 1 0 !important; }
    .ai-header-bottom-nav .menu_bLine ul li:nth-child(5) { flex: 1.20 1 0 !important; }

    .ai-header-bottom-nav .menu_bLine ul li a,
    .ai-header-bottom-nav .menu_bLine ul li .active {
        position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 66px !important; padding: 0 8px !important; color: #fff !important; background: transparent !important; font: 500 13px/1.15 "Manrope", Arial, sans-serif !important; text-align: center !important; white-space: nowrap !important; border: 0 !important;
    }
    .ai-header-bottom-nav .menu_bLine ul li a:hover,
    .ai-header-bottom-nav .menu_bLine ul li .active { color: #fff !important; background: var(--accent) !important; }

    .ai-header-bottom-nav .menu_bLine ul li a .menu_img,
    .ai-header-bottom-nav .menu_bLine ul li .active .menu_img,
    .ai-header-bottom-nav .menu_bLine ul li a::after,
    .ai-header-bottom-nav .menu_bLine ul li .active::after { display: none !important; }
}

/* ==============================================================
   TABLET & MOBILE (ДО 1160px) — ЕДИНЫЙ ВЫПАДАЮЩИЙ БЛОК
   ============================================================== */
@media (max-width: 1160px) {
    .ai-desktop-only { display: none !important; }

    #bx-panel, .bx-panel-wrap, #bitrix_panel { display: none !important; height: 0 !important; width: 0 !important; opacity: 0 !important; visibility: hidden !important; overflow: hidden !important; position: absolute !important; }
    body { padding-top: 0 !important; }

    .ai-header-container { max-width: calc(100% - 30px) !important; width: 100% !important; }
    .ai-header-root { display: flex !important; flex-direction: column !important; }

    .ai-header-main { order: 1 !important; background: var(--bg-main) !important; position: relative !important; z-index: 1010 !important; }
    .ai-header-main-inner { padding: 15px 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; }
    .ai-header-logo { flex: 0 1 250px !important; max-width: 60% !important; }
    .ai-header-logo img { width: 100% !important; max-height: 50px !important; object-fit: contain !important; object-position: left center !important;}

    .ai-header-contacts { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; height: 50px !important; padding: 0 14px !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.30) !important; border-radius: 26px !important; background: transparent !important; display: flex !important; align-items: center !important; margin-top: 5px !important; position: relative !important; z-index: 5 !important;}
    .ai-header-phone { font-size: 15px !important; color: #fff !important; font-weight: 600 !important;}
    .ai-header-divider { height: 28px !important; width: 1px !important; margin: 0 10px !important; background: rgba(255,255,255,.25) !important; }
    .ai-header-messengers { display: flex !important; gap: 8px !important; }
    .ai-header-messenger { width: 34px !important; height: 34px !important; border-radius: 50% !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    .ai-header-messenger img { width: 34px !important; height: 34px !important; }
    .ai-header-messenger--telegram { background: #229ed9 !important; }
    .ai-header-messenger--whatsapp { background: #25d366 !important; }

    #menu_label { display: flex !important; order: 2 !important; width: 50px !important; height: 50px !important; align-items: center !important; justify-content: center !important; border: 2px solid #f47f45 !important; border-radius: 7px !important; background: transparent !important; cursor: pointer !important; position: relative !important; z-index: 20 !important;}
    #nav-toggle { position: relative !important; width: 28px !important; height: 20px !important; }
    #nav-toggle span, #nav-toggle span::before, #nav-toggle span::after { position: absolute !important; left: 0 !important; width: 28px !important; height: 3px !important; background: #fff !important; border-radius: 2px !important; transition: all 0.3s ease !important; content: '' !important; }
    #nav-toggle span { top: 8px !important; }
    #nav-toggle span::before { top: -8px !important; }
    #nav-toggle span::after { top: 8px !important; }

    #menu_label.open #nav-toggle span { background: transparent !important; }
    #menu_label.open #nav-toggle span::before { top: 0 !important; transform: rotate(45deg) !important; }
    #menu_label.open #nav-toggle span::after { top: 0 !important; transform: rotate(-45deg) !important; }

    /* ==============================================================
       АНИМАЦИЯ ЕДИНОГО БЛОКА (ФИКС 1: top: 100%)
       ============================================================== */
    .ai-header-mobile-overlay {
        position: absolute !important;
        left: 0 !important;
        top: 100% !important; /* Меню выпадает строго из-под шапки */
        width: 100% !important;
        background: rgba(37, 43, 51, 0.98) !important;
        
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        
        transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0s linear 0.4s !important;
        z-index: 10 !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        transform: translateZ(0) !important;
    }

    .ai-header-root:has(#menu_label.open) .ai-header-mobile-overlay {
        max-height: 1200px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0s linear 0s !important;
    }

    /* ФИКС 2: Убираем боковые отступы контейнера, чтобы плашка была от края до края */
    .ai-header-mobile-overlay .ai-header-container { 
        max-width: 100% !important; 
        margin: 0 !important; 
        padding: 0 !important; 
    }

    .ai-header-mobile-nav-top {
        background: rgba(17, 17, 17, 0.98) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
        margin-top: 10px !important;
        padding-bottom: 20px !important;
    }

    .ai-header-mobile-overlay .menu_bLine ul,
    .ai-header-mobile-overlay .menu_tLine { display: block !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
    
    .ai-header-mobile-overlay .menu_bLine ul li,
    .ai-header-mobile-overlay .menu_tLine li { display: block !important; width: 100% !important; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; }

    /* Отступы текста остаются, но плашка будет растягиваться на 100% */
    .ai-header-mobile-overlay .menu_bLine ul li a,
    .ai-header-mobile-overlay .menu_bLine ul li .active,
    .ai-header-mobile-overlay .menu_tLine li a,
    .ai-header-mobile-overlay .menu_tLine li .active {
        display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; 
        min-height: 56px !important; height: auto !important; padding: 14px 20px !important; color: #fff !important; 
        font-family: "Manrope", Arial, sans-serif !important; text-align: left !important; background: transparent !important; 
        white-space: normal !important; line-height: 1.3 !important;
        transform: translateZ(0) !important;
    }

    .ai-header-mobile-overlay .menu_bLine ul li a,
    .ai-header-mobile-overlay .menu_bLine ul li .active { font-size: 15px !important; font-weight: 500 !important; }
    
    .ai-header-mobile-overlay .menu_tLine li a,
    .ai-header-mobile-overlay .menu_tLine li .active { font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; }

    /* ФИКС: Активные пункты и пункты при наведении меняют цвет шрифта (БЕЗ ФОНА) */
    .ai-header-mobile-overlay .menu_bLine ul li a:hover,
    .ai-header-mobile-overlay .menu_bLine ul li .active,
    .ai-header-mobile-overlay .menu_tLine li:not(:first-child) a:hover,
    .ai-header-mobile-overlay .menu_tLine li:not(:first-child) .active {
        color: var(--accent) !important;
        background: transparent !important;
    }

    /* ОРАНЖЕВАЯ ПОЛОСА ОТ КРАЯ ДО КРАЯ - ТОЛЬКО ДЛЯ "ГЛАВНАЯ" ВСЕГДА */
    .ai-header-mobile-overlay .menu_tLine li:first-child a,
    .ai-header-mobile-overlay .menu_tLine li:first-child .active { 
        background: var(--accent) !important; 
        color: #fff !important; 
        border-bottom: none !important; 
    }
    
    .ai-header-mobile-overlay .menu_tLine li .active::after { display: none !important; }

    .ai-header-mobile-overlay .menu_bLine ul li a .menu_img,
    .ai-header-mobile-overlay .menu_bLine ul li .active .menu_img { display: none !important; }
}


/* =========================================================
   STATIC DESKTOP MENU — NO FLY / NO FADE / NO FIXED
   Только отключаем плавающее поведение desktop-меню.
   Остальной дизайн, иконки, hover/active и mobile не трогаем.
   ========================================================= */
@media screen and (min-width: 1161px) {
  .ai-header-root .ai-header-bottom-nav .menu_bLine,
  .ai-header-root .ai-header-bottom-nav .menu_bLine.default,
  .ai-header-root .ai-header-bottom-nav .menu_bLine.fly,
  .ai-header-root .ai-header-bottom-nav .menu_bLine.default.fly {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;

    z-index: auto !important;
    pointer-events: auto !important;
  }
}


/* =========================================================
   ЛОКАЛЬНЫЕ SVG — ЧЁТКИЙ РЕНДЕР
   ========================================================= */

/* Используем content:url() — это корректный CSS-способ
   заменить источник <img> без изменения HTML/PHP. */
.ai-header-messenger img {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
}

/* Твои локальные SVG */
.ai-header-messenger--max img {
    content: url("/bitrix/templates/alanya-invest-templates/img/max.svg") !important;
}

.ai-header-messenger--telegram img {
    content: url("/bitrix/templates/alanya-invest-templates/img/tg.svg") !important;
}

.ai-header-messenger--whatsapp img {
    content: url("/bitrix/templates/alanya-invest-templates/img/wa.svg") !important;
}


@media screen and (max-width: 1160px) {
    .ai-header-messenger img {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
    }
}


/* =========================================================
   АНИМАЦИЯ ИКОНОК ПРИ НАВЕДЕНИИ
   SVG внутри остаётся без transform — масштабируется
   сам круг-контейнер, поэтому SVG не получает лишнюю
   трансформацию и остаётся визуально чистым.
   ========================================================= */
.ai-header-messenger {
    transition: transform .2s ease !important;
    transform: none !important;
    transform-origin: center center !important;
}

.ai-header-messenger:hover {
    transform: scale(1.12) !important;
}