/* Push the dropdown menu down to align with the bottom of the header */
.elementor-widget-nav-menu .elementor-nav-menu--main > .elementor-item-has-children > .elementor-nav-menu--dropdown {
    top: 100% !important;
    transform: translateY(61px) !important; /* Increased significantly to match the screenshot gap */
}

/* Create an invisible bridge so the sub-menu doesn't disappear when the mouse moves over the gap */
.elementor-widget-nav-menu .elementor-nav-menu--main > .elementor-item-has-children::after {
    content: '';
    position: absolute;
    bottom: -65px;
    left: 0;
    width: 100%;
    height: 65px;
    background: transparent;
    z-index: 99;
}