/* Responsive header controls for small laptops and phones. */
.header .navbar{gap:20px;min-width:0}
.header .logo{flex:0 0 auto}
.header .navigation{min-width:0}
.header .navigation ul{gap:clamp(12px,1.55vw,25px)}
.header .navigation a{font-size:clamp(11px,.9vw,14px);white-space:nowrap}
.header .nav-actions{flex:0 0 auto;gap:9px}
.header .nav-actions .btn{white-space:nowrap;min-height:43px;padding:11px 15px;font-size:12px;line-height:1.3}
.header .nav-actions .nav-staff-icon{width:43px;height:43px;min-height:43px;padding:0;border-radius:12px;font-size:17px}
.header .nav-actions .nav-staff-icon:hover{transform:none}
.header .navigation-mobile-action{display:none}

@media(max-width:1280px){
  .header .navbar{height:76px;gap:14px}
  .header .logo img{width:clamp(140px,17vw,180px);height:auto}
  .header .nav-actions{display:none}
  .header .mobile-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d5e4f6;border-radius:12px;background:#f2f8ff;color:#0b3974;cursor:pointer}
  .header .navigation{display:none;position:fixed;top:76px;left:0;right:0;width:100%;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:16px clamp(18px,5vw,48px) 22px;background:#fff;border-top:1px solid #e3eaf3;box-shadow:0 18px 28px rgba(5,30,65,.15);z-index:1001}
  .header .navigation.show{display:block}
  .header .navigation ul{display:flex;flex-direction:column;align-items:stretch;gap:3px;max-width:720px;margin:auto}
  .header .navigation li{width:100%}
  .header .navigation a{display:block;padding:11px 12px;border-radius:9px;font-size:14px;white-space:normal}
  .header .navigation a:hover,.header .navigation a:focus-visible{background:#eef5ff}
  .header .navigation a::after{display:none}
  .header .navigation-mobile-action{display:block}
  .header .navigation-mobile-action:first-of-type{margin-top:5px}
  .header .navigation-mobile-action a{min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:800;text-align:center;border:1px solid #c5ddfb;background:#edf5ff;color:#0b458a}
  .header .navigation-mobile-action:not(.navigation-staff-access) a{background:#0b6de0;border-color:#0b6de0;color:#fff}
  .header .navigation-staff-access a{min-height:38px;gap:8px;background:transparent;border:0;color:#687b94;font-size:12px;font-weight:600}
  .header .navigation-staff-access a:hover{color:#164c90;background:#f4f8fc}
}

@media(max-width:480px){
  .header .navbar{height:70px}
  .header .logo img{width:145px}
  .header .navigation{top:70px;max-height:calc(100dvh - 70px)}
}