:root {
    --header-height: 64px;
    --nav-height: 56px;
}

.header-sticky {
    --header-height: 64px; /* Adjust this value to match your header's height */
}

.menu-sticky {
    position: relative;
}

/* Optional shadow for the sticky menu */
.md\:shadow-menu {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}