.wot-classic-header { position: relative; z-index: 1030; max-width: none; width: 100%; margin: 0; background: #090a0d; color: #fff; font-family: 'Arial Narrow', Arial, sans-serif; }
.wot-classic-hero { height: clamp(130px, 10.4vw, 200px); position: relative; z-index: 1; background: #000; }
.wot-classic-hero::before, .wot-classic-hero::after { content: ''; position: absolute; inset: 0 11%; }
.wot-classic-hero::before { background: linear-gradient(90deg,rgba(4,5,7,.64),rgba(4,5,7,.04) 54%,rgba(4,5,7,.64)),url('/assets/img/wot-replays-header-hero2.jpg') center/cover no-repeat; }
.wot-classic-hero::after { background: linear-gradient(0deg,rgba(0,0,0,.22),transparent 60%); pointer-events: none; }
.wot-classic-brand { position: absolute; z-index: 1; left: max(42px, calc((100% - 1600px) / 2 + 42px)); bottom: 25px; color: #fff !important; text-decoration: none; text-transform: uppercase; text-shadow: 2px 2px 3px #000; line-height: .82; }
.wot-classic-brand b { display: block; font: 400 43px/.82 Impact,'Arial Narrow',sans-serif; letter-spacing: 1px; }
.wot-classic-brand span { display: block; margin-top: 9px; font: 700 14px/.82 'Arial Narrow',Arial,sans-serif; letter-spacing: 4px; }
.wot-classic-brand:hover { color: #ff6b2c !important; }
.wot-classic-actions { position: absolute; z-index: 3; right: max(18px, calc((100% - 1600px) / 2 + 18px)); top: 14px; display: flex; gap: 10px; align-items: center; font: 300 18px Roboto,Arial,sans-serif; }
.wot-classic-search { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #565b5e; background: rgba(8,10,12,.8); color: #fff; cursor: pointer; }
.wot-language { position: relative; }
.wot-language summary { display: flex; align-items: center; gap: 6px; padding: 5px 7px; border: 1px solid #565b5e; background: rgba(8,10,12,.8); color: #fff; cursor: pointer; list-style: none; }
.wot-language summary::-webkit-details-marker { display: none; }
.wot-language img { width: 20px; height: 15px; object-fit: cover; }
.wot-language-menu { position: absolute; z-index: 50; top: 100%; right: 0; min-width: 160px; max-height: min(70vh, 440px); overflow-y: auto; margin-top: 3px; padding: 4px; border: 1px solid #50555a; background: #171a1d; box-shadow: 0 8px 18px #000; }
.wot-language-menu a { display: flex; align-items: center; gap: 8px; padding: 7px 8px; color: #d8d5ca; font-size: 15px; text-decoration: none; white-space: nowrap; }
.wot-language-menu a:hover, .wot-language-menu a[aria-current='page'] { background: #35393d; color: #fff; }
.wot-classic-nav { display: flex; justify-content: center; background: linear-gradient(#34363a,#0d0e0f); border-top: 1px solid #575a5c; border-bottom: 1px solid #000; }
.wot-classic-nav a { flex: 0 1 320px; padding: 14px 18px; border-right: 1px solid #080808; color: #c9c7bd; font: 400 18px Impact,'Arial Narrow',Arial,sans-serif; letter-spacing: .7px; text-align: center; text-decoration: none; text-shadow: 1px 1px #000; text-transform: uppercase; }
.wot-classic-nav a:hover, .wot-classic-nav a:focus-visible, .wot-classic-nav a.is-active { color: #fff; background: linear-gradient(#ff742e,#bd2508); }
.wot-classic-menu-toggle { display: none; }
@media (min-width: 801px) { .wot-classic-nav.collapse, .wot-classic-nav.collapsing { display: flex !important; height: auto !important; visibility: visible; } }
@media (max-width: 800px) {
  .wot-classic-header { width: 100%; margin: 0; }
  .wot-classic-hero { height: 145px; }
  .wot-classic-hero::before, .wot-classic-hero::after { inset: 0 5%; }
  .wot-classic-brand { left: calc(5% + 18px); bottom: 18px; }
  .wot-classic-brand b { font-size: 34px; }
  .wot-classic-brand span { font-size: 11px; letter-spacing: 3px; }
  .wot-classic-actions { top: 10px; right: 14px; font-size: 13px; }
  .wot-language summary span { display: none; }
  .wot-classic-menu-toggle { display: block; position: absolute; z-index: 1; right: 14px; bottom: 14px; padding: 8px 12px; border: 1px solid #888; background: #16181b; color: #fff; font-weight: 700; text-transform: uppercase; }
  .wot-classic-nav.collapse:not(.show) { display: none; }
  .wot-classic-nav.show, .wot-classic-nav.collapsing { display: flex; flex-direction: column; }
  .wot-classic-nav a { flex: none; width: 100%; padding: 12px 18px; font-size: 14px; text-align: left; }
}
