.td-vector {pointer-events: none;} img {-webkit-user-drag: none;user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.popup-menu {
    transform-origin: 0px 0px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}

.popup-menu:focus {
    box-shadow: none;
    user-select: none;
}


/* --- ОБЫЧНОЕ СОСТОЯНИЕ: линия невидима --- */
.header-link[data-elem-type="text"] a::after,
.tbMailunderline[data-elem-type="text"]::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;  /* отступ линии вниз */
    width: 0;
    height: 1.5px;  
    background: #1F2937 !important;
    opacity: 1;
    transition: width 0.3s ease, background 0.3s;
}

/* --- ХОВЕР: линия растёт --- */
.header-link[data-elem-type="text"] a:hover::after,
.tbMailunderline[data-elem-type="text"]:hover::after {
    width: 100%;
    background: #2563EB !important;
}

/* --- Основные стили для ссылок/текста --- */
.header-link[data-elem-type="text"] a,
.tbMailunderline[data-elem-type="text"] {
    position: relative;
    display: inline-block;
    color: inherit;
    transition: color 0.3s ease;
    border: 0 !important;
    width: auto !important;
    cursor: pointer;
}

/* Цвет текста при ховере */
.header-link[data-elem-type="text"] a:hover,
.tbMailunderline[data-elem-type="text"]:hover {
    color: #2563EB !important;
}

.footer-link[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* --- footer-link --- */

.footer-link a:hover {
    /* цвет ссылки после наведения */
    color: #ffffff !important;
    
}

.footer-link[data-elem-type="text"] a:after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -3px;
    /* толщина подчеркивания */
    height: 0.75px;  
    /* цвет подчеркивания до наведения */
    background: #ffffff; 
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 0;
     
}

.footer-link[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #ffffff;
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
     
}

a.ft_link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.ft_link__text {
  position: relative;
  display: inline-block;
}

.ft_link__text::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -3px;
  width: 0%;
  height: 0.75px;
  background: #fff;
  transition: width 0.3s ease;
}

a.ft_link:hover .ft_link__text::after {
  width: 100%;
  margin-bottom: -3px;
  
}

/* LinkedIn */

a.ft_link .ft_link__icon svg path[title="bg"],
a.ft_link .ft_link__icon svg path[title="in"],
a.ft_link .ft_link__icon svg path[title="wApp"] {
  transition: fill 0.3s ease-in-out;
}

a.ft_link:hover .ft_link__icon svg path[title="bg"] {
  fill: #2563EB; /* bg */
}

a.ft_link:hover .ft_link__icon svg path[title="in"] {
  fill: #FFFFFF; /* in */
}

a.ft_link:hover .ft_link__icon svg path[title="wApp"] {
  fill: #1DF06E; /* wA */
}