/* Mobile panes for the existing canonical transfer inputs and quote controller. */
.tmj-dialog:not([open]){display:none}
@media(max-width:700px){
 body.tmj-ready:not(.tmj-open) #transfer-form{display:none!important}
 body.tmj-open{overflow:hidden;overscroll-behavior:none}
 .tmj-dialog{position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;max-width:none;height:calc(100dvh - env(safe-area-inset-top,0px));max-height:calc(100dvh - env(safe-area-inset-top,0px));margin:0;padding:0;border:0;border-radius:17px 17px 0 0;background:#f7f5ef;color:#173f38;font:14px/1.55 var(--font-primary);overflow:hidden;z-index:100;box-shadow:0 -12px 50px #092d3829}
 .tmj-dialog[open]{display:flex;flex-direction:column}
 .tmj-dialog::backdrop{background:#071f34a3}
 .tmj-dialog *{box-sizing:border-box;min-width:0}
 .tmj-dialog button{font-family:inherit;cursor:pointer;touch-action:manipulation}
 .tmj-dialog [hidden]{display:none!important}
 .tmj-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;align-items:center;padding:14px 14px 11px;flex-shrink:0}
 .tmj-dialog .tmj-header h2{margin:0;color:#173f38;font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.04em}
 .tmj-caption{margin:4px 0 0;font-size:11px;color:#627166;line-height:1.5}
 .tmj-dialog :is(.tmj-back,.tmj-close){display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#173f38;font-size:28px;font-weight:400;line-height:1}
 .tmj-dialog .tmj-close{font-size:25px}
 .tmj-progress{display:flex;list-style:none;gap:0;margin:0;padding:0 20px 13px;border-bottom:1px solid #dce2d6;flex-shrink:0}
 .tmj-progress li{flex:1;position:relative;padding-top:10px;font-size:10px;line-height:1.5;text-align:center;color:#67756d;font-weight:650}
 .tmj-progress li::before{content:'';position:absolute;top:0;left:2px;right:2px;height:3px;border-radius:4px;background:#d9e0d4}
 .tmj-progress .is-current{font-weight:800;color:#173f38}
 .tmj-progress .is-current::before{background:#805b17}
 .tmj-progress .is-complete::before{background:#173f38}
 .tmj-selection{display:flex;gap:7px;flex-wrap:wrap;padding:12px 20px 0;flex-shrink:0}
 .tmj-dialog .tmj-edit{border:1px solid #d1dbcb;background:#edf0e7;color:#173f38;padding:7px 9px;border-radius:7px;min-height:36px;font-size:11px;font-weight:750;line-height:1.5;text-align:left;white-space:normal;overflow-wrap:anywhere}
 .tmj-body{padding:20px 20px 8px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;-webkit-overflow-scrolling:touch}
 .tmj-dialog :is(#transfer-journey,#transfer-details){padding:0;margin:0;max-width:none}
 .tmj-dialog #transfer-legs fieldset,.tmj-dialog #transfer-details fieldset{padding:0 0 18px;margin:0 0 20px;border:0;border-bottom:1px solid #dce1d8}
 .tmj-dialog legend{margin-bottom:12px;padding:0;font-size:16px;font-weight:750;color:#173f38}
 .tmj-dialog .transfer-fields{display:grid;grid-template-columns:1fr;gap:16px}
 .tmj-dialog .transfer-schedule{display:grid;grid-template-columns:1fr;gap:18px;padding:0;margin:0}
 .tmj-dialog .transfer-calendar-inline{display:block;width:100%;margin:0}
 .tmj-dialog .wa-calendar{max-width:none;background:transparent;border:0;padding:0}
 .tmj-dialog .wa-calendar-days button{min-height:44px}
 .tmj-dialog .wa-calendar-month button{min-height:44px;min-width:44px}
 .tmj-dialog :is(input,select,textarea,.transfer-picker-trigger){font:14px/1.5 var(--font-primary);min-height:48px;padding:12px;border:1px solid #cad4c3;background:#fff;color:#173f38;border-radius:8px;max-width:100%}
 .tmj-dialog .transfer-date-control>span,.tmj-dialog .transfer-time-control>span{display:block;margin-bottom:10px;font-size:14px;font-weight:750}
 .tmj-dialog .transfer-selected-date{font-size:12px;line-height:1.5;margin:10px 0;color:#647266}
 .tmj-dialog .transfer-time-list{position:static;max-height:220px;margin-top:9px;border:1px solid #d6decf;background:#fff;box-shadow:none}
 .tmj-dialog .transfer-time-list button{min-height:44px;font-size:14px}
 .tmj-dialog .transfer-hotel{margin:0}
 .tmj-dialog .transfer-hotel label{font-size:14px;font-weight:750;margin-bottom:8px}
 .tmj-dialog .transfer-hotel ul{position:static;max-height:230px;overflow-y:auto;box-shadow:none;margin-top:8px}
 .tmj-dialog .transfer-hotel li{min-height:44px;padding:11px 12px;font-size:14px;line-height:1.5}
 .tmj-dialog .transfer-hotel-selected{font-size:14px;line-height:1.55;padding:12px;background:#edf0e7;border-color:#d1dbcb}
 .tmj-dialog .transfer-hotel-selected button{min-height:44px}
 .tmj-dialog .transfer-note{font-size:12px!important;line-height:1.55;color:#657168}
 .tmj-dialog .transfer-stepper{margin:0 0 20px}
 .tmj-dialog .transfer-stepper label{font-size:15px;font-weight:750;margin-bottom:10px}
 .tmj-dialog .transfer-stepper>div{display:flex;justify-content:space-between;align-items:center;padding:5px;border:1px solid #d1dbcb;background:#fff;border-radius:10px}
 .tmj-dialog .transfer-stepper button{width:44px;height:44px;min-height:44px;border:1px solid #cad4c3;border-radius:50%;background:#fff;color:#173f38;font-size:23px;line-height:1}
 .tmj-dialog .transfer-stepper input{border:0;background:transparent;min-height:44px;max-width:80px;font-size:18px;font-weight:750;text-align:center;padding:0}
 .tmj-dialog .transfer-check{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}
 .tmj-dialog .transfer-check input{height:22px;width:22px;min-height:22px;flex:0 0 22px;padding:0}
 .tmj-dialog .transfer-addon{padding:14px;border-radius:9px;min-height:58px}
 .tmj-dialog .transfer-addon-copy strong{font-size:15px}
 .tmj-dialog .transfer-cancellation{padding:16px 0;border-top:1px solid #dce1d8;border-radius:0;background:transparent}
 .tmj-dialog .transfer-cancellation p{font-size:14px;line-height:1.6}
 .tmj-dialog .transfer-cancellation summary{min-height:44px;display:flex;align-items:center;font-size:14px;line-height:1.5}
 .tmj-dialog .transfer-price{position:static;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;margin:0}
 .tmj-dialog .transfer-price :is(#transfer-summary,p){font-size:14px;line-height:1.6}
 .tmj-dialog .transfer-total{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-.045em;color:#805b17}
 .tmj-dialog .transfer-line{font-size:14px;line-height:1.5}
 .tmj-dialog :is([data-tmj-native-back],[data-tmj-native-submit],[data-tmj-native-continue]),.tmj-dialog .transfer-price>.transfer-note{display:none!important}
 .tmj-footer{padding:12px 20px calc(15px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #d8e0d3;flex-shrink:0}
 .tmj-status{font-size:12px;line-height:1.55;color:#7b3e24;margin:0 0 10px}
 .tmj-status:empty{display:none}
 .tmj-dialog .tmj-primary{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;padding:13px 16px;border:1px solid #173f38;border-radius:9px;background:#173f38;color:#fff;font-size:15px;line-height:1.45;font-weight:750;text-align:center;white-space:normal}
 .tmj-dialog .tmj-primary:disabled{background:#e7ece5;border-color:#d1dad0;color:#53645b;cursor:not-allowed}
 .tmj-dialog :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #805b17;outline-offset:3px}
 /* One visible purpose per pane, using the original canonical controls. */
 .tmj-dialog[data-step="date"] #transfer-journey .transfer-fields>:not(.transfer-schedule),.tmj-dialog[data-step="date"] :is(#transfer-passengers,#transfer-hours){display:none}
 .tmj-dialog[data-step="route"] #transfer-journey .transfer-fields>.transfer-schedule,.tmj-dialog[data-step="route"] #transfer-journey .transfer-fields>label:not(.transfer-check),.tmj-dialog[data-step="route"] :is(#transfer-passengers,#transfer-hours){display:none}
 .tmj-dialog[data-step="party"] #transfer-legs legend,.tmj-dialog[data-step="party"] #transfer-journey .transfer-fields>:not(.transfer-schedule),.tmj-dialog[data-step="party"] .transfer-schedule>:not(#transfer-passengers){display:none}
 .tmj-dialog[data-step="party"] #transfer-legs fieldset{border:0;margin:0;padding:0}
 .tmj-dialog[data-step="party"] .transfer-schedule{display:block}
 .tmj-dialog[data-step="details"] #transfer-journey .transfer-fields>:not([data-tmj-flight-field]),.tmj-dialog[data-step="details"] :is(#transfer-passengers,#transfer-hours),.tmj-dialog[data-step="details"] #transfer-details :is(.transfer-contact,.transfer-cancellation){display:none}
 .tmj-dialog[data-step="contact"] #transfer-details>:not(.transfer-contact):not(.transfer-cancellation):not(#transfer-book-result){display:none}
 .tmj-dialog[data-step="review"] :is(#transfer-journey,#transfer-details){display:none!important}
}
