.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--color-line)}
.header-container{display:flex;align-items:center;gap:22px;width:100%;max-width:calc(var(--max-width) + var(--gutter)*2);min-height:82px;padding-inline:var(--gutter);margin:auto}
.brand{display:block;width:202px;flex-shrink:0}
.brand img{width:100%}
.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.desktop-nav>a,.desktop-nav summary{display:flex;align-items:center;gap:7px;min-height:46px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.header-phone{display:flex;align-items:center;justify-content:center;min-height:45px;border:1px solid #b5c8e5;border-radius:7px;padding:10px 15px;color:var(--color-accent);font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap}
.header-phone:hover{background:var(--color-accent-soft)}
.phone-short{display:none}
.desktop-nav>a:hover,.desktop-nav summary:hover{color:var(--color-accent)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.service-disclosure{position:relative}
.service-disclosure>summary>svg{width:15px;height:15px;transition:transform .16s}
.service-disclosure[open]>summary>svg{transform:rotate(180deg)}
.service-menu{position:absolute;top:calc(100% + 15px);left:-20px;width:330px;padding:10px;background:#fff;border:1px solid var(--color-line);border-radius:12px;box-shadow:0 12px 36px #17253620}
.service-menu a{display:flex;align-items:center;gap:13px;padding:12px;min-height:54px;border-radius:7px;font-size:14px;font-weight:600;text-decoration:none}
.service-menu a:hover{background:var(--color-accent-soft);color:var(--color-accent)}
.service-menu a>svg{width:17px;height:17px;margin-left:auto}
.nav-category-icon{color:var(--color-muted)}
.nav-category-icon svg{width:25px;height:25px}
.service-menu .service-menu-all{margin-top:6px;border-top:1px solid var(--color-line);border-radius:0;color:var(--color-accent)}
.mobile-menu{display:none}
@media(max-width:1079px){
 .header-container{min-height:74px;justify-content:space-between;gap:20px}
 .brand{width:188px}
 .desktop-nav{display:none}
 .header-phone{margin-left:auto;padding:9px 14px;font-size:14px}
 .phone-full{display:none}.phone-short{display:inline}
 .mobile-menu{display:block}
 .mobile-menu>summary{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600}
 .menu-icon{display:flex;flex-direction:column;justify-content:center;gap:6px;width:21px;height:22px}
 .menu-icon i{display:block;width:21px;height:2px;background:var(--color-ink)}
 .mobile-menu[open] .menu-icon i:first-child{transform:translateY(4px) rotate(45deg)}
 .mobile-menu[open] .menu-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}
 .mobile-menu__panel{position:absolute;inset:100% 0 auto;padding:14px var(--gutter) 20px;background:#fff;border-bottom:1px solid var(--color-line);box-shadow:0 15px 25px #17253612;max-height:calc(100dvh - 75px);overflow:auto}
 .mobile-menu nav>a{display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 0;border-bottom:1px solid var(--color-line);font-size:14px;text-decoration:none}
 .mobile-menu nav>a>svg{width:18px;height:18px;margin-left:auto}
 .mobile-menu nav>a:hover{color:var(--color-accent)}
 .mobile-email{display:block;font-size:13px;color:var(--color-accent);padding-top:20px;overflow-wrap:anywhere}
}
@media(max-width:520px){.brand{width:174px}.header-container{gap:15px}.mobile-menu>summary{font-size:13px;gap:8px}.menu-icon{display:none}}
@media(max-width:359px){.brand{width:145px}.header-container{gap:12px}.header-phone{padding-inline:11px}.mobile-menu>summary{font-size:13px}}
