.navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar.scrolled {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}