.sticky-booking-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px; /* Khoảng cách từ đỉnh trang khi gắn cố định */
    max-height: calc(100vh - 40px); /* Chiều cao tối đa là 100% chiều cao viewport trừ đi padding */
    /*overflow-y: auto; !* Cuộn nếu nội dung quá dài *!*/
    padding-bottom: 10px;
    z-index: 100; /* Đảm bảo hiển thị trên các phần khác */
    transition: all 0.3s ease; /* Hiệu ứng mượt mà */
}

/* Thiết lập scrollbar cho sticky sidebar */
.sticky-booking-sidebar::-webkit-scrollbar {
    width: 5px;
}

.sticky-booking-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.sticky-booking-sidebar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.sticky-booking-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Thêm shadow khi cuộn */
.sticky-booking-sidebar.is-sticky {
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
}

/* Responsive - Tắt tính năng sticky trên màn hình nhỏ */
@media (max-width: 991.98px) {
    .sticky-booking-sidebar {
        position: relative;
        top: 0;
        max-height: none;
        overflow-y: visible;
        padding-bottom: 0;
    }
}

/* Thêm hiệu ứng hover cho nút đặt phòng */
.sticky-booking-sidebar .booking_button {
    transition: all 0.2s ease;
}

.sticky-booking-sidebar .booking_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Thêm hiệu ứng khi cuộn xuống */
.sticky-booking-sidebar.is-sticky .hotel-info-form {
    border-top: 3px solid #ffc107;
}

/* Cải thiện UX trên thiết bị di động */
@media (max-width: 767.98px) {
    .sticky-booking-sidebar .hotel-info-form {
        border: 1px solid rgba(0,0,0,.1);
        margin-bottom: 15px;
    }
}