/* The two sources share one measured header: no absolute mobile navigation rows. */
.header .brand-slot .brand,.header .intro-logo{transition:none}
.header.light .brand-slot .brand,.header.on-gallery .brand-slot .brand{opacity:1}
.header.on-gallery .intro-logo{display:none}
@media(max-width:1300px){
 .header,.header.light,.header.on-gallery,.desktop-view .header{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;padding:14px 5%!important;min-height:0!important}
 .header nav,.header.light nav,.header:not(.light) nav,.desktop-view .header nav{display:flex!important;position:static!important;order:3;flex:0 0 100%;width:100%;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 16px!important;padding:0!important;background:none!important}
 .header .brand-slot{height:40px;width:145px;min-width:0;flex:none}
 .header-actions,html[lang=ar] .header-actions{position:static;margin:0!important;margin-inline-start:auto!important;gap:6px;flex:none}
 .header .journey-options,.header.light .journey-options{position:static;min-width:0;margin-top:6px;padding:6px;box-shadow:none}
 .header .journey-options .journey-option{padding:10px 12px;min-height:44px}
 .header .tour-button,html[lang=ar] .header .tour-button{line-height:1.4;min-height:40px;white-space:nowrap;padding:8px 10px}
 .header nav .language-toggle{margin-inline-start:auto}
}
@media(max-width:760px){
 .header .brand-slot{width:clamp(110px,34vw,145px)!important;height:40px}
 .header .brand-slot .turath-brand-logo,.header .intro-logo{width:100%;max-width:100%}
 .header nav,.header.light nav,.header:not(.light) nav{gap:8px 14px!important;line-height:1.6}
 .header .tour-button{font-size:12px}
 html[lang=ar] .header .tour-button{font-size:11px}
 .header .icon-button{padding:6px}
 .header .language-toggle{min-height:30px}
}
@container(max-width:1300px){
 .desktop-view .header{flex-wrap:wrap;gap:14px 16px;padding:14px 5%!important;min-height:0!important}
 .desktop-view .header nav{display:flex!important;position:static!important;order:3;flex:0 0 100%;flex-wrap:wrap;align-items:center;gap:8px 16px!important;padding:0!important}
 .desktop-view .header .brand-slot{height:40px;width:145px;flex:none}
 .desktop-view .header-actions{margin-inline-start:auto!important}
}

/* Keep the map controls inside the remaining 16:9 desktop canvas after header wrapping. */
@media(min-width:761px){.desktop-view .location-map{height:clamp(280px,calc(var(--desktop-frame-height) - var(--header-height) - 42px),840px);min-height:0}}