/* Add custom CSS styles below */ 
html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 90px;
}

/* Desktop sticky navigation */
@media (min-width: 768px) {
  header.connect-sticky-nav {
    transition: all 0.3s ease;
    z-index: 9999;
  }

  header.connect-sticky-nav.connect-sticky-visible {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);
    transform: scale(0.92);
    transform-origin: top center;
  }

  body.connect-sticky-active {
    padding-top: 80px;
  }
}

/* Sticky mobile navigation */
@media (max-width: 767px) {
  header.connect-sticky-nav {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}