.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: transparent !important; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-bottom: 1px solid transparent; box-shadow: none; } .site-header.scrolled { background: transparent !important; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .navbar { padding: 1rem 2rem; max-width: none !important; margin: 0 !important; background: transparent !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; } /* Override any existing navbar container styles */ .site-header .navbar, .site-header .container, .navbar .container { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; } /* Ensure body has top padding to account for fixed navbar */ body { padding-top: 80px; }