/* ===========================================================
   ВЕРТИКАЛЬНОЕ МЕНЮ С ПРОКРУТКОЙ - ЦЕНТРИРОВАННАЯ ВЕРСИЯ
   =========================================================== */

/* === 1. КОЛОНКА С МЕНЮ (ЦЕНТРАЛЬНАЯ) === */
#column-wrap-id-1714632107183 {
    /* Отступы и фон */
    padding: 15px !important;
  /*  background-color: #ffffff !important;*/
    
    /* Flex для центрирования */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Центрирование по горизонтали */
    justify-content: flex-start !important; /* Прижатие к верху */
    
    /* Высота */
    min-height: 250px !important;
    height: auto !important;
}

/* === 2. ВСЕ ВЛОЖЕННЫЕ КОНТЕЙНЕРЫ - центрируем === */
#column-wrap-id-1714632107183 .sppb-column-addons,
#column-wrap-id-1714632107183 .sppb-addon-wrapper,
#column-wrap-id-1714632107183 .sppb-addon,
#column-wrap-id-1714632107183 .sppb-addon-content {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;          /* Центрирование */
    padding: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
}

/* === 3. ОСНОВНОЙ КОНТЕЙНЕР СПИСКА МЕНЮ === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    
    /* Высота и прокрутка */
    max-height: 250px !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 0 0 auto !important;
    
    /* Отступы и фон */
    padding: 3px 0 !important;
    margin: 0 auto !important;          /* Центрирование через margin */
    list-style: none !important;
    width: auto !important;              /* Автоширина по содержимому */
    min-width: 200px !important;         /* Минимальная ширина */
    max-width: 100% !important;          /* Не больше колонки */
    background: #ffffff !important;
    border-radius: 4px !important;
    border: 1px solid #e8e8e8 !important;
    box-sizing: border-box !important;
    
    /* Сброс возможных float */
    float: none !important;
    clear: both !important;
}

/* === 4. ПУНКТЫ МЕНЮ === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    padding: 5px 12px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: background 0.2s ease !important;
}

/* === 5. ЧЕРЕДОВАНИЕ ФОНА (ЗЕБРА) === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li:nth-child(odd) {
    background-color: #f9f9f9 !important;
}
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li:nth-child(even) {
    background-color: #ffffff !important;
}

/* === 6. ПРИ НАВЕДЕНИИ === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li:hover {
    background-color: #e3f0ff !important;
    cursor: pointer !important;
}

/* === 7. АКТИВНЫЙ ПУНКТ === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li.active {
    background-color: #d4e8ff !important;
    border-left: 3px solid #007bff !important;
}
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li.active > a {
    color: #0056b3 !important;
    font-weight: 600 !important;
}

/* === 8. ССЫЛКИ В ПУНКТАХ === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu > li > a {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding: 2px 0 !important;
    background: transparent !important;
}

/* === 9. КРАСИВЫЙ СКРОЛЛБАР === */
#column-wrap-id-1714632107183 .nav.menuvertical-menu::-webkit-scrollbar {
    width: 5px !important;
}
#column-wrap-id-1714632107183 .nav.menuvertical-menu::-webkit-scrollbar-thumb {
    background: #cccccc !important;
    border-radius: 10px !important;
}
#column-wrap-id-1714632107183 .nav.menuvertical-menu::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

/* === 10. РАВНАЯ ВЫСОТА ДЛЯ ВСЕХ КОЛОНОК В СТРОКЕ === */
.sppb-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}
/* ===========================================================
   ВТОРОЕ ВЕРТИКАЛЬНОЕ МЕНЮ (ДЛЯ ВИДЕО)
   =========================================================== */

/* === 1. КОЛОНКА С МЕНЮ === */
#column-wrap-id-1715751324207 {
    /* Отступы и фон */
    padding: 15px !important;
  
    
    /* Flex для центрирования */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Центрирование по горизонтали */
    justify-content: flex-start !important; /* Прижатие к верху */
    
    /* Высота */
    min-height: 250px !important;
    height: auto !important;
}

/* === 2. ВСЕ ВЛОЖЕННЫЕ КОНТЕЙНЕРЫ - центрируем === */
#column-wrap-id-1715751324207 .sppb-column-addons,
#column-wrap-id-1715751324207 .sppb-addon-wrapper,
#column-wrap-id-1715751324207 .sppb-addon,
#column-wrap-id-1715751324207 .sppb-addon-content {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;          /* Центрирование */
    padding: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
}

/* === 3. БЛОК-ОБЁРТКА МЕНЮ === */
#sppb-addon-wrapper-1714553463216 {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
}

/* === 4. КОНТЕЙНЕР МЕНЮ === */
#sppb-addon-1714553463216 {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
}

/* === 5. ОСНОВНОЙ КОНТЕЙНЕР СПИСКА МЕНЮ === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    
    /* Высота и прокрутка */
    max-height: 250px !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 0 0 auto !important;
    
    /* Отступы и фон */
    padding: 3px 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    border: 1px solid #e8e8e8 !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

/* === 6. ПУНКТЫ МЕНЮ === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    padding: 5px 12px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: background 0.2s ease !important;
}

/* === 7. ЧЕРЕДОВАНИЕ ФОНА (ЗЕБРА) === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li:nth-child(odd) {
    background-color: #f9f9f9 !important;
}
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li:nth-child(even) {
 background-color: #ffffff !important;
}

/* === 8. ПРИ НАВЕДЕНИИ === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li:hover {
    background-color: #e3f0ff !important;
    cursor: pointer !important;
}

/* === 9. АКТИВНЫЙ ПУНКТ === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li.active,
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li.current {
    background-color: #d4e8ff !important;
    border-left: 3px solid #007bff !important;
}
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li.active > a,
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li.current > a {
    color: #0056b3 !important;
    font-weight: 600 !important;
}

/* === 10. ССЫЛКИ В ПУНКТАХ === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu > li > a {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding: 2px 0 !important;
    background: transparent !important;
}

/* === 11. КРАСИВЫЙ СКРОЛЛБАР === */
#column-wrap-id-1715751324207 .nav.menuvertical-menu::-webkit-scrollbar {
    width: 5px !important;
}
#column-wrap-id-1715751324207 .nav.menuvertical-menu::-webkit-scrollbar-thumb {
    background: #cccccc !important;
    border-radius: 10px !important;
}
#column-wrap-id-1715751324207 .nav.menuvertical-menu::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}