.sub-menu .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    font-size: 14px !important;
}

.sub-menu .elementor-widget-hnice-heading .elementor-heading-title {
    font-size: 15px !important;
    font-weight: 600 !important;

}

/* Enhanced Vertical Mega Menu - Theme-Inspired Styling */
.vmm-wrapper { 
  position: relative; 
  width: 300px; 
  font: 14px/1.35 system-ui, Arial, sans-serif; 
  z-index: 100;
    top:25px;

}

/* Toggle Button - Always Visible Above Everything */
.vmm-toggle { 
  display: flex; 
  align-items: center; 
  gap: 12px; 
  background: #1a202c; 
  color: #fff; 
  padding: 14px 20px; 
  cursor: pointer; 
  font-weight: 700; 
  text-transform: uppercase; 
  font-size: 12px; 
  letter-spacing: 0.5px;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  position: relative !important;
  z-index: 999999 !important; /* MAXIMUM z-index to stay above ANY backdrop */
}
.vmm-toggle:hover { 
  background: #1a202c; /* Keep same background on hover */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.vmm-toggle-icon { 
  font-size: 20px; 
  line-height: 1; 
  color: #fff;
}
.vmm-toggle-label {
  color: #fff;
  font-weight: 700;
  flex: 1;
}

.vmm-toggle:hover .vmm-toggle-caret { /* optional hover preview; kept */
  transform: rotate(180deg);
}

.vmm-toggle-caret { 
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  transition: transform 0.3s ease;
}
.vmm-wrapper.open .vmm-toggle {
  background: #1a202c; /* Keep same background when open */
}
.vmm-wrapper.open .vmm-toggle-caret {
  transform: rotate(180deg); /* rotate when menu is open */
}

/* Panel Container with Min Height - Higher Z-Index */
.vmm-panel { 
  background: #fff; 
  border: 1px solid #e2e2e2; 
  box-shadow: 0 10px 25px rgba(0,0,0,0.12); 
  display: none; 
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 600; /* Higher than backdrop */
  min-height: 300px;
}
.vmm-wrapper.open > .vmm-panel { 
  display: block; 
}

/* Menu Lists with Enhanced Hover States */
.vmm-list, .vmm-sub { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}
.vmm-list > li { 
  position: relative; 
  border-bottom: 1px solid #e2e8f0; 
  z-index: 500;
}
.vmm-list > li:last-child { 
  border-bottom: none; 
}
.vmm-list > li:hover {
  z-index: 700; /* Above backdrop when hovered */
}

/* Extend hover area for mega menu items to bridge gap */
.vmm-list > li.vmm-has-mega, 
.vmm-list > li.has-mega-menu {
  position: relative;
}
.vmm-list > li.vmm-has-mega::after, 
.vmm-list > li.has-mega-menu::after {
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  width: 10px;
  height: 100%;
  background: transparent;
  z-index: 1;
}
.vmm-list > li.vmm-has-mega:hover,
.vmm-list > li.has-mega-menu:hover {
  z-index: 700; /* Ensure mega menu items are above backdrop */
}

