/* The only visual change from the verified pre-DETAILS live site:
   replace the old boxed Property control with a fourth matching text tab. */
.property-details-dock {
  display: none !important;
}

.nav-shell .property-tagline-links--global,
.nav-shell--iphone .property-tagline-links--global,
.nav-shell--ipad .property-tagline-links--global,
html.home-viewport-scrollable .nav-shell--video .property-tagline-links--global {
  width: calc(100vw - max(16px, calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 8px))) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  column-gap: 0 !important;
}

.nav-shell .property-tagline-links--global .property-tagline-link,
.nav-shell--iphone .property-tagline-links--global .property-tagline-link,
.nav-shell--ipad .property-tagline-links--global .property-tagline-link {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  transform: none !important;
}

@media (min-width: 768px) {
  .nav-shell .property-tagline-links--global,
  .nav-shell--ipad .property-tagline-links--global {
    left: 50% !important;
    right: auto !important;
    width: min(76rem, calc(100vw - max(8rem, calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 7rem)))) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    column-gap: clamp(.5rem, 1.8vw, 2rem) !important;
    transform: translate(-50%, -50%) !important;
  }
}