.bookingButton{display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-height:44px;padding:8px 11px;border:1px solid #bfdacf;border-radius:10px;background:#edf7f1;color:#246855!important;font:600 12px/1.4 system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.bookingButton svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bookingButton:hover{background:#dfefe5;border-color:#8bb7a4}
.bookingButton:focus-visible{outline:2px solid #247f78;outline-offset:3px}
.bookingNote,.mapFeatureInfo .bookingNote{font-size:11px;line-height:1.5;color:#63766d;margin:6px 0 8px}
.mapBookingAction{margin-top:10px}.mapBookingAction .bookingButton{width:100%}
.bookingButton{cursor:pointer}
.bookingInquiryDialog{width:min(480px,calc(100% - 24px));max-height:80dvh;padding:20px;overscroll-behavior:contain}
.bookingInquiryDialog .travellerDialogHead{margin-bottom:16px}
.bookingInquiryDialog .travellerDialogHead>button{width:44px;height:44px;min-width:44px}
#bookingInquiryPlace{margin:0 0 6px;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
#bookingInquiryAddress{margin:0 0 12px;font-size:12px;color:#63766d;overflow-wrap:anywhere}
#bookingInquiryIntro{padding:10px 12px;border-radius:10px;background:#f1f7f4;font-size:13px;margin:0 0 14px}
#bookingInquiryIntro strong{font-weight:600}
#bookingInquiryChannels{display:grid;gap:8px}
.bookingContactRow{display:flex;align-items:stretch;border:1px solid #dce8e2;border-radius:12px;overflow:hidden}
.bookingContactLink{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;padding:11px 13px;min-height:52px;box-sizing:border-box;color:#246855;text-decoration:none}
.bookingContactLink strong,.bookingContactLink small{display:block}
.bookingContactLink strong{font-size:14px;font-weight:600;line-height:1.5}
.bookingContactLink small{font-size:12px;line-height:1.5;color:#63766d;overflow-wrap:anywhere}
.bookingContactArrow{flex:none;font-size:18px}
.bookingPhoneCopy{align-self:center;flex:none;min-height:44px;margin-right:8px;border:0;border-radius:8px;background:#f1f6f3;color:#246855;font:600 12px/1.4 system-ui,sans-serif;padding:8px;cursor:pointer}
.bookingContactLink:hover,.bookingPhoneCopy:hover{background:#edf7f1}
.bookingContactLink:focus-visible,.bookingPhoneCopy:focus-visible{outline:2px solid #247f78;outline-offset:-3px}
#bookingInquiryNote{font-size:12px;margin:14px 0 6px;color:#465b52}
.bookingInquiryHelp{font-size:12px;color:#63766d;margin:6px 0 12px}
.bookingInquirySource{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;font-size:11px;color:#718078}
.bookingInquirySource a{color:#33786b;min-height:32px;display:inline-flex;align-items:center}
#bookingInquiryStatus{font-size:12px;color:#246855;margin:8px 0 0}
#bookingInquiryStatus:empty{display:none}
@media(max-width:900px){
 #detail .detailQuickActions.hasBooking{grid-template-columns:repeat(4,minmax(0,1fr))}
 #detail .detailQuickActions.hasBooking button,#detail .detailQuickActions.hasBooking a{font-size:11px;white-space:normal;text-align:center;line-height:1.3;padding:6px 3px}
 #detail .detailQuickActions.hasBooking svg{display:none}
 #detail .detailBody .bookingButton{display:none}
 #detail .detailQuickActions .bookingButton{background:#edf7f1;border-color:#bfdacf}
}