/* KurdCyber V76 — header positioning + compact online users only. */

/* Header: brand really centered and higher. */
.kc63-scenic{
  position:relative!important;
  height:88px!important;
  min-height:88px!important;
  padding:0!important;
  overflow:visible!important;
}
.kc63-scenic .header-main{
  position:relative!important;
  display:block!important;
  height:88px!important;
  min-height:88px!important;
  padding:0 18px!important;
  max-width:1450px!important;
  margin:0 auto!important;
}
.kc73-brand{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:max-content!important;
  z-index:4!important;
}
.kc73-brand-logo{
  width:105px!important;
  height:105px!important;
  object-fit:contain!important;
  filter:none!important;
  flex:none!important;
}
.kc73-brand-text{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
}
.kc73-brand-text b{
  font-size:2.15rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#fff!important;
  text-shadow:none!important;
}
.kc73-search,
.header-search.kc73-search{
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  top:21px!important;
  width:min(390px,34vw)!important;
  max-width:390px!important;
  z-index:3!important;
}
.kc73-header-spacer{display:none!important}

/* Online users: fixed compact cards. 20 users wrap without stretching. */
.kc75-online-panel{
  padding-bottom:8px!important;
}
.kc75-online-panel .kc70-panel-head{
  min-height:42px!important;
  padding:7px 10px!important;
}
.kc75-online-panel .kc70-panel-head b{font-size:.9rem!important}
.kc75-online-panel .kc70-panel-head em{font-size:.72rem!important}
.kc75-online-users{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:7px!important;
  max-height:176px!important;
  overflow:auto!important;
}
.kc75-online-user{
  flex:0 0 142px!important;
  width:142px!important;
  max-width:142px!important;
  min-width:142px!important;
  min-height:42px!important;
  padding:5px 7px!important;
  gap:6px!important;
  border-radius:11px!important;
}
.kc75-online-user .kc70-online-avatar{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
}
.kc75-online-user .kc70-online-copy b{
  font-size:.78rem!important;
  line-height:1.15!important;
}
.kc75-online-user .kc70-online-copy small{
  font-size:.61rem!important;
  line-height:1.1!important;
}
.kc75-online-user .kc70-online-rankdot{
  width:6px!important;
  height:6px!important;
}

@media(max-width:980px){
  .kc63-scenic{height:112px!important;min-height:112px!important}
  .kc63-scenic .header-main{height:112px!important;min-height:112px!important}
  .kc73-brand{top:-12px!important}
  .kc73-brand-logo{width:88px!important;height:88px!important}
  .kc73-brand-text b{font-size:1.75rem!important}
  .kc73-search,.header-search.kc73-search{
    left:12px!important;
    top:64px!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
}
@media(max-width:620px){
  .kc73-brand{gap:7px!important}
  .kc73-brand-logo{width:70px!important;height:70px!important}
  .kc73-brand-text b{font-size:1.34rem!important}
  .kc75-online-user{
    flex-basis:126px!important;
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
  }
}