/* AirSuq V1.2.1 — centered desktop results and responsive polish */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.shell{width:100%}
.results-section.shell{max-width:1480px;margin:34px auto 80px;padding-left:clamp(20px,2vw,32px);padding-right:clamp(20px,2vw,32px)}
.results-layout{grid-template-columns:minmax(320px,350px) minmax(0,1fr);gap:20px}
.results-layout>*{min-width:0}
.flights-panel,.flight-card>div:nth-child(2){min-width:0}
.flight-card{grid-template-columns:minmax(170px,1.05fr) minmax(300px,1.55fr) minmax(120px,.72fr) auto}
.prediction-panel{scroll-margin-top:18px}
.footer-version{font-size:0}
.footer-version::after{content:"v1.2.1";font-size:11px}

@media(min-width:1500px){
  .results-section.shell{max-width:1520px}
  .results-layout{grid-template-columns:360px minmax(0,1fr);gap:22px}
  .flight-list{padding:12px}
  .flight-card{padding:16px;gap:17px}
}

@media(max-width:1180px){
  .results-section.shell{max-width:1240px;padding-left:24px;padding-right:24px}
  .results-layout{grid-template-columns:290px minmax(0,1fr);gap:14px}
  .flight-card{grid-template-columns:minmax(150px,1fr) minmax(225px,1.35fr) minmax(105px,.7fr)}
  .flight-card .select-flight{grid-column:1/-1;width:100%}
}

@media(max-width:1024px) and (min-width:781px){
  .results-section.shell{padding-left:20px;padding-right:20px}
  .results-layout{grid-template-columns:1fr;gap:14px}
  .flights-panel{order:1}
  .prediction-panel{order:2;position:relative;top:auto}
  .prediction-empty{min-height:260px}
  .flight-card{grid-template-columns:minmax(160px,1fr) minmax(260px,1.45fr) minmax(110px,.72fr) auto}
  .flight-card .select-flight{grid-column:auto;width:auto}
}

@media(max-width:780px){
  body{min-width:0}
  .shell,.results-section.shell{max-width:none;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .results-section.shell{margin-top:26px;margin-bottom:56px}
  .route-head{gap:12px;margin-bottom:12px}
  .route-head h2{font-size:24px}
  .date-strip{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .date-strip::-webkit-scrollbar{display:none}
  .date-cell{flex:0 0 88px;min-width:88px;scroll-snap-align:start}
  .results-layout{display:flex;flex-direction:column;gap:12px}
  .flights-panel{order:1;width:100%;min-width:0}
  .prediction-panel{order:2;width:100%;position:relative;top:auto}
  .results-toolbar{padding:12px}
  .sort-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .sort-tabs::-webkit-scrollbar{display:none}
  .sort-tab{flex:0 0 auto}
  .flight-list{padding:7px}
  .flight-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"airline price" "times times" "action action";gap:12px;padding:14px;min-height:0}
  .airline{grid-area:airline;min-width:0}
  .flight-card>div:nth-child(2){grid-area:times;min-width:0}
  .price-box{grid-area:price;align-self:center}
  .flight-card .select-flight{grid-area:action;grid-column:auto;width:100%;height:44px}
  .times{grid-template-columns:auto minmax(58px,1fr) auto;gap:9px;width:100%}
  .flight-line{min-width:40px}
  .airline-name{white-space:normal;line-height:1.25}
  .prediction-inner{padding:16px}
  .prediction-empty{min-height:250px;padding:20px}
  .signal{padding:16px}
  .toast{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));max-width:none}
  .launch-cta{margin-left:max(14px,env(safe-area-inset-left));margin-right:max(14px,env(safe-area-inset-right))}
}

@media(max-width:520px){
  .trip-chip{align-items:stretch}
  .trip-toggle{flex:1 1 auto}
  .trip-mode{flex:1}
  .direct-toggle{width:100%;margin-left:0;justify-content:center}
  .search-card{width:100%;margin-left:auto;margin-right:auto}
  .field{padding-left:14px;padding-right:14px}
  .flight-price{font-size:19px}
  .prob-row{gap:7px}
  .metric{padding:10px}
  .footer-links{gap:10px}
}

@media(max-width:390px){
  .shell,.results-section.shell{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .nav{gap:10px}
  .brand{font-size:19px;gap:8px}
  .brand-mark{width:32px;height:32px;border-radius:10px}
  .nav-actions{gap:4px}
  .ui-select{height:36px;padding-left:7px;padding-right:22px;font-size:10px}
  .select-wrap:after{right:7px;top:7px}
  .hero{padding-top:26px}
  .hero h1{font-size:36px}
  .hero p{font-size:14px;line-height:1.55}
  .search-card{margin-top:28px;padding:7px;border-radius:17px}
  .search-meta{font-size:10px}
  .route-head h2{font-size:22px}
  .date-cell{flex-basis:82px;min-width:82px}
  .flight-card{padding:12px;gap:10px}
  .airline-logo,.airline-fallback{width:34px;height:34px}
  .times{gap:6px}
  .time b{font-size:14px}
  .duration{font-size:9px}
  .prediction-inner{padding:14px}
  .signal-word{font-size:38px}
  .launch-cta{padding:22px}
}