.booking-section {
    padding: 40px 0;
}

.booking-controls {
    margin-bottom: 20px;
}

.time-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.time-slot {
    padding: 10px 15px;
    border: 1px solid var(--primary-color);
    background-color: var(--light-color);
    cursor: pointer;
}

.time-slot.selected,
.time-slot:hover {
    background-color: var(--accent-color);
    color: #fff;
}

.time-slot:disabled {
    background-color: var(--gray-color);
    color: #fff;
    cursor: not-allowed;
}

.booking-form {
    max-width: 400px;
}

.booking-form .form-group {
    margin-bottom: 15px;
}