.retro-guarantee-subnav.property-subnav { display: block !important; }
.retro-guarantee-subnav.property-subnav > .shell.property-subnav-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 44px;
}
.retro-guarantee-subnav .property-nav.retro-guarantee-nav {
  justify-content: center;
  margin: 0;
}
.retro-guarantee-subnav .retro-guarantee-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  max-width: min(49vw, 420px);
  color: rgb(251 250 247 / 78%);
  cursor: help;
  font-size: 11px;
  line-height: 1.65;
  letter-spacing: .07em;
  text-align: center;
  text-transform: uppercase;
  transition: color .22s ease;
}
.retro-guarantee-note:hover { color: #dec59c; }
.retro-guarantee-seal {
  width: 18px;
  height: 18px;
  flex: none;
  color: #e7c587;
}
.retro-guarantee-copy { position: relative; }
.retro-guarantee-copy::after {
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -5px;
  height: 1px;
  background: #b9935d;
  content: '';
  transition: right .24s ease;
}
.retro-guarantee-note:hover .retro-guarantee-copy::after { right: 0; }

@media (min-width: 701px) and (max-width: 980px) {
  .retro-guarantee-subnav .property-sign,
  .retro-guarantee-subnav nav.property-nav a { white-space: normal; }
  .retro-guarantee-subnav nav.property-nav a { text-align: right; }
}
@media (max-width: 700px) {
  .retro-guarantee-subnav.property-subnav > .shell.property-subnav-inner {
    display: flex;
    justify-content: center;
    gap: 0;
  }
  .retro-guarantee-subnav.property-subnav :is(.property-sign, nav.property-nav) { display: none; }
  .retro-guarantee-subnav .retro-guarantee-note { max-width: 100%; padding-block: 6px; line-height: 1.4; }
}
@media (max-width: 420px) {
  .retro-guarantee-copy > span { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .retro-guarantee-note, .retro-guarantee-copy::after { transition: none; }
}

#hero.hero-cinematic .hero-content.hero-centered > .retro-hero-booking {
  position: static !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 312px);
  min-height: 52px;
  margin: 0 auto;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: .045em;
  text-align: center;
  text-shadow: none;
  white-space: normal;
}