@media(max-width:650px){
 .header{height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 .home-hero{min-height:calc(100svh - 144px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background-position:60% center}
 .hero-grid{padding-top:16px!important;padding-bottom:20px!important}
 .hero-copy{text-align:center}.hero-copy .overline{font-size:10px;line-height:1.3;letter-spacing:.16em}
 .hero-copy h1{font-size:clamp(30px,8.4vw,40px)!important;line-height:1.07!important;letter-spacing:-.045em!important;margin:8px auto 9px!important}
 .hero-copy p{font-size:13px!important;line-height:1.45!important;max-width:440px;margin:0 auto!important}
 .hero-highlights{justify-content:center;gap:6px 13px!important;margin:12px 0 15px!important;font-size:10.5px!important}
 .hero-highlights span::before{margin-right:4px}
 .booking-shell .date-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:5px}
 .booking-shell .date-input-wrap{position:relative;min-width:0;display:block;height:29px}
 .booking-shell .date-input-wrap input{position:relative;display:block;width:100%;height:29px;min-height:29px;margin:0;z-index:1;font-size:16px!important}
 .booking-shell .date-input-wrap input.is-empty{opacity:.01}
 .booking-shell .date-placeholder{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#6d8399;font-weight:650}
 .booking-shell .date-input-wrap.has-value .date-placeholder{display:none}
 .booking-shell .date-input-wrap + .date-input-wrap{border-left:1px solid #dce5ed;padding-left:8px}
 .booking-shell .date-input-wrap + .date-input-wrap input{border:0!important;padding-left:0!important}
 .booking-shell .date-input-wrap + .date-input-wrap .date-placeholder{padding-left:8px}
}
@media(max-width:650px) and (max-height:720px){
 .hero-grid{padding-top:10px!important;padding-bottom:14px!important}.hero-copy .overline{font-size:9px}.hero-copy h1{font-size:clamp(28px,8vw,34px)!important;margin:6px auto!important}.hero-copy p{font-size:12px!important;line-height:1.35!important}.hero-highlights{margin:8px 0 10px!important;gap:5px 10px!important;font-size:10px!important}
}
@media(min-width:651px){.date-placeholder{display:none}.date-input-wrap{min-width:0}}
/* Keep the initial booking action visible above the mobile navigation on short screens. */
@media(max-width:650px) and (max-height:760px){
 .header{height:calc(60px + env(safe-area-inset-top))!important}.header .brand{height:52px!important;width:77px!important;border-radius:13px!important}.header .site-logo{height:48px!important}
 .hero-grid{padding-top:7px!important;padding-bottom:12px!important}.hero-copy .overline{font-size:9px!important;line-height:1.2}
 .hero-copy h1{font-size:clamp(21px,6.2vw,25px)!important;line-height:1.1!important;letter-spacing:-.035em!important;margin:5px auto 5px!important}.hero-copy h1 br{display:none}
 .hero-copy p{font-size:11px!important;line-height:1.3!important;max-width:355px}.hero-highlights{margin:6px 0 8px!important;gap:4px 9px!important;font-size:9px!important}
 .booking-shell .tabs{margin-bottom:6px!important;padding:3px!important}.booking-shell .tabs button{min-height:40px!important}
 .booking-shell .booking{padding:8px 10px 9px!important}.booking-shell #searchForm>.route-field:not(#hoursField){min-height:52px!important;padding-top:5px!important;padding-bottom:5px!important}.booking-shell .route-swap{top:30px!important}
 .booking-shell #searchForm>.date-card{margin-top:6px!important}.booking-shell #searchForm>.date-card,.booking-shell #searchForm>.passengers,.booking-shell #searchForm>#hoursField{margin-bottom:4px!important;padding-top:5px!important;padding-bottom:5px!important}
 .booking-shell .booking-submit{margin-top:3px!important;min-height:46px!important}.booking-shell .booking-note{font-size:9px!important;line-height:1.25!important;margin:5px 2px 0!important}
}
@media(min-width:361px) and (max-width:650px) and (max-height:760px){
 .booking-shell #searchForm{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'pickup pickup' 'destination destination' 'date date' 'hours hours' 'ret pax' 'returnfields returnfields' 'status status' 'error error' 'submit submit' 'note note';column-gap:6px;row-gap:0}
 .booking-shell #searchForm>.route-field:first-of-type{grid-area:pickup}.booking-shell #destinationField{grid-area:destination}.booking-shell #searchForm>.date-card{grid-area:date}.booking-shell #hoursField{grid-area:hours}.booking-shell #returnToggle{grid-area:ret}.booking-shell #returnFields{grid-area:returnfields}.booking-shell #searchForm>.passengers{grid-area:pax}.booking-shell #lookupStatus{grid-area:status}.booking-shell #searchError{grid-area:error}.booking-shell #searchForm>.booking-submit{grid-area:submit}.booking-shell #searchForm>.booking-note{grid-area:note}
 .booking-shell #searchForm[data-mode="hourly"]{grid-template-areas:'pickup pickup' 'date date' 'hours hours' 'pax pax' 'status status' 'error error' 'submit submit' 'note note'}
 .booking-shell #lookupStatus:empty,.booking-shell #searchError:empty{display:none}.booking-shell #returnToggle{height:100%;min-height:48px!important;margin:0!important;padding:4px 6px!important;gap:5px;font-size:11px!important;line-height:1.2}.booking-shell #returnToggle span{width:24px;height:24px;font-size:17px}.booking-shell #returnToggle b{display:none}
 .booking-shell #searchForm>.passengers{min-height:48px!important;padding:3px 5px!important;margin:0!important;gap:3px}.booking-shell .passengers label{font-size:9px!important;line-height:1.1}.booking-shell .count{gap:2px}.booking-shell .count button{width:40px!important;height:40px!important}.booking-shell .count span{min-width:10px;font-size:12px}
}
@media(max-width:650px) and (max-height:760px){
 .booking-shell .booking-submit{height:46px!important}.mobile-nav{min-height:60px!important;padding-top:4px!important;padding-bottom:calc(4px + env(safe-area-inset-bottom))!important}.mobile-nav a,.mobile-nav button{min-height:48px!important}
}
@media(min-width:361px) and (max-width:650px) and (max-height:760px){.booking-shell .passengers label{font-size:0!important;white-space:nowrap}.booking-shell .passengers label::after{content:'Sərnişin';font-size:10px;letter-spacing:0}}