.book-table-panel{z-index:1050;background:#fff;flex-direction:column;width:40%;max-width:500px;height:100vh;transition:transform .5s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 10px #0003}.book-table-panel.open{transform:translate(0)}.book-table-panel.full-page{width:100%;max-width:none;height:auto;box-shadow:none;padding:20px;position:static;transform:none}.book-table-page-container{padding:1rem}.book-table-header{z-index:10;background:#f8f9fa;padding:20px;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.book-table-content{background-color:#f8f9fa;flex-direction:column;flex-grow:1;min-height:0;padding:10px 10px 20px;display:flex;overflow-y:auto}.book-table-content::-webkit-scrollbar{display:none}.paper-container{border-radius:10px;margin-top:20px;padding:15px}.scroll-wrapper{align-items:center;gap:5px;display:flex;position:relative}.scroll-arrow{z-index:10;width:36px;height:36px;transition:all .3s;position:absolute;background:#fff!important;border:1px solid #e0e0e0!important;box-shadow:0 2px 8px #00000026!important}.scroll-arrow:hover{background:#f5f5f5!important;box-shadow:0 4px 12px #0003!important}.scroll-arrow-left{left:-5px}.scroll-arrow-right{right:-5px}.scroll-container{white-space:nowrap;scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5;gap:10px;padding:10px 0;display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{height:6px}.scroll-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.scroll-container::-webkit-scrollbar-thumb:hover{background:#999}.guest-btn{cursor:pointer;background:#fff;border:1px solid #ccc;height:50px;font-size:16px;transition:all .3s ease-in-out;box-shadow:0 1px 3px #0000001a;color:#212121!important;border-radius:10px!important;min-width:50px!important}.guest-btn.active,.date-btn.active,.time-btn.active{font-weight:700}.date-btn{cursor:pointer;background:#fff;border:1px solid #ccc;padding:10px 15px;font-size:14px;transition:all .3s ease-out;box-shadow:0 2px 5px #0000001a;color:#212121!important;border-radius:10px!important;min-width:55px!important}.time-title{flex:1;font-weight:700}.time-grid{flex-wrap:wrap;gap:10px;display:flex}.time-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px 15px;font-size:14px;transition:all .3s ease-out;box-shadow:0 1px 3px #0000001a;color:#212121!important}.time-btn:disabled{color:#9f9c9c!important;cursor:not-allowed!important;background-color:#e9e9e9!important;border-color:#ccc!important}.icon{margin-right:10px}.accordion-summary{align-items:center;gap:10px;display:flex}.accordion-text{flex-direction:column;display:flex}.proceed-btn-container{justify-content:center;margin-top:20px;display:flex}.proceed-btn{border-radius:15px;width:100%;margin-bottom:20px;padding:10px;font-size:16px;color:#fff!important;text-transform:none!important}.selection-container{padding:0!important}.back-btn{cursor:pointer}.slot-container{flex-wrap:wrap;gap:15px;margin-top:10px;display:flex}.slot-btn{cursor:pointer;border:none;border-radius:5px;min-width:100px;padding:10px;color:#fff!important}.slot-btn.booked{cursor:not-allowed!important;background-color:#c2c3c3!important}.input-field{border:1px solid #ccc;border-radius:5px;outline:none;width:100%;padding:10px;font-size:16px}.confirmation-container{text-align:center;max-width:600px;margin:35px auto}.confirmation-header{margin:-30px -30px 20px;padding:15px}.thank-you-text{color:#fff;text-transform:uppercase;font-size:14px;font-weight:700}.welcome-text{color:#fff;font-size:20px;font-weight:700}.confirmation-message{color:#444;margin-bottom:20px;font-size:16px}.reservation-details{color:#333;margin-top:20px;font-size:18px}.guest-details{margin-top:5px;font-weight:700}@media (max-width:1449px){.book-table-panel{width:50%}}@media (max-width:992px){.book-table-panel{width:60%}.book-table-panel.full-page{padding:15px}.book-table-page-container{padding:.75rem}.book-table-content{padding:8px 8px 15px}.paper-container{margin-top:15px;padding:12px}}@media (max-width:768px){.book-table-panel{width:80%}.book-table-panel.full-page{padding:10px}.book-table-page-container{padding:.5rem}.book-table-content{padding:5px 5px 10px}.paper-container{margin-top:12px;padding:10px}.book-table-header{padding:15px}.scroll-container{scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}}@media (max-width:480px){.book-table-panel{width:100%}.book-table-panel.full-page{padding:8px}.book-table-page-container{padding:.25rem}.book-table-content{padding:5px 5px 10px}.paper-container{margin-top:10px;padding:10px}.book-table-header{padding:12px}.confirmation-container{margin:20px auto}.confirmation-header{margin:-20px -20px 15px}.scroll-container{scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}}@media (max-width:600px){.input-field{padding:8px 10px;font-size:14px}}