/* v27-header-css */

/* v27 — unified corrected header */
.site-header-v12{
  position:sticky!important;
  top:0!important;
  z-index:1500!important;
  width:100%!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e7ebf0!important;
  box-shadow:0 5px 18px rgba(20,37,58,.045)!important;
}
.header-row-v12{
  display:grid!important;
  grid-template-columns:minmax(260px,330px) minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:20px!important;
  max-width:1240px!important;
  min-height:104px!important;
  margin:0 auto!important;
  padding:12px 28px!important;
}
.brand-v12{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:330px!important;
  text-decoration:none!important;
}
.brand-v12 img,
.brand-v12__logo{
  display:block!important;
  width:100%!important;
  max-width:330px!important;
  height:auto!important;
  object-fit:contain!important;
}
.nav-v12{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.nav-v12 a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:44px!important;
  padding:9px 8px!important;
  border-radius:9px!important;
  color:#18283d!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease!important;
}
.nav-v12 a::after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  right:9px!important;
  bottom:3px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#dc9a52!important;
  transform:scaleX(0)!important;
  transition:transform .18s ease!important;
}
.nav-v12 a:hover{
  color:#a96527!important;
  background:#fff8f0!important;
}
.nav-v12 a.is-current,
.nav-v12 a[aria-current="page"]{
  color:#a96527!important;
  background:#fff8f0!important;
}
.nav-v12 a.is-current::after,
.nav-v12 a[aria-current="page"]::after{
  transform:scaleX(1)!important;
}
.nav-v12 .icon-v23{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  opacity:.75!important;
}
.header-phone-v12{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  color:#19304c!important;
  text-decoration:none!important;
  font-size:16px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.header-row-v12 > .btn-v12{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:11px 18px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
}
.menu-v12{
  display:none!important;
}

/* Mid-width desktop: keep menu readable instead of squeezing it */
@media(max-width:1160px){
  .header-row-v12{
    grid-template-columns:minmax(235px,285px) minmax(0,1fr) auto!important;
    gap:13px!important;
  }
  .brand-v12{max-width:285px!important}
  .brand-v12 img,.brand-v12__logo{max-width:285px!important}
  .nav-v12{gap:1px!important}
  .nav-v12 a{padding-left:6px!important;padding-right:6px!important;font-size:13.5px!important}
  .header-phone-v12{font-size:15px!important}
  .header-row-v12 > .btn-v12{display:none!important}
}

/* Tablet/mobile menu */
@media(max-width:900px){
  .site-header-v12{
    position:sticky!important;
  }
  .header-row-v12{
    position:relative!important;
    display:flex!important;
    justify-content:space-between!important;
    min-height:76px!important;
    padding:9px 16px!important;
  }
  .brand-v12{
    width:min(62vw,260px)!important;
    max-width:260px!important;
  }
  .brand-v12 img,.brand-v12__logo{
    width:100%!important;
    max-width:260px!important;
  }
  .header-phone-v12,
  .header-row-v12 > .btn-v12{
    display:none!important;
  }
  .menu-v12{
    display:flex!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #dfe5ec!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#172b44!important;
    cursor:pointer!important;
  }
  .menu-v12::before{
    content:"☰";
    font-size:23px;
    line-height:1;
  }
  .menu-v12[aria-expanded="true"]::before{
    content:"×";
    font-size:28px;
  }
  .nav-v12{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:12px!important;
    right:12px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:3px!important;
    padding:10px!important;
    border:1px solid #e0e6ed!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 18px 40px rgba(20,37,58,.16)!important;
  }
  .nav-v12.open{
    display:flex!important;
  }
  .nav-v12 a{
    width:100%!important;
    min-height:48px!important;
    justify-content:flex-start!important;
    padding:11px 13px!important;
    font-size:16px!important;
  }
  .nav-v12 a::after{
    display:none!important;
  }
  .nav-v12 .icon-v23{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
}
@media(max-width:430px){
  .header-row-v12{padding-left:12px!important;padding-right:12px!important}
  .brand-v12{width:min(68vw,225px)!important}
  .brand-v12 img,.brand-v12__logo{max-width:225px!important}
}