/* Fix for header positioning */
:root {
  --header-height: 76px; /* Ensure header height is defined */
}
header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 1rem 0 !important;
}

html {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  padding-top: var(--header-height) !important;
}

/* Mobile adjustments */
@media (max-width: 767.98px) {
  :root {
    --header-height: 60px; /* Smaller header height for mobile */
  }
}