/* Menu Links - Enhanced with Hover Z-Index */
.vmm-link, .button-click { 
  display: flex; 
  padding: 14px 20px; 
  color: #2d3748; 
  text-decoration: none; 
  font-weight: 500; 
  position: relative; 
  z-index: 500; 
  align-items: center;
  transition: all 0.2s ease;
  font-size: 15px;
  line-height: 1.5;
  border-left: 3px solid transparent;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
}
.vmm-link:hover, .button-click:hover { 
  background: #f7fafc; 
  color: #1a202c;
  border-left-color: #e6af5d;
  transform: translateX(3px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  z-index: 700; /* Higher z-index on hover */
}

/* Hovered menu item should be above backdrop */
.vmm-list > li:hover {
  z-index: 700;
  position: relative;
}

/* Active/Current State */
.vmm-link.current, .button-click.current,
.current-menu-item .vmm-link, .current-menu-item .button-click {
  background: #ebf8ff;
  color: #2b6cb0;
  border-left-color: #e6af5d;
  font-weight: 600;
  z-index: 700;
}

/* Enhanced spacing for better readability */
.vmm-list > li:last-child .vmm-link,
.vmm-list > li:last-child .button-click {
  border-bottom: none;
}

/* Menu Item Title */
.menu-item-title, .vmm-text {
  flex: 1;
}

/* Icon/Image before menu text */
/* Legacy font icon selector retained for backwards compatibility */
 .vmm-list > li > a .menu-item-icon,
 .vmm-list > li > .vmm-link .menu-item-icon,
 .vmm-list > li > a .rbb-menu-item-image-class,
 .vmm-list > li > a .menu-item-icon-img {
   display: inline-block;
   width: 20px;
   height: 20px;
   object-fit: contain;
   text-align: center;
   margin-right: 10px;
   font-size: 16px;
   line-height: 1;
   position: relative;
   top: 2px;
   color: currentColor;
 }
 .vmm-list > li > a .menu-item-icon-img { width: 20px; height: 20px; }
 .vmm-list > li > a .menu-item-icon.fa,
 .vmm-list > li > a .menu-item-icon.fab,
 .vmm-list > li > a .menu-item-icon.fas,
 .vmm-list > li > a .menu-item-icon.far { /* FontAwesome normalize */
   width: 20px;
 }

/* Sub-menu Toggle */
.vmm-has-children > .vmm-sub-toggle { 
  position: absolute; 
  top: 12px; 
  right: 12px; 
  border: 0; 
  background: transparent; 
  cursor: pointer; 
  width: 24px; 
  height: 24px; 
  line-height: 24px; 
  font-size: 12px; 
  color: #666;
  transition: transform 0.3s ease;
}
.vmm-has-children.open > .vmm-sub-toggle { 
  transform: rotate(180deg); 
}

/* Sub-menus */
.vmm-sub { 
  display: none; 
  background: #fff; 
}
.vmm-has-children.open > .vmm-sub { 
  display: block; 
}
.vmm-sub li { 
  border-top: 1px solid #f4f4f4; 
}
.vmm-sub .vmm-link, .vmm-sub .button-click { 
  padding: 10px 16px 10px 32px; 
  font-size: 13px; 
  font-weight: 400;
}

/* Mega Menu Base - No Gap Positioning with Hover Bridge */
.vmm-has-mega > .vmm-mega, .has-mega-menu .mega-menu { 
  position: absolute; 
  top: -1px; 
  left: calc(100% - 1px); 
  width: 71vw; 
  max-width: 1150px; 
  background: #fff; 
  border: 1px solid #e8e8e8; 
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); 
  padding: 0;
  display: none; 
  z-index: 300; 
  border-radius: 0;
}

/* Create invisible bridge to prevent gap hover issues */
.vmm-has-mega > .vmm-mega::before, .has-mega-menu .mega-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 100%;
  background: transparent;
  z-index: -1;
}

.vmm-has-mega:hover > .vmm-mega, 
.has-mega-menu:hover .mega-menu,
.vmm-has-mega > .vmm-mega:hover,
.has-mega-menu .mega-menu:hover,
.vmm-has-mega.mega-active > .vmm-mega,
.has-mega-menu.mega-active .mega-menu { 
  display: block; 
}

.elementor-20027 .elementor-element.elementor-element-211183a {
    box-shadow: none!important;
}

/* Mega Menu Content with Enhanced Styling */
.vmm-mega-inner, .mega-menu-content { 
  min-height: 250px; 
  padding: 30px 40px;
  background: #fff;
  border-top: 3px solid #e6af5d;
}
.vmm-mega-empty, .mega-menu-content-empty { 
  color: #718096; 
  font-size: 14px; 
  font-style: italic;
  text-align: center;
  padding: 80px 40px;
  background: #f8f9fa;
  border: 2px dashed #e2e8f0;
  border-radius: 4px;
  margin: 20px;
}

.vmm-has-mega > .vmm-link, .has-mega-menu .button-click { 
  font-weight: 600; 
}

