/* -----------------------------
   Sticky Header (Desktop & Tablet)
   ----------------------------- */
.sticky-header {
  position: fixed;       /* keep header visible */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;   /* optional: ensure header has background */
}

/* Desktop/tablet offset so content isn’t hidden */
@media (min-width: 768px) {
  body {
    padding-top: 80px;   /* match your desktop header height */
  }
}

/* -----------------------------
   Mobile Header Scroll
   ----------------------------- */
@media (max-width: 767px) {
  .sticky-header {
    position: relative;   /* header scrolls normally on mobile */
  }

  body {
    padding-top: 0;       /* remove desktop offset on mobile */
  }
}
/* -----------------------------
   End Sticky Header
   ----------------------------- */