nav .nav-links .nav-book,
nav .nav-links .nav-book:hover,
nav .nav-links .nav-book:focus,
nav .nav-links .nav-book:focus-visible,
nav .nav-links .nav-book:active,
nav .nav-links .nav-book.active {
  color: #080808 !important;
  background: #00e5ff !important;
}

a[href="/contact"].nav-book,
a[href="/contact"].mob-book-btn,
a[href="/contact"].btn-primary,
a[href="/contact"].btn-cta-primary,
a[href="/contact"].btn-cta,
a[href="/contact"].btn-book,
a[href="/contact"].testimonials-quote-link,
a[href="/contact"].sidebar-btn {
  color: #080808 !important;
}

@media (max-width: 1280px) {
  nav,
  nav.scrolled {
    padding-left: clamp(20px, 3vw, 38px);
    padding-right: clamp(20px, 3vw, 38px);
  }

  nav .nav-logo img {
    height: clamp(48px, 4.25vw, 54px) !important;
  }

  nav .nav-links {
    gap: clamp(14px, 1.8vw, 24px);
  }

  nav .nav-links a {
    font-size: clamp(0.7rem, 0.8vw, 0.76rem);
    letter-spacing: 0.14em;
    white-space: nowrap;
  }

  nav .nav-links .nav-book {
    padding-left: clamp(14px, 1.6vw, 20px);
    padding-right: clamp(14px, 1.6vw, 20px);
  }
}

@media (max-width: 1040px) {
  nav:has(> .hamburger) {
    padding-left: 20px;
    padding-right: 20px;
  }

  nav:has(> .hamburger) .nav-links {
    display: none;
  }

  nav:has(> .hamburger) .hamburger {
    display: flex;
  }
}