/* Opener Icons - Theme Style */
.opener, .opener2 {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.has-mega-menu:hover .opener,
.has-mega-menu:hover .opener2,
.hoverable:hover .opener {
  opacity: 1;
}

/* Enhanced Ecomax Style */
.vmm-style-ecomax { 
  --vmm-overlay-bg: rgba(0,0,0,0.35); 
  --vmm-blur: 6px; 
}

.vmm-style-ecomax .vmm-toggle {
  background: #1a202c;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  color: #fff;
  position: relative !important;
  z-index: 999999 !important; /* MAXIMUM z-index to stay above ANY backdrop */
}
.vmm-style-ecomax .vmm-toggle:hover {
  background:#1a202c; box-shadow:0 2px 4px rgba(0,0,0,0.1); /* Keep same background on hover */
}
.vmm-style-ecomax .vmm-wrapper.open .vmm-toggle {
  background:#1a202c; /* Keep consistent */
}

.vmm-style-ecomax .vmm-panel { 
  border: 1px solid #e5e7eb; 
  box-shadow: 0 4px 16px rgba(0,0,0,0.1); 
  border-radius: 0;
  background: #fff;
  min-height: 350px;
  z-index: 600; /* Higher than backdrop */
}

.vmm-style-ecomax .vmm-list > li { 
  border-bottom: 1px solid #e2e8f0; 
  position: relative;
  z-index: 500;
}
.vmm-style-ecomax .vmm-list > li:last-child { 
  border-bottom: none; 
}
.vmm-style-ecomax .vmm-list > li:hover {
  z-index: 700; /* Above backdrop when hovered */
}

.vmm-style-ecomax .vmm-link, 
.vmm-style-ecomax .button-click { 
  font-size: 14px; 
  font-weight: 500; 
  color: #2d3748; 
  line-height: 1.5;
  padding: 14px 20px;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
  z-index: 500;
}
.vmm-style-ecomax .vmm-link:hover,
.vmm-style-ecomax .button-click:hover { 
  background:#fff; border-left-color:transparent; color:#2d3748; /* Neutralize hover on links */
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  z-index: 700; /* Above backdrop on hover */
}

/* Hovered list items above backdrop */
.vmm-style-ecomax .vmm-list > li:hover {
  z-index: 700;
  position: relative;
}

/* Active states for Ecomax */
.vmm-style-ecomax .current-menu-item .vmm-link,
.vmm-style-ecomax .current-menu-item .button-click {
  background: #ebf8ff;
  color: #2b6cb0;
  border-left-color: #e6af5d;
  font-weight: 600;
  z-index: 700;
}

/* Remove border on last item in list */
.vmm-style-ecomax .vmm-list > li:last-child .vmm-link,
.vmm-style-ecomax .vmm-list > li:last-child .button-click {
  border-bottom: none;
}

/* Enhanced Ecomax Style - No Gap Mega Menu */
.vmm-style-ecomax .vmm-has-mega > .vmm-mega,
.vmm-style-ecomax .has-mega-menu .mega-menu { 
  left: calc(100% - 2px); 
  top: -1px; 
  padding: 0; 
  border: 1px solid #e5e7eb; 
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); 
  background: #fff;
  border-radius: 0;
  margin-left: 1px; /* Slight overlap to prevent gap */
}

/* Bridge area for seamless hover */
.vmm-style-ecomax .vmm-has-mega::before,
.vmm-style-ecomax .has-mega-menu::before {
  content: '';
  position: absolute;
  top: 0;
  right: -5px;
  width: 5px;
  height: 100%;
  background: transparent;
  z-index: 200;
}
}

.vmm-style-ecomax .vmm-mega-inner,
.vmm-style-ecomax .mega-menu-content { 
  padding: 30px 40px;
  background: #fff;
  min-height: 250px;
  border-top: 3px solid #e6af5d;
}

/* Backdrop Effect - Exclude Menu Area */
.vmm-backdrop { 
}
.vmm-backdrop.active { 
/* Backdrop removed */
.vmm-backdrop, .vmm-backdrop.active, .vmm-backdrop-alternative { display:none !important; }

/* Exclude the vertical menu column from backdrop so the toggle/button is never underneath */
.vmm-style-ecomax .vmm-backdrop {
  left: var(--vmm-menu-width,300px); /* Leave menu width area uncovered */
}

/* Provide the CSS variable on wrapper if not already present */
.vmm-wrapper { --vmm-menu-width: 300px; }

/* On narrower screens let backdrop cover full screen again */
@media (max-width: 991px) {
  .vmm-style-ecomax .vmm-backdrop { left:0; }
}

/* Alternative: Backdrop that excludes menu area */
.vmm-backdrop-alternative { 
  position: fixed; 
  top: 0;
  left: 320px; /* Start after menu width */
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.05); 
  backdrop-filter: blur(0.5px); 
  -webkit-backdrop-filter: blur(0.5px); 
  z-index: 30;
  opacity: 0; 
  pointer-events: none; 
  transition: opacity 0.3s ease; 
}

