/* <----- KUPITI DESKTOP SMART NAVIGATION: behavior only; no visual redesign -----> */
/* Existing mobile navigation and sticky subcategory styles are intentionally untouched. */
@media (min-width: 681px) {
  :root {
    --kupiti-sticky-header-height: 100px;
    --kupiti-sticky-shortcut-height: 48px;
  }

  /* The department shortcuts remain in the document flow, but can follow the header. */
  .quick-bar {
    position: sticky;
    top: var(--kupiti-sticky-header-height);
    z-index: 25;
    transition: transform 200ms ease;
  }
  html.kupiti-shortcuts-hidden .quick-bar {
    transform: translateY(-100%);
    pointer-events: none;
  }

  /* Category chips stick below whichever desktop navigation rows are visible. */
  #departments > .subcategory-nav {
    position: sticky;
    top: calc(var(--kupiti-sticky-header-height) + var(--kupiti-sticky-shortcut-height));
    z-index: 20;
    background: var(--paper);
    transition: top 200ms ease;
  }
  html.kupiti-shortcuts-hidden #departments > .subcategory-nav {
    top: var(--kupiti-sticky-header-height);
  }
}

@media (min-width: 681px) and (prefers-reduced-motion: reduce) {
  .quick-bar, #departments > .subcategory-nav { transition: none; }
}