.booking-page-layout {
  display: grid;
  gap: var(--sp-10);
  align-items: start;
}

@media (min-width: 768px) {
  .booking-page-layout {
    grid-template-columns: 1fr 300px;
  }
}

.booking-info-card {
  background-color: var(--clr-beige-light);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  padding: var(--sp-6);
}

.booking-info-card__title {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  font-weight: var(--fw-light);
  margin-bottom: var(--sp-5);
  padding-bottom: var(--sp-4);
  border-bottom: 1px solid var(--clr-border);
}

.booking-info-card__list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.booking-info-card__list li {
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
}

.booking-info-card__list a {
  color: var(--clr-gold);
}

.booking-info-card__list a:hover {
  text-decoration: underline;
}