.mega-menu {
    list-style: none!important;
}

/* Hover States */
.vmm-style-ecomax .vmm-list > li.vmm-has-mega,
.vmm-style-ecomax .vmm-list > li.has-mega-menu { 
  position: relative; 
}
.vmm-style-ecomax .vmm-list > li.vmm-has-mega:hover,
.vmm-style-ecomax .vmm-list > li.has-mega-menu:hover { 
  z-index: 350; 
}

/* Icon Support */
.has-icon .button-click i,
.has-icon .vmm-link i {
  margin-right: 12px;
  font-size: 16px;
  color: #666;
}

.has-image .button-click img,
.has-image .vmm-link img {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 3px;
}

/* Responsive Design */
@media (max-width: 960px) {
  .vmm-wrapper { 
    width: 100%; 
  }
  .vmm-has-mega > .vmm-mega,
  .has-mega-menu .mega-menu { 
    position: static; 
    width: 100%; 
    max-width: none; 
    border: 0; 
    box-shadow: none; 
    display: block !important; 
    margin-top: 4px; 
    border-radius: 0;
  }
  .vmm-has-mega > .vmm-link,
  .has-mega-menu .button-click { 
    background: #f8f9fa; 
  }
  .vmm-toggle { 
    font-size: 13px; 
  }
  .vmm-style-ecomax .vmm-mega-inner,
  .vmm-style-ecomax .mega-menu-content { 
    padding: 24px 20px; 
  }
}

/* Advanced Positioning for Full-width Modes */
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega > .vmm-mega,
.vmm-style-ecomax.vmm-fullwidth-enabled .has-mega-menu .mega-menu { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
}

.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-mega-inner,
.vmm-style-ecomax.vmm-fullwidth-enabled .mega-menu-content {
  position: absolute;
  top: var(--vmm-panel-top, 100%);
  left: var(--vmm-panel-left, 0px);
  width: 100vw;
  max-width: 100vw;
  transform: none;
  border-radius: 0;
  padding: 40px 60px 50px;
  padding-left: calc(var(--vmm-menu-width, 300px) + 60px);
  background: #fff;
  box-shadow: 0 18px 40px -4px rgba(0,0,0,0.18);
  z-index: 400;
}

/* Inline Button Variant */
.vmm-wrapper.vmm-inline-button { 
  display: inline-block; 
  width: auto; 
}
.vmm-wrapper.vmm-inline-button .vmm-toggle { 
  width: var(--vmm-menu-width,300px); 
  background: #fff; 
  color: #181818; 
  border: 1px solid #e8e8e8; 
}
.vmm-wrapper.vmm-inline-button .vmm-panel { 
  position: absolute; 
  top: 100%; 
  left: 0; 
  width: var(--vmm-menu-width,300px); 
  display: none; 
}
.vmm-wrapper.vmm-inline-button.open .vmm-panel { 
  display: block; 
}

/* Enhanced Z-index Management - Toggle Always on Top */
.vmm-style-ecomax.vmm-fullwidth-enabled { 
  z-index: 400; 
}
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-backdrop { 
  z-index: 50; /* Lower than menu */
}
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-mega-inner,
.vmm-style-ecomax.vmm-fullwidth-enabled .mega-menu-content { 
  z-index: 410; 
}
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-list { 
  z-index: 420; 
}
.vmm-style-ecomax .vmm-wrapper,
.vmm-style-ecomax .vmm-panel {
  z-index: 500; /* Ensure menu stays above backdrop */
}
.vmm-style-ecomax .vmm-toggle {
  z-index: 999999 !important; /* Toggle button highest - always visible */
}
.vmm-wrapper {
  z-index: 500; /* Ensure wrapper is above backdrop */
}
.vmm-toggle {
  z-index: 999999 !important; /* Global toggle z-index - MAXIMUM */
}

