/* Уверяваме се, че родителят е позициониран правилно */
.elementor-element.elementor-element-356d9ac5 {
  position: relative !important;
  overflow: visible !important;
}

/* Настройваме менюто */
.elementor-element.elementor-element-356d9ac5 .dropdown-sub.dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  right: auto !important;
  width: 40vw !important;            /* или примерно 500px, ако искаш фиксирано */
  max-width: 600px !important;
  min-width: 300px !important;

  height: auto !important;
  max-height: 80vh !important;       /* 80% от видимия прозорец */
  overflow-y: auto !important;
  overflow-x: hidden !important;

  background: ##EFF1F2;
  z-index: 9999;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* За override на inline стилове от Leo Menu */
.elementor-element.elementor-element-356d9ac5 .dropdown-sub.dropdown-menu[style*="right:-"] {
  right: auto !important;
  left: 100% !important;
}

/* 1. Основна позиционираща структура */
li.nav-item.parent.dropdown.aligned-left.leo-1 {
 
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Подменю – стилове и позиция */
li.nav-item.parent.dropdown.aligned-left.leo-1 > .dropdown-sub.dropdown-menu {

    align-items: flex-start;
    left: 100% !important;

    width: 100vw !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    justify-content: center !important;
    margin: 0 !important;
    padding: 30px 40px !important;

    background: #F9FAFB !important;
    box-shadow: none !important;
    border: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

/* 3. Задаваме секцията като относителен контейнер */
.elementor-element.elementor-element-24230852 {
    position: relative !important;
    overflow: visible !important;
    z-index: 1;
}

/* 4. При hover на родителя – позиционираме подменюто */
li.nav-item.parent.dropdown.aligned-left.leo-1.force-top:hover > .dropdown-sub.dropdown-menu {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    position: absolute !important;
    transform: none !important;
    margin-top: 0 !important;
}

/* 5. Уверяваме се, че няма transform при отворено меню */
.dropdown-sub.dropdown-menu {
    transform: none !important;
}

/* 6. Специална селекция, ако има вложеност */
li.nav-item.parent.dropdown.aligned-left.leo-1.force-top > .dropdown-sub.dropdown-menu {
    transform: none !important;
}

/* 7. Още една допълнителна гаранция за top: 0 при hover */
.leo-verticalmenu .megamenu li.nav-item.parent.dropdown.aligned-left.leo-1.force-top:hover > .dropdown-sub.dropdown-menu {
    top: 0px !important;
    left: 0 !important;
    right: auto !important;
}


.verticalmenu li .caret {
    display: none !important;
} 


li.nav-item.parent.dropdown.aligned-left.leo-1 {
    position: static !important;
}