/* A slightly more compact phone view without browser scaling or smaller inputs. */
@media(max-width:480px){
 header{position:relative;top:auto}
 header nav.wrap{gap:5px;padding:4px 0 8px}
 header .logo{width:195px;height:76px}
 header .header-actions{gap:9px}
 header .header-actions .btn,header .header-actions .navcall{font-size:12px;padding:9px 11px;min-height:44px}
 header nav .links{font-size:14px;gap:0 14px}
 header nav .links a{min-height:40px}
 header::after{height:12px}
 .hero.hero-quote{padding:22px 0 42px}
 .hero-quote .top-quote{padding:18px 0}
 .hero-quote .top-quote h1{font-size:30px;margin-bottom:24px}
 .hero-quote .flighthead{font-size:16px;gap:20px;margin-bottom:18px}
 .hero-quote .flightfields,.hero-quote .leg-fields{gap:14px}
 .hero-quote .flightfields label,.hero-quote .leg-fields label,.hero-quote .quote-actions label{font-size:16px;line-height:1.4}
 .hero-quote .flightfields input,.hero-quote .leg-fields input,.hero-quote .flightfields select.time-select,.hero-quote .leg-fields select.time-select,.hero-quote .quote-actions select{font-size:16px;min-height:48px;padding:10px 0}
 .hero-quote .quote-actions{margin-top:16px;gap:16px}
 .hero-quote .quote-actions .btn{min-height:48px;padding:12px 18px;font-size:13px}
 .empty-search input,.empty-search select{font-size:16px;min-height:48px;padding:10px 0}
 .empty-route-fields,.empty-detail-fields{gap:16px}
 section[id],#quote-calculator,input[data-airport-search]{scroll-margin-top:20px}
}