.site-header{
  width:100%;
  background:#fff;
  border-bottom:1px solid #dbe7fb;
  position:sticky;
  top:0;
  z-index:99;
}

.header-inner{
  max-width:1440px;
  min-height:86px;
  margin:0 auto;
  padding:0 28px;
  display:flex;
  align-items:center;
  gap:28px;
}

.brand,
.brand-image{
  width:280px;
  height:64px;
  display:flex;
  align-items:center;
  flex-shrink:0;
  overflow:hidden;
}

.brand img,
.brand-image img{
  max-width:100%;
  max-height:62px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

.nav-menu{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:22px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
}

.nav-menu::-webkit-scrollbar{
  display:none;
}

.nav-menu a{
  height:86px;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  font-size:15px;
  color:#222;
  position:relative;
}

.nav-menu a:hover,
.nav-menu a.active{
  color:#2f6fe4;
}

.nav-menu a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#2f6fe4;
  border-radius:3px 3px 0 0;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}

.header-search,
.search-form{
  width:260px;
  height:34px;
  display:flex;
  align-items:center;
  border:1px solid #dbe7fb;
  border-radius:17px;
  overflow:hidden;
  background:#fff;
  flex-shrink:0;
}

.header-search input,
.search-input{
  flex:1;
  min-width:0;
  height:100%;
  border:none;
  outline:none;
  padding:0 12px;
  font-size:13px;
  background:transparent;
}

.header-search button,
.search-btn{
  width:60px;
  height:100%;
  border:none;
  background:#2f6fe4;
  color:#fff;
  font-size:13px;
  cursor:pointer;
}

.back-link,
.admin-link{
  height:32px;
  line-height:32px;
  padding:0 14px;
  border-radius:16px;
  background:#edf4ff;
  color:#2f6fe4;
  font-size:13px;
  white-space:nowrap;
  flex-shrink:0;
}

@media(max-width:768px){

  .site-header{
    background:#2f6fe4;
    border-bottom:none;
  }

  .header-inner{
    min-height:0;
    padding:10px 12px 12px;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .brand,
  .brand-image{
    width:100%;
    height:58px;
    justify-content:center;
 
    border-radius:8px;
  }

  .brand img,
  .brand-image img{
    max-width:260px;
    max-height:54px;
  }

  .nav-menu{
    display:flex !important;
    width:100%;
    height:40px;
    flex:none;
    gap:10px;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 4px;
    background:#2f6fe4;
   
  }

  .nav-menu a{
    height:40px;
    flex:0 0 auto;
    padding:0 10px;
    border-radius:8px;
    font-size:13px;
    color:#fff;
  }

  .nav-menu a:hover,
  .nav-menu a.active{
    color:#fff;
    background:rgba(255,255,255,.18);
  }

  .nav-menu a.active::after{
    display:none;
  }

  .header-actions{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }

  .header-search,
  .search-form{
    width:100%;
    height:36px;
    border:none;
    border-radius:8px;
    background:#fff;
  }

  .header-search input,
  .search-input{
    font-size:12px;
    padding:0 12px;
  }

  .header-search button,
  .search-btn{
    width:60px;
    background:#1f55c8;
    color:#fff;
    font-size:12px;
  }

  .back-link,
  .admin-link{
    width:100%;
    height:34px;
    line-height:34px;
    padding:0;
    text-align:center;
    border-radius:8px;
    background:#fff;
    color:#2f6fe4;
    font-size:12px;
  }

 .brand img,
  .brand-image img{
    content:url("images/logo1.png");
  }


  .hero-banner{
    display:none;
  }

  .content-panel{
    margin:0 12px 0;
  }


}