/* Keep the sticky navigation pill and its booking CTA inside one container. */
.header.scrolled .nav {
  width: min(1000px, calc(100% - 2rem));
  max-width: none;
}

.header.scrolled .brand,
.header.scrolled .nav-right {
  flex-shrink: 0;
}

.header.scrolled .nav-links {
  min-width: 0;
  gap: clamp(.85rem, 1.55vw, 1.4rem);
}

/* Use the existing menu drawer before the full desktop nav becomes crowded. */
@media (min-width: 920px) and (max-width: 1060px) {
  .nav-links,
  .nav-book {
    display: none;
  }

  .nav-toggle {
    display: inline-flex;
  }

  .header.scrolled .nav {
    width: calc(100% - 1.5rem);
    padding-inline: 1.15rem;
  }
}