/*#region СТИЛЬ ФОРМЫ ПОИСКА*/    
    .t838 {
        margin-right: 50px !important;
        margin-top: 25px !important;
    }
    
    .t838 svg{
    visibility: hidden;
    }
    
    .t-site-search-dm {
        height: 350px !important;
    }
    
    .t-site-search-dm .t-text, .t-site-search-dm .t-name, .t-site-search-dm .t-descr {
        font-size: 9px !important; /* Уменьшаем размер шрифта */
    }
    
    .t-site-search-dm img {
        width: 50% !important;
        height: auto;
    }
    
    /* Уменьшение размера строки поиска внутри объекта с классом t838 */
    .t838 .t-input{
        width: 200px !important; /* Устанавливаем ширину строки поиска */
        height: 30px !important; /* Устанавливаем высоту строки поиска */
        padding: 5px !important; /* Уменьшаем внутренние отступы */
        font-size: 14px !important; /* Уменьшаем размер шрифта */
    }
    
    /* Уменьшение размера кнопки внутри объекта с классом t838 */
    .t838 .t-submit{
        width: 100px !important; /* Устанавливаем ширину кнопки */
        height: 30px !important; /* Устанавливаем высоту кнопки */
        padding: 5px !important; /* Уменьшаем внутренние отступы */
        font-size: 14px !important; /* Уменьшаем размер шрифта */
        line-height: 1.2 !important; /* Корректируем межстрочный интервал */
    }
    

    
    /*#endregion СТИЛЬ ФОРМЫ ПОИСКА*/
    
    /*#region ХАРАКЕТИРИСТИКИ И КОМПЛЕКТАЦИЯ ТОВАРА ВЫПАДАЮЩИЙ СПИСОК*/
    .t668 .t-name{
        transition: color 0.3s ease; /* Плавный переход цвета */
    }
    
    /* Стиль текста при наведении */
    .t668 .t-name:hover {
        transition: color 0.3s ease; /* Плавный переход цвета */
        color: white !important; /* Белый цвет текста при наведении */
    }
    /*#endregion ХАРАКЕТИРИСТИКИ И КОМПЛЕКТАЦИЯ ТОВАРА ВЫПАДАЮЩИЙ СПИСОК*/
    
    /*#region КАТЕГОРИИ*/ 
    /*НАЗВАНИЯ БРЕНДОВ В КАТЕГОРИЯХ*/
    
    div.category-brand-name-bal a{
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-brand-name-bal:hover a{
        color: #ff7000 !important;
        background-color: #e6e6e6 !important;
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-brand-name-seel a{
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-brand-name-seel:hover a{
        color: #56b129 !important;
        background-color: #e6e6e6 !important;
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-acess a{
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-acess:hover a{
        color: #760094 !important;
        background-color: #e6e6e6 !important;
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-def a{
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    div.category-def:hover a{
        color: #001685 !important;
        background-color: #e6e6e6 !important;
        transition: color, background-color 2s ease;
        border-radius: 2px; /* Закругленные углы (опционально) */
    }
    
    /* Описание категорий*/
    /* BALEVER */ 
    div.bal-descr {
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        position: relative !important;
    }
    
    div.bal-descr:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px !important;
        background: linear-gradient(45deg, #d4c013, #f23d3d);
        opacity: 0; /* Скрыт по умолчанию */
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        z-index: 1; /* Под текстом, но над основным фоном */
    }
    
    /* При наведении показываем градиент */
    div.bal-descr:hover::before {
        opacity: 1;
    }
    
        /* Текст поверх всего */
    div.bal-descr h2{
        position: relative !important;
        z-index: 2;
    }
    
    /* SEELOCK */ 
    div.seel-descr {
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        position: absolute !important;
    }
    
    div.seel-descr:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px !important;
        background: linear-gradient(45deg, #10e04b, #4b32ed);
        opacity: 0; /* Скрыт по умолчанию */
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        z-index: 1; /* Под текстом, но над основным фоном */
    }
    
    /* При наведении показываем градиент */
    div.seel-descr:hover::before {
        opacity: 1;
    }
    
        /* Текст поверх всего */
    div.seel-descr h2{
        position: relative !important;
        z-index: 2;
    }
    
    /* АКСЕССУАРЫ */
    div.acs-descr {
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        position: absolute !important;
    }
    
    div.acs-descr:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px !important;
        background: linear-gradient(45deg, #d40fc0, #b4de0d);
        opacity: 0; /* Скрыт по умолчанию */
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        z-index: 1; /* Под текстом, но над основным фоном */
    }
    
    /* При наведении показываем градиент */
    div.acs-descr:hover::before {
        opacity: 1;
    }
    
        /* Текст поверх всего */
    div.acs-descr h2{
        position: relative !important;
        z-index: 2;
    }
    
    /* ЗАЩИТА */
    div.def-descr {
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        position: absolute !important;
    }
    
    div.def-descr:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px !important;
        background: linear-gradient(45deg, #36e3e3, #e39e36);
        opacity: 0; /* Скрыт по умолчанию */
        transition: opacity 0.5s ease-in-out; /* Плавный переход прозрачности */
        z-index: 1; /* Под текстом, но над основным фоном */
    }
    
    /* При наведении показываем градиент */
    div.def-descr:hover::before {
        opacity: 1;
    }
    
        /* Текст поверх всего */
    div.def-descr h2{
        position: relative !important;
        z-index: 2;
    }
    
    /*#endregion КАТЕГОРИИ*/ 
    
    /*#region ПОДВАЛ САЙТА*/
    /* ССЫЛКИ КОНТАКТОВ */
    div.uc-contact a {
        transition: color 1s ease;
    }
    
    div.uc-contact a:hover {
        color: #b07e00 !important;
        transition: color 1s ease;
    }
    /*#endregion ПОДВАЛ САЙТА*/

    /*#region ШАПКА САЙТА*/

    div.menu-a a {
        transition: color 2s ease;
    }
    
    div.menu-a a:hover {
        color: #8cba51 !important;
        transition: color 2s ease;
    }
    
    div.menu-a-access a {
        transition: color 2s ease;
    }
    
    div.menu-a-access a:hover {
        color: #9400ab !important;
        transition: color 2s ease;
    }
    /*#endregion ШАПКА САЙТА*/