#bookingSection { margin: 0; padding: 36px 24px; background: #fffaf3; }
#bookingSection > .container { width: 100%; max-width: 1170px; padding: 24px; background: #f3e5d0; border: 1px solid #e4ceb0; border-radius: 12px; }
#bookingSection .row { margin: 0; }
#bookingForm { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 1.1fr; gap: 16px; align-items: end; }
#bookingForm .wdmu { width: auto; padding: 0; float: none; }
#bookingForm .form-group { margin: 0; }
#bookingForm label { display: block; margin: 0 0 9px; color: #654327; font: 600 12px Arial, sans-serif; }
#bookingForm .form-control { width: 100%; height: 46px; padding: 10px 12px; border: 1px solid #dfc9ac; border-radius: 6px; background: #fffdfa; color: #654327; font: 14px Arial, sans-serif; box-shadow: none; }
#bookingForm .btn { width: 100%; height: 46px; margin: 0; border: 0; border-radius: 6px; background: #65330f; color: #fff5e6; font: 600 13px Arial, sans-serif; }
#bookingForm .btn:hover { background: #81481e; }
@media (max-width: 800px) { #bookingForm { grid-template-columns: repeat(2, minmax(0, 1fr)); } #bookingForm .wdmu:last-child { grid-column: 1 / -1; } }
@media (max-width: 480px) { #bookingSection { padding: 24px 18px; } #bookingSection > .container { padding: 18px; } #bookingForm { gap: 16px 10px; } }
