/* 
 * Ensure the header transition is smooth 
 * This assumes the header has a class like 'site-header' or 'elementor-location-header'
 * You might need to adjust the selector based on the actual header class.
 */
.angie-header-hidden {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.angie-header-visible {
    transform: translateY(0);
    transition: transform 0.3s ease-in-out;
    position: sticky;
    top: 0;
    z-index: 9999; /* Ensure it stays above other content */
}