/* Header stays in normal flow at every width, including tablet breakpoints. */
.mock-header{position:relative!important;display:grid!important;grid-template-columns:minmax(100px,1fr) auto auto;grid-template-areas:"brand nav languages";height:auto!important;min-height:90px;gap:16px;padding:14px clamp(12px,5vw,80px)!important;box-sizing:border-box}
.mock-header .site-logo-title{grid-area:brand;margin:0;padding:0!important;min-width:0;width:100%}
.mock-header .site-logo-title img{display:block;width:min(355px,100%)!important;height:auto!important;max-width:100%}
.mock-header nav{grid-area:nav;display:flex;flex-wrap:wrap!important;min-width:0;gap:clamp(10px,2vw,26px);width:auto!important;justify-content:center!important}
.mock-header nav a{white-space:nowrap}
.mock-header .language-switch{grid-area:languages;position:static!important;inset:auto!important;display:flex;gap:8px;align-self:center;justify-self:end;width:auto;z-index:auto!important}
.mock-header .language-switch button{flex:none;display:block;width:32px;padding:0;min-width:0}
.mock-header .language-switch img{width:32px!important;height:20px!important;max-width:none;object-fit:cover}
.now-playing{height:auto!important;max-height:none!important;min-width:0}
.now-playing .history{height:auto!important;max-height:none!important;min-width:0;overflow:visible}
@media(max-width:1100px){.mock-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand languages" "nav nav";row-gap:12px}.mock-header nav{width:100%!important;gap:12px 20px}.mock-header .site-logo-title img{width:min(270px,100%)!important}}
@media(max-width:480px){.mock-header{padding:12px!important;gap:10px}.mock-header nav{gap:10px 14px}.mock-header nav a{font-size:13px}.mock-header .language-switch{gap:6px}.mock-header .language-switch button,.mock-header .language-switch img{width:28px!important}.mock-header .language-switch img{height:18px!important}.now-playing{padding-inline:12px!important}.now-playing .player-wrap{min-width:0;width:100%!important}.now-playing .history{width:100%!important;box-sizing:border-box}}
@media(max-width:320px){.mock-header nav{justify-content:flex-start!important}.mock-header .site-logo-title img{width:100%!important}}
