/* Styzen r22 — aumenta a parte VISÍVEL da logo e reduz o espaço vazio no cabeçalho. */
.top{
  background:linear-gradient(180deg,#071b37 0%,#06172f 100%)!important;
  border-bottom:1px solid rgba(126,166,218,.14)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.09)!important;
}

.top-main{
  min-height:88px!important;
  gap:12px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}

/* A imagem original tem bastante área vazia ao redor da marca.
   Por isso o bloco fica compacto e a imagem é ampliada dentro dele. */
.brand{
  width:108px!important;
  min-width:108px!important;
  height:80px!important;
  margin:0 4px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  flex:0 0 108px!important;
}

.brand img{
  display:block!important;
  width:110px!important;
  height:92px!important;
  max-width:none!important;
  max-height:none!important;
  min-width:110px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(2.22)!important;
  transform-origin:50% 45%!important;
  filter:saturate(1.5) contrast(1.18) brightness(1.13) drop-shadow(0 5px 12px rgba(0,0,0,.19))!important;
}

.primary-menu{
  gap:5px!important;
  align-items:center!important;
}

.primary-menu>a,
.nav-dropdown__trigger{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 11px!important;
  border-radius:10px!important;
  line-height:1!important;
}

.primary-menu>a:hover,
.nav-dropdown__trigger:hover,
.nav-dropdown.is-open>.nav-dropdown__trigger{
  background:rgba(255,255,255,.055)!important;
}

.top-tools{
  gap:9px!important;
  align-items:center!important;
}

.search,
#header-search{
  border-radius:12px!important;
  background:rgba(255,255,255,.028)!important;
}

.search input,
#header-search input{
  height:40px!important;
}

.search button,
#header-search button,
.theme-toggle,
.account-link{
  min-height:40px!important;
}

html[data-theme="light"] .top{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:rgba(10,45,88,.10)!important;
  box-shadow:0 7px 22px rgba(25,55,91,.06)!important;
}

html[data-theme="light"] .brand img{
  filter:saturate(1.38) contrast(1.14) brightness(.99) drop-shadow(0 4px 10px rgba(8,40,79,.11))!important;
}

@media(max-width:1100px){
  .top-main{
    min-height:82px!important;
    gap:9px!important;
  }
  .brand{
    width:98px!important;
    min-width:98px!important;
    height:74px!important;
    flex-basis:98px!important;
  }
  .brand img{
    width:102px!important;
    min-width:102px!important;
    height:86px!important;
    transform:scale(2.12)!important;
    transform-origin:50% 45%!important;
  }
  .primary-menu>a,
  .nav-dropdown__trigger{
    padding-inline:9px!important;
  }
}

@media(max-width:760px){
  .top-main{
    min-height:74px!important;
    gap:8px!important;
  }
  .brand{
    width:88px!important;
    min-width:88px!important;
    height:66px!important;
    flex-basis:88px!important;
  }
  .brand img{
    width:92px!important;
    min-width:92px!important;
    height:76px!important;
    transform:scale(2.02)!important;
    transform-origin:50% 45%!important;
  }
}

@media(max-width:560px){
  .top-main{min-height:70px!important}
  .brand{
    width:82px!important;
    min-width:82px!important;
    height:62px!important;
    flex-basis:82px!important;
    margin-right:0!important;
  }
  .brand img{
    width:86px!important;
    min-width:86px!important;
    height:72px!important;
    transform:scale(1.96)!important;
    transform-origin:50% 45%!important;
  }
}