/* FORCE toggle button above ANY backdrop - including theme backdrops */
.vmm-wrapper .vmm-toggle,
.vmm-style-ecomax .vmm-wrapper .vmm-toggle,
[data-vmm-toggle] {
  position: relative !important;
  z-index: 999999 !important;
}

/* Ensure toggle button stays above any overlay or backdrop */
.vmm-toggle {
  isolation: isolate !important; /* Create new stacking context */
}

/* --- FORCE VERTICAL MENU ABOVE THEME OVERLAYS --- */
/* Theme overlay z-index observed: 1999 (canvas-overlay, canvas-overlay2, filter-overlay) */
header.rbb-default-header, .rbb-header, .rbb-header-top, .rbb-header-center, .rbb-header-bottom {
  position: relative;
  z-index: 2500; /* Above 1999 overlays */
}

/* Elevate only the vertical menu area further to guarantee visibility */
.rbb-header .vmm-wrapper,
.rbb-default-header .vmm-wrapper,
.rbb-header .vmm-wrapper .vmm-toggle,
.rbb-default-header .vmm-wrapper .vmm-toggle {
  position: relative !important;
  z-index: 2600 !important; /* Safely higher than header base */
}

/* If an overlay still covers it, explicitly lift the button outside any clipping */
body .canvas-overlay.active ~ header .vmm-toggle,
body .canvas-overlay2.active ~ header .vmm-toggle {
  position: relative !important;
  z-index: 2700 !important;
}

/* Defensive: neutralize overlay pointer events over the left vertical menu column only */
@media (min-width: 992px) {
  body.has-vertical-mega-menu .canvas-overlay.active:before,
  body.has-vertical-mega-menu .canvas-overlay2.active:before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 320px; height: 100%;
    pointer-events: none; /* allow clicks beneath */
    background: transparent;
  }
}

/* Helper class (add to body via JS if needed) */
body.force-vmm-on-top .vmm-wrapper, body.force-vmm-on-top .vmm-toggle { z-index: 99999 !important; }

/* CRITICAL FIX: Header stacking context was limiting child z-index (header had z-index:99) */
header.rbb-default-header,
header.header-7,
header.header-6,
header.header-5,
.rbb-header-sticky,
header {
  position: relative !important;
  z-index: 300000000 !important; /* extremely high to beat external overlays (e.g. woosc-area 99999979) */
}

/* If you want less aggressive number, you can lower to 300000000 later */

/* Force menu visibility */
.vmm-wrapper,
.vmm-panel,
.vmm-list,
.vmm-list > li {
  position: relative; /* Ensure z-index works */
}

/* Transition Enhancements */
.vmm-style-ecomax .vmm-mega-inner,
.vmm-style-ecomax .mega-menu-content { 
  opacity: 0; 
  transform: translateY(10px); 
  transition: opacity 0.3s ease, transform 0.3s ease; 
}
.vmm-style-ecomax .vmm-has-mega:hover > .vmm-mega .vmm-mega-inner,
.vmm-style-ecomax .has-mega-menu:hover .mega-menu .mega-menu-content { 
  opacity: 1; 
  transform: translateY(0); 
}

/* Grid Helper for Mega Content */
.vmm-fw-grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
  gap: 36px 70px; 
}

@media (max-width: 1200px) {
  .vmm-fw-grid { 
    gap: 30px 40px; 
  }
  .vmm-style-ecomax .vmm-mega-inner,
  .vmm-style-ecomax .mega-menu-content { 
    padding: 32px 30px 40px; 
  }
}

