.seating-container{font-family:Montserrat,sans-serif;width:100%;max-width:1200px;margin:0 auto;padding:20px;background-color:#242333;box-sizing:border-box;color:#fff;border-radius:8px;text-align:center;position:relative}.seating-title{font-size:2.5rem;color:#66b2ff;font-weight:800;margin-bottom:2rem;text-align:center}.container{perspective:1000px;margin:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.chart-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:20px 0;margin-bottom:20px}.chart-content{min-width:600px;margin:0 auto}.seat{background-color:#444451;height:26px;width:26px;margin:3px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:11px;cursor:pointer;transition:transform .2s}.seat.selected{background-color:#0081cb}.seat.occupied{background-color:#fff;color:#000;cursor:not-allowed}.seat:not(.occupied):hover{transform:scale(1.2);background-color:#556}:where(.seating-container) .row{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.rowsletter{width:30px;text-align:right;margin-right:10px;color:#fff;font-weight:700}.rowsletter h5{margin:0;color:#fff;font-size:14px}.screen{background:#0081cb;height:70px;width:80%;margin:15px auto 30px;transform:rotateX(-45deg);box-shadow:0 3px 10px #ffffffb3;display:flex;align-items:center;justify-content:center}.screen h1{color:#fff;font-size:1.5rem;margin:0}.showcase{display:flex;justify-content:center;list-style-type:none;background:#0000001a;padding:10px;border-radius:5px;color:#ccc;margin-bottom:20px;gap:20px}.showcase li{display:flex;align-items:center;gap:5px}.seat-show,.selected-show,.occupied-show{width:20px;height:20px;border-radius:4px}.seat-show{background-color:#444451}.selected-show{background-color:#0081cb}.occupied-show{background-color:#fff}.held-show{width:20px;height:20px;border-radius:4px;background-color:#f97316;animation:seat-hold-pulse 1.2s ease-in-out infinite}.seating-container button[type=submit]{background-color:#28a745;color:#fff;border:none;padding:12px 30px;margin-top:20px;border-radius:5px;cursor:pointer;font-weight:700;font-size:1.1rem}.seating-container button[type=submit]:hover{background-color:#218838}.info{margin-top:20px;text-align:center}.seating-container.customer-seat-selection{--seat-available: #94a3b8;--seat-available-hover: #b6c0d0;--seat-selected: #0081cb;--seat-selected-hover: #0d95e6;--seat-occupied: #ef4444}.seating-container.customer-seat-selection .seat{background-color:var(--seat-available);color:#0f172a;font-weight:600;border:1px solid rgba(15,23,42,.3);box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.seating-container.customer-seat-selection .seat.selected{background-color:var(--seat-selected);color:#fff;border-color:#005f96;transform:scale(1.08);box-shadow:0 0 0 2px #0081cb66}.seating-container.customer-seat-selection .seat.occupied{background-color:var(--seat-occupied);color:#fff;border-color:#b91c1c;cursor:not-allowed;transform:none;box-shadow:none}.seating-container.customer-seat-selection .seat.occupied.held{background-color:#f97316;color:#fff;border-color:#c2410c;cursor:not-allowed;animation:seat-hold-pulse 1.2s ease-in-out infinite}@keyframes seat-hold-pulse{0%,to{box-shadow:0 0 #f97316e6;transform:scale(1.02)}50%{box-shadow:0 0 0 7px #f9731600;transform:scale(1.14)}}.seating-container.customer-seat-selection .seat.pressing:not(.occupied):not(.selected),.seating-container.customer-seat-selection .seat:active:not(.occupied):not(.selected){background-color:var(--seat-available-hover);transform:scale(1.15)}@media (hover: hover) and (pointer: fine){.seating-container.customer-seat-selection .seat:not(.occupied):not(.selected):hover{background-color:var(--seat-available-hover);transform:scale(1.15)}.seating-container.customer-seat-selection .seat.selected:hover{background-color:var(--seat-selected-hover)}}.seating-container.customer-seat-selection .seat-show{background-color:var(--seat-available)}.seating-container.customer-seat-selection .selected-show{background-color:var(--seat-selected)}.seating-container.customer-seat-selection .occupied-show{background-color:var(--seat-occupied)}.seating-container.customer-seat-selection .showcase{color:#fff;font-size:16px;flex-wrap:wrap;row-gap:10px}.seating-container.customer-seat-selection .screen h1{font-size:18px}.seating-container.customer-seat-selection .rowsletter h5{font-size:16px}.seating-container.customer-seat-selection button[type=submit]{padding:16px 36px;font-size:18px;font-weight:800}