:root {
/*color*/
--color-text-primary: #1E1E1E; 
--color-text-secondary: #707070;
--color-text-disabled: #ACACAC;

--color-border: #F0F0F0;
--color-border-active: #1E1E1E;

--color-brand: #42FF03;
--color-brand-active: #3DEC00;

--color-error: #C83519;

--color-checkbox-border: #D9D9D9;
--color-checkbox-border-hover: #BBBBBB;
--color-checkbox-indicator: #1E1E1E;

--border-radius-main: 3px;

--margin-page: 18px;
--topbar-height: 24px;
--menu-height: 72px;
--submenu-height: 50px;

--color-link-hover: var(--color-text-secondary);

@media (max-width: 1199px) {
    :root {
        --margin-page: 16px;
        --menu-height: 64px;
        --submenu-height: 50px;
    }
}
@media (max-width: 639px) {
    :root {
        --menu-height: 60px;
        --submenu-height: 50px;
    }
}

/* ======================================================
   ТИПОГРАФИКА
   ====================================================== */
   
/* font-family */
--font-family-main: 'FormularNeutral', Arial, sans-serif;
--font-family-secondary: 'FormularNeutralMono', Arial, sans-serif;

/* T2 */
--t2-font-family: var(--font-family-secondary);
--t2-size: 12px;
--t2-weight: 400;
--t2-line-height: 1.17;
--t2-letter-spacing: 0.12px;
--t2-text-transform: uppercase;

/* T4 */
--t4-font-family: var(--font-family-secondary);
--t4-size: 10px;
--t4-weight: 400;
--t4-line-height: 1.2;
--t4-letter-spacing: 0.12px;
--t4-text-transform: uppercase;
}


/* ======================================================
   МЕНЮ
   ====================================================== */
   
/* Кнопка меню */
.btn-nav {
    /*position: relative;*/
    /*z-index: 1;*/
}

/* Линии в кнопке меню */
.btn-nav::before,
.btn-nav::after {
    /*pointer-events: none;*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*width: 12px;*/
    /*height: 1px;*/
    /*background: #000;*/
    /*transform: translateX(-50%);*/
    /*transition: transform 0.3s ease, top 0.3s ease;*/
    /*z-index: 2;*/
}

/* Верхняя линия */
.btn-nav::before {
    /*top: 14px;*/
}

/* Нижняя линия */
.btn-nav::after {
  /*top: 18px;*/
}

/* Открытое состояние меню*/
.btn-nav.is-open::before {
  /*top: 16px;*/
  /*transform: translateX(-50%) rotate(45deg);*/
}

.btn-nav.is-open::after {
  /*top: 16px;*/
  /*transform: translateX(-50%) rotate(-45deg);*/
}

/* Стили для активного пункта меню */
.menu-main-item.active .tn-atom__button-icon::before,
.menu-sub-item.active .tn-atom__button-icon::before {
  background-image: var(--icon-hover, none) !important;
}

/*Подменю*/
.uc-submenu {
    border-bottom: 1px solid var(--color-border);
}


/* ======================================================
   ГЛАВНАЯ СТРАНИЦА
   ====================================================== */

/* Hero */
.hero-img {
    height: 100% !important;
}

/* Подчеркивание ссылок */
.link_underline[data-elem-type="text"] a {
    transition: all 0.3s ease !important;
    border-bottom: 1px solid #1E1E1E;
}

/* Подчеркивание ссылок при наведении */
.link_underline[data-elem-type="text"] a:hover {
    color: var(--color-link-hover) !important;
    border-bottom: 1px solid var(--color-link-hover) !important;
}

/* Секция Информация */
@media screen and (min-width: 1200px) {
    .link_text .tn-atom  {
        transition: all 0.3s ease !important;
    }
    .link_container:hover .link_text .tn-atom {
        color: var(--color-link-hover) !important;
    }
}


/* ======================================================
   СТРАНИЦА ПРОДУКТЫ
   ====================================================== */

/* Наведение на карточку товара */
@media screen and (min-width: 1200px) {
    .products__item-card:hover .products__item-name .tn-atom {
        color: var(--color-link-hover) !important;
    }
}


/* ======================================================
   СТРАНИЦА ТОВАРА 
   ====================================================== */

/* КАРТОЧКА ТАВАРА. Слайдер*/
/* Точки */
.product__gallery .t-slds__bullet_body {
    border-radius: 0px;
}
/* Точки при наведении */
.product__gallery .t-slds__bullet_body:hover {
    background-color: var(--color-brand) !important;
}

/* Стрелки */
.product__gallery .t-slds__arrow {
    display: flex;
    width: 24px !important;
    height: 24px !important;
    border-radius: 3px;
}
@media (max-width: 480px) {
    .product__gallery .t-slds__arrow_container {
        opacity: 0;
    }
}
   
    
/* КАРТОЧКА ТАВАРА. Кнопки толщины*/
/* активные кнопки толщины */
.product-width {
    cursor: pointer;
}
.product-width.is-active .tn-atom {
  border-color: var(--color-border-active) !important;
}


/* ПОПАП*/
/* Скрытие табов внутри попапа */
.uc-popup-product .popup-tab.is-hidden { 
    display:none !important; 
}

/* Активные кнопки верхних табов в попапе */
.popup-tab-btn {
     cursor: pointer;
 }
.t-popup .popup-tab-btn.is-active .tn-atom__button-text {
    color: var(--color-text-primary) !important;
}

/* Кнопки сертификатов*/
.btn_download .tn-atom__button-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.btn_download .tn-atom__button-text {
    text-align: left;
}


/* ======================================================
   СТРАНИЦА НОВОСТИ
   ====================================================== */

/*Наведение на карточку новости*/
@media (min-width: 1200px) {
    .news__item-img {
        overflow: hidden;
    }
    .news__item-img .t-bgimg {
        transition: all 0.5s ease !important;
        transform: scale(1);   
    }
    .news__item-name .tn-atom,
    .news__item-eyebrow-icon .tn-atom {
        transition: color 0.3s ease !important;    
    }
    .news__item-card:hover .news__item-img .t-bgimg {
        transform: scale(1.1);
    }
    .news__item-card:hover .news__item-name .tn-atom {
        color: var(--color-link-hover) !important;
    }
    .news__item-card:hover .news__item-eyebrow-icon .tn-atom {
        background-color: var(--color-link-hover) !important;
    }
}


/* ======================================================
   СТРАНИЦА КАРЬЕРА
   ====================================================== */
   
/*Наведение на карточку вакансии*/
@media (min-width: 1200px) {
    .career-title .tn-atom,
    .careel-link .tn-atom,
    .careel-link svg path {
        transition: all 0.3s ease !important;
    }
    
    /*заголовок*/
    .career-item:hover .career-title .tn-atom {
        color: var(--color-link-hover) !important;
    }
    
    /*ссылка*/
    .career-item:hover .careel-link .tn-atom {
        color: var(--color-link-hover) !important;
    }
    /*иконка ссылки*/
    .career-item:hover .careel-link svg path {
        fill: var(--color-link-hover) !important;
    }
}