/* =========================================================
   DESKTOP = the same app, laid out for a large screen.
   Everything else comes from app.css (shared with mobile).
   ========================================================= */
@media(min-width:761px){
  body{padding-bottom:0}
  .wrap{max-width:1180px;padding:0 40px}
  .tabbar{display:none}
  .wa-float{display:grid}

  /* Top bar: same dark bar + the app's sections as links */
  .header-in{height:68px}
  .nav{display:flex;margin-left:auto;gap:26px;font-size:14.5px}
  .nav a{color:#fff;opacity:.7}.nav a:hover{opacity:1}
  .header-cta{display:inline-flex;background:#fff;color:#111}
  .app-bell{margin-left:4px}

  /* Home */
  .app-home{max-width:1180px;margin:0 auto;padding:32px 40px 8px;background:none}
  .app-hello{font-size:64px}
  .app-search{max-width:680px}
  .app-trust{margin:14px 0 0;padding:0}
  .app-seg{max-width:520px}
  .app-chips{margin:0;padding:0}
  .app-feature>a{aspect-ratio:2.5}
  .app-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-rail{grid-auto-columns:calc((100% - 24px) / 3);margin:0;padding:0 0 4px}
  .app-rail-dest{grid-auto-columns:calc((100% - 60px) / 6)}
  .app-alert-cta{max-width:680px}
  .sec .wrap{max-width:1180px}

  /* Lists */
  .fgrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
  .dgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .app-listhead{max-width:1180px;margin:0 auto;padding:32px 40px 4px}
  .app-listhead h1{font-size:52px}
  .app-listbar{max-width:720px}
  .filters-sheet{left:50%;right:auto;width:560px;margin-left:-280px;bottom:24px;border-radius:28px}
  .page-head .h-l{font-size:52px}

  /* Flight / aircraft / destination detail */
  .single-vfp_flight .site-header,.single-vfp_aircraft .site-header,.tax-vfp_destination .site-header{opacity:1;pointer-events:auto;background:rgba(17,17,17,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.06)}
  .is-inner .fl-hero,.fl-hero{margin-top:0;z-index:auto}
  .fl-hero>.gal,.fl-hero>.media-img,.fl-hero>.media-fallback{height:min(64vh,640px)}
  .fl-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 20%,transparent 45%,#111 min(64vh,640px))}
  .fl-hero-in{margin-top:-110px}
  .fl-hero .h-l{font-size:56px}
  .app-back,.heart-top{display:none}
  .crumb{display:inline-flex;position:static;order:-1;font-size:14px;color:rgba(255,255,255,.7)}
  .fl-hero>.gal .gal-dots{bottom:130px}
  .fl-hero>.gal .gal-count{top:16px;right:20px;bottom:auto}
  .ac-wide{grid-template-columns:1fr 1.1fr}
  .dir-seg{top:84px;max-width:460px}
}

/* Wide screens: booking card sits beside the flight instead of a bottom sheet */
@media(min-width:1000px){
  .fl-grid{grid-template-columns:minmax(0,1fr) 400px}
  .fl-aside{position:sticky!important;top:92px!important;left:auto;right:auto;bottom:auto;transform:none;max-height:none;overflow:visible;padding:0;border-radius:0;background:none;z-index:auto;gap:12px}
  .fl-aside .sheet-grab,.fl-aside .book-close{display:none!important}
  .book{background:#1a1a1a;border-radius:24px;padding:24px}
  .op{display:flex}
  .mbar{display:none!important}
  .single-vfp_flight{padding-bottom:0}
}
@media(min-width:761px){.site-header .header-cta,.is-home .site-header.solid .header-cta{background:#fff!important;color:#111!important}}
@media(min-width:761px){.site-header .brand-logo{height:23px}.site-footer .brand-logo{height:28px}}