.elementor-15508 .elementor-element.elementor-element-c9c1c12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-15508 .elementor-element.elementor-element-3b4c945{--display:flex;}.elementor-15508 .elementor-element.elementor-element-fb52b81 .wd-sub-accented > li > a{font-family:"ACityNovaBold", Sans-serif;font-size:22px;color:#000000;}.elementor-15508 .elementor-element.elementor-element-fb52b81 .wd-sub-accented > li > a:hover{color:#2A6CBB;}.elementor-15508 .elementor-element.elementor-element-fb52b81 .sub-sub-menu > li > a{font-family:"Arial, Helvetica, sans-serif", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-15508 .elementor-element.elementor-element-fb52b81 .sub-sub-menu > li:hover > a{color:#2A6CBE;}.elementor-15508 .elementor-element.elementor-element-68a3515{--display:flex;}.elementor-15508 .elementor-element.elementor-element-57692b8 .wd-sub-accented > li > a{font-family:"ACityNovaBold", Sans-serif;font-size:22px;color:#000000;}.elementor-15508 .elementor-element.elementor-element-57692b8 .wd-sub-accented > li > a:hover{color:#2A6CBB;}.elementor-15508 .elementor-element.elementor-element-57692b8 .sub-sub-menu > li > a{font-family:"Arial, Helvetica, sans-serif", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-15508 .elementor-element.elementor-element-57692b8 .sub-sub-menu > li:hover > a{color:#2A6CBE;}.elementor-15508 .elementor-element.elementor-element-d65cc19{--display:flex;}.elementor-15508 .elementor-element.elementor-element-998b36e .wd-sub-accented > li > a{font-family:"ACityNovaBold", Sans-serif;font-size:22px;color:#000000;}.elementor-15508 .elementor-element.elementor-element-998b36e .wd-sub-accented > li > a:hover{color:#2A6CBB;}.elementor-15508 .elementor-element.elementor-element-998b36e .sub-sub-menu > li > a{font-family:"Arial, Helvetica, sans-serif", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-15508 .elementor-element.elementor-element-998b36e .sub-sub-menu > li:hover > a{color:#2A6CBE;}.elementor-15508 .elementor-element.elementor-element-3204da3{--display:flex;}.elementor-15508 .elementor-element.elementor-element-25efcb4 .wd-sub-accented > li > a{font-family:"ACityNovaBold", Sans-serif;font-size:22px;color:#000000;}.elementor-15508 .elementor-element.elementor-element-25efcb4 .wd-sub-accented > li > a:hover{color:#2A6CBB;}.elementor-15508 .elementor-element.elementor-element-25efcb4 .sub-sub-menu > li > a{font-family:"Arial, Helvetica, sans-serif", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-15508 .elementor-element.elementor-element-25efcb4 .sub-sub-menu > li:hover > a{color:#2A6CBE;}.elementor-15508 .elementor-element.elementor-element-02571c7{--display:flex;}.elementor-15508 .elementor-element.elementor-element-ab1d97f .wd-sub-accented > li > a{font-family:"ACityNovaBold", Sans-serif;font-size:22px;color:#000000;}.elementor-15508 .elementor-element.elementor-element-ab1d97f .wd-sub-accented > li > a:hover{color:#2A6CBB;}.elementor-15508 .elementor-element.elementor-element-ab1d97f .sub-sub-menu > li > a{font-family:"Arial, Helvetica, sans-serif", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-15508 .elementor-element.elementor-element-ab1d97f .sub-sub-menu > li:hover > a{color:#2A6CBE;}@media(min-width:769px){.elementor-15508 .elementor-element.elementor-element-c9c1c12{--content-width:850px;}.elementor-15508 .elementor-element.elementor-element-3b4c945{--width:20%;}.elementor-15508 .elementor-element.elementor-element-68a3515{--width:20%;}.elementor-15508 .elementor-element.elementor-element-d65cc19{--width:20%;}.elementor-15508 .elementor-element.elementor-element-3204da3{--width:20%;}.elementor-15508 .elementor-element.elementor-element-02571c7{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-c9c1c12 *//* =========================================
   CUSTOM MENU DROPDOWN (850px + GAP FIX)
   ========================================= */

/* --- 1. Родительский пункт --- */
li.prod {
    position: relative !important;
}

/* --- 2. Контейнер выпадающего меню --- */
li.prod .custom-html-dropdown {
    /* Центровка */
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    
    /* Анимация */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    
    /* Оформление */
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    padding: 20px;
    border-radius: 4px;
    z-index: 999;
    
    /* ШИРИНА: строго по контенту */
    width: max-content !important;
    min-width: unset !important;
    max-width: 95vw;
    list-style: none;
}

/* --- 3. Hover эффект --- */
li.prod:hover .custom-html-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* --- 4. Фикс ширины и GAP (ОБНОВЛЕНО) --- */
.elementor-element.elementor-element-c9c1c12 {
    width: 850px !important; /* Уменьшили до 850px */
}

/* Уменьшаем отступы между колонками внутри контейнера */
li.prod .custom-html-dropdown .elementor-element-c9c1c12, 
li.prod .custom-html-dropdown .elementor-element-c9c1c12 > .e-con-inner {
    gap: 10px !important; /* Ставим компактный отступ (по умолчанию часто 20px) */
}

/* =========================================
   СБРОСЫ И ФИКСЫ
   ========================================= */

/* 5. Показываем скрытые списки */
li.prod .custom-html-dropdown .elementor-sub-item-html-block ul,
li.prod .custom-html-dropdown .elementor-sub-item-html-block li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    transform: none !important;
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 6. Восстанавливаем Flexbox */
li.prod .custom-html-dropdown .e-con,
li.prod .custom-html-dropdown .e-con-inner {
    display: flex !important;
}

/* --- 7. ВАЖНО: Сброс Margin, восстановление высоты и ПЕРЕНОСЫ --- */
li.prod .custom-html-dropdown .elementor-sub-item-html-block a {
    /* УБИРАЕМ margin, который растягивал блок */
    margin: 0 !important; 
    
    /* ВОЗВРАЩАЕМ padding: initial для корректной высоты */
    padding: initial !important; 
    
    /* Стили текста */
    background-color: transparent !important;
    color: inherit;
    font-size: inherit;
    line-height: 1.25 !important; /* Чуть плотнее для многострочных названий */
    
    /* НАСТРОЙКА ПЕРЕНОСОВ (для длинных слов типа "Бестрансформаторные") */
    white-space: normal !important; 
    word-break: normal !important;  
    overflow-wrap: break-word !important; 
    
    /* Включаем умные переносы (дефисы), если браузер поддерживает */
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;

    /* Border не трогаем, чтобы полоски Woodmart остались */
}

/* 8. Woodmart Fix */
li.prod .custom-html-dropdown .wd-sub-menu {
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
}/* End custom CSS */