/* Ecomax-like style extension */
.vmm-style-ecomax { --vmm-overlay-bg: rgba(0,0,0,0.35); --vmm-blur: 6px; }
.vmm-style-ecomax .vmm-wrapper-inner { position:relative; }
.vmm-style-ecomax .vmm-panel { border:0; box-shadow:none; }
.vmm-style-ecomax .vmm-has-mega > .vmm-mega { left:100%; top:0; padding:0; border:0; box-shadow:none; background:transparent; }
.vmm-style-ecomax .vmm-has-mega:hover > .vmm-mega { display:block; }
.vmm-style-ecomax .vmm-has-mega > .vmm-mega .vmm-mega-inner { position:relative; width:100vw; max-width:100%; left:calc(-100% - 1px); background:#fff; padding:32px 40px 40px; box-shadow:0 10px 25px rgba(0,0,0,0.12); border-radius:0 0 6px 6px; }
.vmm-style-ecomax .has-mega-menu > .mega-menu > li > .mega-menu-content { width:auto; max-width:none; }
/* Full-width mega menu override: occupy remaining viewport width beside vertical list */
.vmm-style-ecomax .has-mega-menu .mega-menu {
  width: calc(100vw - var(--vmm-menu-width,300px));
  max-width: calc(100vw - var(--vmm-menu-width,300px));
  right: 0;
  left: calc(100% - 1px); /* keep flush with menu edge */
}
.vmm-style-ecomax .has-mega-menu .mega-menu .mega-menu-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega > .vmm-mega { position:absolute; top:0; left:0; width:100%; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega > .vmm-mega .vmm-mega-inner {
  position:absolute; /* scrolls with page */
  top: var(--vmm-panel-top, 100%); /* just beneath toggle */
  left: var(--vmm-panel-left, 0px); /* negative wrapper left to stretch */
  width:100vw;
  max-width:100vw;
  transform:none;
  border-radius:0;
  padding:40px 60px 50px;
  padding-left:calc(var(--vmm-menu-width, 300px) + 60px);
  background:#fff;
  box-shadow:0 18px 40px -4px rgba(0,0,0,0.18);
  z-index:55;
}
/* Body-floating variant (appended to body) */
.vmm-floating-mega { position:absolute; left:0; width:100vw; max-width:100vw; background:#fff; box-shadow:0 18px 40px -4px rgba(0,0,0,0.18); padding:40px 60px 50px; padding-left:calc(var(--vmm-menu-width, 300px) + 60px); z-index:55; }
.vmm-floating-mega[data-hidden="true"] { display:none; }
.vmm-floating-mega .vmm-floating-content { position:relative; }
/* Suppress inline mega panel while floating version is shown to avoid duplicate template */
.vmm-style-ecomax.vmm-floating-mode .vmm-has-mega > .vmm-mega .vmm-mega-inner { display:none !important; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega:hover > .vmm-mega .vmm-mega-inner { opacity:1; transform:none; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-list { width:var(--vmm-menu-width,300px); position:relative; z-index:70; background:transparent; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-backdrop { z-index:55; }

/* Unified white container effect (list + mega) */
.vmm-style-ecomax.vmm-fullwidth-enabled { --vmm-border-color:#ececec; --vmm-layer-backdrop:40; --vmm-layer-mega:55; --vmm-layer-divider:1000; --vmm-layer-list:1010; }
.vmm-style-ecomax.vmm-fullwidth-enabled::before {
  content:"";
  position:fixed;
  top:var(--vmm-fw-top,0px);
  left:0;
  width:100vw;
  height:0;
  background:#fff;
  box-shadow:0 18px 40px -4px rgba(0,0,0,0.18);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease,height .25s ease;
  z-index:calc(var(--vmm-layer-mega,55) - 5);
  border-top:1px solid var(--vmm-border-color);
  border-bottom:1px solid var(--vmm-border-color);
}
.vmm-style-ecomax.vmm-fullwidth-enabled.vmm-active::before { height:520px; opacity:1; }
.vmm-style-ecomax.vmm-fullwidth-enabled.vmm-active::after { content:""; position:fixed; top:var(--vmm-fw-top,0px); left:var(--vmm-menu-width,300px); width:1px; height:520px; background:var(--vmm-border-color); z-index:var(--vmm-layer-divider,1000); opacity:1; pointer-events:none; }
/* Vertical dividing line between menu column and mega content */
.vmm-style-ecomax.vmm-fullwidth-enabled.vmm-active::after {
  content:"";
  position:fixed;
  top:var(--vmm-fw-top,0px);
  left:var(--vmm-menu-width,300px);
  width:1px;
  height:520px; /* mirror above height */
  background:var(--vmm-border-color);
  z-index:65;
  opacity:1;
  pointer-events:none;
}

/* Grid helper inside mega when using columns */
.vmm-fw-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:36px 70px; }

@media (max-width: 1200px){
  .vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega > .vmm-mega .vmm-mega-inner { padding:32px 40px 40px; }
  .vmm-fw-grid { gap:30px 40px; }
}
@media (max-width: 960px){
  .vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega > .vmm-mega .vmm-mega-inner { position:static; width:100%; top:auto; padding:24px 24px 32px; }
}
.vmm-style-ecomax .vmm-backdrop, .vmm-backdrop { position:fixed; inset:0; background:var(--vmm-overlay-bg, rgba(0,0,0,0.35)); backdrop-filter:blur(var(--vmm-blur,6px)); -webkit-backdrop-filter:blur(var(--vmm-blur,6px)); z-index:40; opacity:0; pointer-events:none; transition:opacity .25s ease; }
.vmm-style-ecomax .vmm-backdrop.active, .vmm-backdrop.active { opacity:1; pointer-events:auto; }
.vmm-style-ecomax .vmm-list > li.vmm-has-mega { position:relative; }
.vmm-style-ecomax .vmm-mega-columns { display:flex; flex-wrap:wrap; gap:40px 60px; }
.vmm-style-ecomax .vmm-mega-columns > div { min-width:160px; }

/* Spread sub-menu levels inside mega if using nested UL (fallback) */
.vmm-style-ecomax .vmm-mega-inner ul { list-style:none; margin:0; padding:0; }
.vmm-style-ecomax .vmm-mega-inner ul > li { margin-bottom:8px; }
.vmm-style-ecomax .vmm-mega-inner ul > li > a { font-weight:600; display:block; padding:4px 0; }

/* Transition improvements */
.vmm-style-ecomax .vmm-has-mega > .vmm-mega .vmm-mega-inner { opacity:0; transform:translateY(10px); transition:opacity .25s ease, transform .25s ease; }
.vmm-style-ecomax .vmm-has-mega:hover > .vmm-mega .vmm-mega-inner { opacity:1; transform:translateY(0); }

/* Adjust vertical list width when mega open (optional narrow first column) */
.vmm-style-ecomax .vmm-list { width:300px; }
.vmm-style-ecomax .vmm-list > li.vmm-has-mega:hover { z-index:60; }

/* (Reverted) Previously forced extreme z-index stacking removed for stability */

/* Optional inline button variant (button sits inline in header; panel drops down) */
.vmm-wrapper.vmm-inline-button { display:inline-block; width:auto; }
.vmm-wrapper.vmm-inline-button .vmm-toggle { width:var(--vmm-menu-width,300px); background:#222; color:#fff; border:1px solid #222; }
.vmm-wrapper.vmm-inline-button .vmm-panel { position:absolute; top:100%; left:0; width:var(--vmm-menu-width,300px); display:none; }
.vmm-wrapper.vmm-inline-button.open .vmm-panel { display:block; }

/* User container offset */
.ecomax-menu { position:relative; top:29px; }

/* Replicate original theme vertical button look */
.vmm-style-ecomax .vmm-toggle { background:transparent; border:0; padding:10px 24px 10px 20px; color:#181818; font-weight:700; text-transform:uppercase; font-size:12px; letter-spacing:.5px; display:flex; align-items:center; width:100%; position:relative; line-height:1.25; transition:background .3s ease,color .3s ease; }
.vmm-style-ecomax .vmm-toggle .vmm-toggle-icon { font-size:24px; margin-right:24px; color:#181818; line-height:1; }
/* Hnice icon burger inside vmm-toggle */
.vmm-toggle { position:relative; top:25px; }
.vmm-style-ecomax .vmm-toggle .hnice-icon { position:relative; width:18px; height:14px; display:inline-flex; flex-direction:column; justify-content:space-between; margin-right:24px; }
.vmm-style-ecomax .vmm-toggle .hnice-icon span { display:block; width:100%; height:2px; background:#181818; border-radius:12px; transition:all .3s ease; transform-origin:center; }
.vmm-wrapper.open .vmm-toggle .hnice-icon .icon-1 { transform:translateY(6px) rotate(45deg); }
.vmm-wrapper.open .vmm-toggle .hnice-icon .icon-2 { opacity:0; }
.vmm-wrapper.open .vmm-toggle .hnice-icon .icon-3 { transform:translateY(-6px) rotate(-45deg); }
.vmm-style-ecomax .vmm-toggle:hover .hnice-icon span { background:var(--rbb-general-secondary-color,#ff6600); }
.vmm-style-ecomax .vmm-toggle .vmm-toggle-label { color:#181818; }
.vmm-style-ecomax .vmm-toggle .vmm-toggle-caret { font-size:8px; color:#181818; margin-left:auto; font-weight:700; }
.vmm-style-ecomax .vmm-toggle:hover { background:rgba(0,0,0,0.03); }
/* Vertical list panel mimic */
.vmm-style-ecomax .vmm-panel { background:#fff; box-shadow:0 10px 15px 0 rgba(0,0,0,0.10); border:0; min-width:300px; }
.vmm-style-ecomax .vmm-list > li { border-bottom:1px solid #f2f2f2; }
.vmm-style-ecomax .vmm-list > li:last-child { border-bottom:none; }
.vmm-style-ecomax .vmm-link { font-size:14px; font-weight:500; color:#181818; line-height:1.25; }
.vmm-style-ecomax .vmm-link:hover { background:#f5f5f5; }

/* Elevated layering to prevent Elementor template overlap */
.vmm-style-ecomax.vmm-fullwidth-enabled { z-index:400; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-backdrop { z-index:405; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-has-mega > .vmm-mega .vmm-mega-inner { z-index:410; }
.vmm-style-ecomax.vmm-fullwidth-enabled .vmm-list { z-index:420; }
.vmm-style-ecomax.vmm-fullwidth-enabled.vmm-active::after { z-index:425; }

@media (max-width: 1200px) {
  .vmm-style-ecomax .vmm-has-mega > .vmm-mega .vmm-mega-inner { width:100%; left:0; border-radius:0; }
}

/* Removed temporary backdrop suppression */

/* Disable unified full-width white container & divider (second container user mentioned) */
.vmm-style-ecomax.vmm-fullwidth-enabled::before,
.vmm-style-ecomax.vmm-fullwidth-enabled.vmm-active::before,
.vmm-style-ecomax.vmm-fullwidth-enabled.vmm-active::after { content:none !important; height:0 !important; box-shadow:none !important; border:0 !important; }

/* --- Mega width overrides ------------------------------------------------- */
/* Default: let Elementor template define its natural width up to viewport */
.vmm-style-ecomax .has-mega-menu .mega-menu .mega-menu-content { width:max-content; max-width:100vw; }
/* If content is wider than viewport, allow horizontal scroll (opt-in) */
.vmm-style-ecomax .has-mega-menu .mega-menu .mega-menu-content[data-vmm-wide="scroll"] { overflow-x:auto; }
/* Force full viewport width variant */
.vmm-style-ecomax .has-mega-menu .mega-menu .mega-menu-content[data-vmm-wide="full"] { width:100vw; }
/* Center large inner containers if they are narrower than viewport */
.vmm-style-ecomax .has-mega-menu .mega-menu .mega-menu-content > .elementor.elementor- { margin-left:auto; margin-right:auto; }

/* --- Modern unified shadow enhancement ---------------------------------- */
/* Light base shadow around the closed button */
.vmm-wrapper { box-shadow:0 2px 4px rgba(0,0,0,0.06); }
/* Stronger, layered shadow when panel is open */
.vmm-wrapper.open > .vmm-panel { 
  box-shadow:0 4px 8px -2px rgba(0,0,0,0.12), 0 12px 24px -4px rgba(0,0,0,0.18), 0 20px 40px -10px rgba(0,0,0,0.12);
  border:1px solid rgba(0,0,0,0.05);
}
/* Smooth edge blending so panel shadow doesn't double with wrapper */
.vmm-wrapper.open { box-shadow:0 2px 3px rgba(0,0,0,0.05); }
/* Optional: rounded corners (comment out if you want square) */
.vmm-wrapper { border-radius:10px; overflow:visible; }
.vmm-wrapper > .vmm-panel { border-radius:0 0 10px 10px; }
/* Inline SVG burger icon styling */
.vmm-toggle .vmm-burger-svg { display:inline-block; margin-right:24px; }
.vmm-toggle .vmm-burger-svg path { fill:#fff; transition:fill .3s ease; }
.vmm-wrapper.open .vmm-toggle .vmm-burger-svg path { fill:#fff; }