.booking-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 24px; }
.booking-step { padding: 13px; border: 1px solid var(--border); border-radius: 14px; text-align: center; color: var(--text-muted); background: rgba(5,10,7,.34); }
.booking-step.active { color: var(--accent-light); background: var(--glow); }
.time-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.time-button { border: 1px solid var(--border); border-radius: 10px; background: rgba(5,10,7,.5); color: var(--text-soft); padding: 11px; cursor: pointer; }
.time-button:hover, .time-button.selected { background: var(--accent); color: var(--button-text); }
.booking-status { margin: 16px 0; padding: 14px 16px; border-radius: 12px; background: rgba(5,10,7,.4); border: 1px solid var(--border); color: var(--text-soft); }
@media (max-width: 760px) { .booking-steps { grid-template-columns: repeat(2, 1fr); } .time-grid { grid-template-columns: repeat(3, 1fr); } }