.header nav{gap:clamp(12px,1.6vw,26px)}
.header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.booking-panel{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:340px;width:100%;flex-shrink:0}
.booking-panel>.button,.booking-panel>.contact-button{width:100%}.booking-qr{margin:0;text-align:center}.booking-qr img{display:block;width:200px;height:200px;margin:0 auto 12px;background:white}.booking-qr figcaption{font-size:14px;line-height:1.65}.booking-qr figcaption a{font-weight:700;text-underline-offset:4px}
.contact-box .booking-panel{max-width:none}.contact-box .booking-qr{color:white}.contact-box .booking-qr figcaption a{color:white}
@media(max-width:1200px){.header{height:74px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;font-weight:800;cursor:pointer}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:20px 25px 30px;box-shadow:0 12px 15px #15333b22;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:14px 0}.header nav .nav-contact{padding:14px;margin-top:8px}}
@media(max-width:600px){.booking-panel{max-width:100%}}