/* Approved Transfers presentation around the unchanged canonical booking form. */
/* The approved photographic chapters scroll beneath the current shared shell. */
body.transfers-cinematic #wandoras-site-header{position:sticky;top:0;z-index:60}
body.transfers-cinematic .night10-bar{position:sticky;top:var(--transfers-header-height,84px);z-index:59}
body.transfers-cinematic .transfer-page{padding-bottom:0}
body.transfers-cinematic .transfer-page #transfer-input{display:block;width:100%;max-width:none;margin:0;padding:0}
body.transfers-cinematic .transfer-page .chapter{padding:0;margin:0}
body.transfers-cinematic .transfer-page .composition:is(.arrival,.cabin,.city){padding:0}
body.transfers-cinematic .transfer-page .arrival.v3-hero{height:var(--frame-height);min-height:0;max-height:none}
body.transfers-cinematic .transfer-page .arrival-copy h1{font-size:clamp(46px,3.9vw,56px)!important}
body.transfers-cinematic .transfer-page :is(.cabin,.city) :is(h2,.eyebrow){color:#fff}
body.transfers-cinematic .transfer-page .booking-dock{top:calc(var(--native-arrival-height,var(--frame-height)) - var(--native-dock-height,108px) - 64px);overflow:visible}
body.transfers-cinematic .transfer-page .v3-booking-shell{position:static;transform:none;width:100%;margin:0}
body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector{display:flex;position:absolute;top:-66px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);gap:2px;padding:4px;margin:0;border:1px solid #ffffff55;border-radius:999px;background:#172d28f2;backdrop-filter:none}
body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button{flex:0 0 auto;min-height:44px;padding:10px 16px;border:0;border-radius:999px;background:transparent;color:#f7f8f4;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}
body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button[aria-selected=true]{background:#c8ae67;color:#172d28}
body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button:focus-visible{outline:2px solid #f7f8f4;outline-offset:-3px}
body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button[aria-selected=true]:focus-visible{outline-color:#172d28}
body.transfers-cinematic .transfer-page .hero-booking-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:78px;border:0;border-radius:0;padding:0;background:transparent;backdrop-filter:none;box-shadow:none}
body.transfers-cinematic .transfer-page #hero-journey-fields{grid-template-columns:1.2fr 1.4fr 1fr .75fr;min-width:0}
body.transfers-cinematic .transfer-page #hero-journey-fields>.field{min-height:54px;padding-inline:12px}
body.transfers-cinematic .transfer-page #hero-journey-fields :is(input,.transfer-picker-trigger,.v3-date-trigger,.transfer-hotel-selected){font-size:13px;line-height:1.4;min-height:34px}
body.transfers-cinematic .transfer-page #hero-journey-fields :is(label,.field-label,.transfer-date-control>span,.transfer-time-control>span){font-size:11px;font-weight:600}
body.transfers-cinematic .transfer-page #hero-journey-fields .v3-fixed-location strong{font-size:13px;font-weight:500}
body.transfers-cinematic .transfer-page #booking-action{width:auto;min-width:166px;min-height:48px;padding:12px 22px;margin:0;border:0;border-radius:5px;background:#c8ae67;color:#172d28;font-size:15px;font-weight:600;gap:12px}
body.transfers-cinematic .transfer-page #booking-action:hover{background:#d5bd7a;transform:none}
body.transfers-cinematic .transfer-page #hero-error{margin:0;font-size:12px;line-height:1.5;color:#fff}
body.transfers-cinematic .transfer-page #hero-error:empty{display:none}
body.transfers-cinematic .transfer-page #hero-error:not(:empty){margin-top:8px}
body.transfers-cinematic .transfer-page #mobile-booking-open{display:none}
body.transfers-cinematic .transfer-page #transfer-form{scroll-margin-top:calc(var(--story-top) + 20px)}
body.transfers-cinematic .transfer-page .tp-wrap{width:min(1060px,calc(100% - 48px))}
body.transfers-cinematic .transfer-page :is(#service-tabs button,#booking-action,#mobile-booking-open):focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1100px){
 body.transfers-cinematic .transfer-page #hero-journey-fields>.field{padding-inline:8px}
 body.transfers-cinematic .transfer-page #booking-action{min-width:145px;padding-inline:16px}
}
@media(max-width:1023px){body.transfers-cinematic .transfer-page{--frame-height:calc(100svh - var(--story-top,84px))}}
@media(max-width:850px){
 body.transfers-cinematic .transfer-page{--frame-height:min(620px,calc(100svh - var(--story-top,84px)))}
 body.transfers-cinematic .transfer-page .hero-booking-bar{display:none!important}
 body.transfers-cinematic .transfer-page .booking-dock{top:calc(var(--native-arrival-height,var(--frame-height)) - var(--native-dock-height,72px) - 50px)}
 body.transfers-cinematic .transfer-page #mobile-booking-open{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:5px;background:#c8ae67;color:#172d28;font-size:15px;font-weight:600}
 body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector{left:0;right:0;transform:none;width:auto;max-width:100%}
 body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button{padding-inline:14px}
}
@media(max-width:600px){body.transfers-cinematic .transfer-page .tp-wrap{width:calc(100% - 32px)}}
@media(max-width:760px){body.transfers-cinematic .transfer-page .arrival.v3-hero{min-height:540px}body.transfers-cinematic .transfer-page .arrival-copy h1{font-size:clamp(32px,8.2vw,38px)!important}}
@media(prefers-reduced-motion:reduce){body.transfers-cinematic .transfer-page *{scroll-behavior:auto!important}}