/* Navigation panels share the same placement and sizing in both versions. */
.site-header .header-inner{position:relative}
.site-header .nav-menu-item{min-width:0}
.site-header .nav-menu-item>button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:0;height:36px;background:transparent;color:var(--foreground);white-space:nowrap}
.site-header .nav-menu-item>button[aria-expanded=true]{color:var(--primary)}
.site-header .mega-menu{box-sizing:border-box;min-height:0;height:auto;padding:22px 24px;max-height:calc(100dvh - 130px);overflow-y:auto;overflow-x:hidden;top:100%;left:0;right:0;width:100%;transform:none}
.site-header .mega-menu[hidden]{display:none!important}
.site-header .mega-menu>.site-width{width:100%;padding:0}
.site-header .mega-menu .mega-grid{display:grid;columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.site-header .mega-menu .umrah-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:18px}
.site-header .mega-menu .mega-grid>div{min-width:0;margin:0}
.site-header .mega-menu .mega-grid a{margin:0;padding:8px 0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.site-header .mega-menu .mega-close{display:none!important}
.site-header .mega-menu .mb-5{margin:0}
.site-header .mega-menu h2{font-size:18px;margin-bottom:14px}
.site-header .mega-menu[data-panel=hotels]{width:300px;left:auto;right:160px}
.site-header .mega-menu[data-panel=hotels] .mega-grid{grid-template-columns:1fr}
.site-header .mega-menu[data-panel=flights]{width:min(760px,100%);left:auto;right:80px}
.flight-detail-intro,.pyuf-intro{min-width:0}
.flight-detail-intro h1,.pyuf-intro h2{overflow-wrap:anywhere}
.pyuf-detail{width:min(1240px,calc(100% - 80px));margin-inline:auto}
@media(max-width:1150px){.pyuf-detail{width:calc(100% - 48px)}}
@media(max-width:900px){
 .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;flex-wrap:nowrap;height:82px;padding-block:10px}
 .site-header .brand{min-width:0}.site-header .quote-button,.site-header .mobile-toggle{flex-shrink:0;margin:0}
 .site-header .main-nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;background:var(--background);box-shadow:var(--shadow-soft);border-bottom:1px solid var(--border)}
 .site-header .main-nav>a,.site-header .nav-menu-item>button{display:flex;width:100%;justify-content:space-between;gap:12px;min-height:48px;height:auto;padding:12px 0;font-size:14px;line-height:1.5;border-bottom:1px solid var(--border);white-space:normal;text-align:left}
 .site-header .nav-menu-item>button svg{flex-shrink:0}
 .site-header .mega-menu,.site-header .mega-menu[data-panel=hotels],.site-header .mega-menu[data-panel=flights]{position:static!important;left:auto;right:auto;top:auto;transform:none;width:100%;max-height:none!important;padding:14px 12px 18px;border:0;border-left:2px solid var(--border);box-shadow:none;overflow:visible}
 .site-header .mega-menu .mega-grid,.site-header .mega-menu .umrah-menu-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding:0}
 .site-header .umrah-menu-grid .menu-group{grid-column:auto;grid-row:auto}
 .site-header .mega-grid h3{font-size:14px}.site-header .mega-menu .mega-grid a{font-size:13px;padding:8px 0}
 .site-header:has(.mobile-open){overflow:visible;max-height:none}
 body:has(.main-nav.mobile-open) .contact-dock,body:has(.main-nav.mobile-open) .journey-dock,body:has(.main-nav.mobile-open) .pyu-chat-launch,body:has(.main-nav.mobile-open) .pyu-float,body:has(.main-nav.mobile-open) .pyua-left,body:has(.main-nav.mobile-open) .pyua-right,body:has(.main-nav.mobile-open) #pyua-trail{visibility:hidden}
}
@media(max-width:600px){.pyuf-detail{width:calc(100% - 32px)}.pyuf-intro h2,.flight-detail-intro h1{font-size:28px;line-height:1.3}.site-header .header-inner{height:76px;gap:10px}.site-header .mega-menu[data-panel=hotels]{padding-block:12px}.fare-top{display:grid;grid-template-columns:minmax(0,1fr) auto}.fare-airline{min-width:0}.fare-price{flex-shrink:0}}