.search-page__list .search-room__body > .room-card__action {
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
}

.search-room_unavailable .search-room__container {
  opacity: 0.58;
}

.search-room__availability-alert {
  width: 100%;
}

.room-detail-prices__body > .alert {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

.order-confirmation__card_status {
  gap: 20px;
}

.order-confirmation__status-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.order-confirmation__status-label {
  margin: 0;
  font-family: var(--font-body);
  line-height: 1.6;
}

.order-confirmation__status-label {
  font-size: var(--font-size-body-m);
  color: var(--color-text-third);
}

.order-confirmation__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.order-confirmation__pay[hidden] {
  display: none;
}

@media (max-width: 749.98px) {
  .order-confirmation__status-head {
    flex-direction: column;
  }
}

.booking__footer {
    max-width: 660px;
}

dialog .modal__panel:has(.dining-reservation) {
  width: min(980px, 100%);
}

dialog .contact-form.dining-reservation {
  background-color: unset;
  padding-top: 0;
  padding-bottom: 0;
}

dialog .dining-reservation .section-header__text {
  text-align: left;
}

@media (max-width: 749.98px) {
  dialog .dining-reservation .order-form__row_with-hint {
    align-items: stretch;
  }

  dialog .dining-reservation .order-form__row_with-hint .order-form__field {
    width: 100%;
  }
}