/*
 * SUGNAMAL sticky header reliability layer.
 * Keeps the global header visible without creating a second header system.
 */
html,
body {
    overflow-x: clip;
}

.site-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 997 !important;
    width: 100%;
    isolation: isolate;
}

.site-header.scrolled {
    background: rgba(248, 245, 239, 0.98);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 18px rgba(25, 25, 25, 0.06);
}

@media (max-width: 860px) {
    .site-header {
        top: 0 !important;
    }
}