.site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid #e7eaec;box-shadow:0 3px 14px rgba(24,33,43,.05)}
.utility{height:32px;background:#f7f8f9;border-bottom:1px solid #edf0f2}
.city-switch{position:relative}.city-switch summary{cursor:pointer;list-style:none;color:#303a43;font-weight:600}.city-switch summary::-webkit-details-marker{display:none}.city-switch summary:after{content:"⌄";margin-left:6px;color:#8a949d}
.city-switch[open]>div{position:absolute;top:26px;left:0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(58px,auto));gap:4px;min-width:220px;padding:12px;background:#fff;border:1px solid #e2e6e9;box-shadow:0 10px 28px rgba(20,31,39,.14)}
.city-switch div a{padding:7px 8px;color:#48535d}.city-switch div a:hover{color:var(--brand);background:#fff5f3}
.nav-wrap{height:72px}.nav-wrap .logo{flex:0 0 auto;margin-right:34px}.nav-wrap .logo>span{width:40px;height:40px;box-shadow:0 4px 10px rgba(217,45,32,.18)}
.nav-wrap nav{flex:1;align-self:stretch;justify-content:space-between;gap:0;min-width:0}.nav-wrap nav a{padding:0 10px;color:#303942;font-size:14px;font-weight:600;white-space:nowrap;transition:color .18s ease}
.nav-wrap nav a:after{left:10px;right:10px;bottom:-1px;height:3px;opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .18s ease}.nav-wrap nav a:hover,.nav-wrap nav a.active{color:var(--brand)}.nav-wrap nav a:hover:after,.nav-wrap nav a.active:after{left:10px;right:10px;opacity:1;transform:scaleX(1)}
.header-phone{flex:0 0 auto;margin-left:24px;padding-left:20px;border-left:1px solid #e4e8ea}.header-phone small{margin-bottom:2px}.header-phone strong{font-size:15px}
@media(max-width:1120px){.nav-wrap .logo{margin-right:20px}.nav-wrap nav a{padding:0 7px;font-size:13px}.header-phone{display:none}}
@media(max-width:760px){.site-header{box-shadow:0 2px 10px rgba(24,33,43,.06)}.nav-wrap{height:62px}.nav-wrap .logo>span{width:36px;height:36px}.nav-wrap nav{top:62px;padding:8px 20px 14px;border-top:1px solid #edf0f2}.nav-wrap nav a{height:46px;padding:0 4px;border-bottom:1px solid #f0f2f3;font-size:14px}.nav-wrap nav a:after{left:0;right:auto;bottom:9px;width:24px;height:2px;transform-origin:left}.nav-wrap nav a:hover:after,.nav-wrap nav a.active:after{left:0;right:auto}.menu-button{width:40px;height:40px;padding:0;color:#303942}}