/* Small decorative accents, scoped to the existing home booking form. */
#main > .hero > .booking-search {
  position: relative;
  background: linear-gradient(145deg, #fcfbfe 0%, #fff 42%);
}
#main > .hero > .booking-search::before {
  content: "";
  position: absolute;
  inset: 12px 12px 8px;
  border: 1px solid #e5e0ec;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  pointer-events: none;
}
#main > .hero > .booking-search > .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
}
#main > .hero > .booking-search > .eyebrow::before {
  content: "";
  flex: 0 0 22px;
  height: 1px;
  background: #9982b8;
}
#main > .hero > .booking-search .search-rate {
  position: relative;
  border-color: #dcd4e7;
  background: linear-gradient(110deg, #f6f3fa, #fcfbfd);
  box-shadow: inset 3px 0 0 #9b83b9;
}
#main > .hero > .booking-search .room-choice-hint {
  padding-bottom: 18px;
  border-bottom: 1px solid #e5deee;
}
#main > .hero > .booking-search > .guest-grid {
  padding-top: 18px;
  border-top: 1px solid #eee8f3;
}
@media (max-width: 960px) {
  #main > .hero > .booking-search::before { inset: 12px 3% 6px; }
}
@media (max-width: 480px) {
  #main > .hero > .booking-search::before { border-radius: 9px 9px 0 0; }
  #main > .hero > .booking-search > .eyebrow { gap: 8px; }
  #main > .hero > .booking-search > .eyebrow::before { flex-basis: 14px; }
  #main > .hero > .booking-search .room-choice-hint { padding-bottom: 14px; }
  #main > .hero > .booking-search > .guest-grid { padding-top: 14px; }
}