.booking-hours {
  margin: -6px 0 20px;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 780px) {
  body[data-page="reservation"] .site-shell {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  body[data-page="reservation"] .site-header,
  body[data-page="reservation"] .site-footer {
    margin-inline: 20px;
  }

  body[data-page="reservation"] .booking-layout {
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  body[data-page="reservation"] .welcome {
    display: none;
  }

  body[data-page="reservation"] .reservation-card {
    width: 100%;
    min-width: 0;
    padding: 28px 20px;
    border-inline: 0;
    border-radius: 0;
    box-shadow: none;
  }

  body[data-page="reservation"] input:not([type="checkbox"]),
  body[data-page="reservation"] select,
  body[data-page="reservation"] textarea {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  body[data-page="reservation"] .date-grid,
  body[data-page="reservation"] .contact-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}