/* Tablet header keeps a single-row composition and a complete, left-led
   product navigation. */
@media(min-width:651px) and (max-width:900px){
  body>.topbar .nav{order:0;flex:1 1 auto;width:auto;min-width:0;margin-right:auto;padding:0;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  body>.topbar .nav::-webkit-scrollbar{display:none}
  body>.topbar .nav a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
  body>.topbar .currency-select{order:0;flex:0 0 auto}
}

/* Phone: brand/currency first row, product rail second row, then the hero.
   Primary navigation never disappears on touch devices. */
@media(max-width:650px){
  body>.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px 44px;height:calc(108px + env(safe-area-inset-top));align-items:center;align-content:start;gap:0;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(247,240,231,.96),rgba(247,240,231,.9));backdrop-filter:blur(12px)}
  body>.topbar .brand{grid-column:1;grid-row:1;min-width:0;font-size:23px}
  body>.topbar .brand-phoenix{width:34px;height:39px}
  body>.topbar .currency-select{grid-column:2;grid-row:1;margin-left:auto}
  body>.topbar .nav{grid-column:1/-1;grid-row:2;display:flex!important;align-items:center;justify-content:flex-start;width:100%;min-width:0;gap:clamp(18px,5vw,28px);margin:0;padding:0;border-top:1px solid rgba(20,29,51,.08);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  body>.topbar .nav::-webkit-scrollbar{display:none}
  body>.topbar .nav a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--ink);font:650 10px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
  body>.topbar .nav a.active{color:var(--coral)}

  body>main#top{background-image:linear-gradient(90deg,rgba(247,240,231,.95),rgba(247,240,231,.82) 48%,rgba(247,240,231,.3) 78%,transparent),linear-gradient(180deg,rgba(247,240,231,0) 0%,rgba(247,240,231,.03) 42%,rgba(247,240,231,.34) 68%,rgba(247,240,231,.9) 92%,var(--cream) 100%),url('assets/feniks-hero-approved.png');background-position:0 0,0 0,44% 76px;background-size:100% 830px,100% 930px,auto 830px}
  main#top>.content-flight-route{display:none!important}
  main>.hero{min-height:660px}
  main>.hero .hero-copy{width:auto;padding:calc(130px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}
  main>.hero .hero-kicker{margin-bottom:10px;font-size:9px}
  main>.hero h2.hero-heading{max-width:390px;font-size:clamp(43px,13.3vw,54px);line-height:.88}
  main>.hero .hero-lead{max-width:315px;margin-top:15px;font-size:13px;line-height:1.5}

  main>.hero .search-panel{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:126px;min-height:0;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-radius:22px;background:rgba(255,251,247,.94);box-shadow:0 18px 44px rgba(12,23,48,.16)}
  main>.hero .search-panel:before{right:-22px;top:-42px;width:180px;height:88px;opacity:.62}
  main>.hero .search-panel label,main>.hero .search-panel label:nth-of-type(2),main>.hero .search-panel label:nth-of-type(3){min-height:60px;padding:9px 11px!important;border:1px solid rgba(20,29,51,.085)!important;border-radius:14px;background:rgba(255,253,249,.78)}
  main>.hero .search-panel label:nth-of-type(3){grid-column:1}
  main>.hero .search-panel label>span{margin:0 0 5px 21px!important;font-size:9px}
  main>.hero .field{gap:7px;font-size:14px}
  main>.hero .field select{font-size:16px;line-height:1.2}
  main>.hero .search-btn{grid-column:2;width:100%;height:60px;border:0;border-radius:14px;display:flex;gap:7px;box-shadow:none;font-size:25px}
  main>.hero .search-btn-label{display:inline;font:700 10px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}

  main>.deals-section{margin-top:-58px;padding:0 max(14px,env(safe-area-inset-right)) 40px max(14px,env(safe-area-inset-left))}
  main>.deals-section>.home-mobile-filter-ledger{margin:0 0 14px;padding:7px 12px 8px;border-radius:20px}
  .route-selects-ready .home-filter-selects .home-region-select{display:grid}
  .home-filter-selects label{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:5px 3px}
  .home-filter-selects label+label{border-top:1px solid rgba(20,29,51,.085)}
  .home-filter-selects label:after{content:"⌄";position:absolute;right:8px;color:var(--coral);font-size:13px;pointer-events:none}
  .home-filter-selects span{color:#a94f38;font:700 9px/1.25 var(--ui);letter-spacing:.12em;text-transform:uppercase}
  .home-filter-selects select{appearance:none;width:100%;height:48px;padding:0 30px 0 12px;border:0;border-left:1px solid rgba(20,29,51,.1);outline:0;background:transparent;color:var(--ink);font:700 16px/1 var(--ui)}
  .home-filter-selects select:focus-visible{border-radius:9px;outline:2px solid var(--coral);outline-offset:1px}
  .home-filter-row--region{display:none!important}
  main>.deals-section .deal-grid{gap:14px}
  main>.deals-section .deal-card{min-height:360px;border-radius:22px}

  .currency-select__trigger{min-height:44px}
  .back-to-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
}

@media(max-width:380px){
  body>.topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  body>.topbar .brand{font-size:21px}
  body>.topbar .nav{gap:18px}
  body>.topbar .nav a{font-size:9.5px}
  main>.hero{min-height:652px}
  main>.hero .hero-copy{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
  main>.hero .hero-lead{max-width:285px}
  main>.hero .search-panel{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}
  main>.deals-section{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .home-filter-selects label{grid-template-columns:96px minmax(0,1fr)}
}