.site-header{position:absolute;z-index:50;top:0;left:0;width:100%;color:var(--ink)}
.site-header:after{content:"";position:absolute;right:0;bottom:0;left:0;border-bottom:1px solid var(--line);pointer-events:none}
.site-header__mobile-meta{display:none}
.site-header__bar{height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;width:270px;align-items:center}
.brand img{width:270px;height:88px;object-fit:contain}
.brand strong{color:var(--gold);font-family:var(--font-a,"Montserrat"),"Montserrat",sans-serif;font-size:20px;letter-spacing:.1em}
.site-header__brand-group{display:flex;align-items:center}
.site-header__mobile-call{display:none}
.site-header__contacts{display:flex;align-items:center;gap:40px;font-family:var(--font-a,"Montserrat"),"Montserrat",sans-serif;letter-spacing:.01em}
.site-header__contacts span{color:var(--text);font-size:14px;font-weight:500;opacity:.8}
.site-header__phones{display:grid;gap:3px}
.site-header__phone{white-space:nowrap;line-height:1.15}
.site-header__phone--primary{font-size:21px;font-weight:700}
.site-header__phone--secondary{color:#716c66;font-size:14px;font-weight:650}
.site-header__contacts .figma-button{min-height:72px}
.site-nav{border-top:1px solid var(--line)}
.site-nav>.container{display:flex;height:66px;align-items:stretch;justify-content:space-between;gap:18px}
.nav-item{position:relative}
.nav-item__head{height:100%;display:flex;align-items:stretch}
.nav-item__head>a{display:flex;height:66px;align-items:center;color:var(--text);border-bottom:3px solid transparent;font-family:var(--font-a,"Montserrat"),"Montserrat",sans-serif;font-size:16px;font-weight:500;letter-spacing:.01em;opacity:.78}
.nav-item__head>a:hover,.nav-item__head>a:focus,.nav-item.is-active .nav-item__head>a{color:var(--gold);border-color:var(--gold);opacity:1}
.nav-submenu-toggle{display:none;border:0;background:transparent;color:inherit;cursor:pointer}
.submenu{position:absolute;top:100%;left:0;z-index:60;display:none;min-width:300px;max-height:min(70vh,620px);padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 45px rgba(22,20,18,.12);overflow:auto}
.submenu a{display:block;padding:10px 12px;color:var(--text);font-size:14px;font-weight:500}
.submenu a:hover{background:var(--soft);color:var(--ink)}
.nav-item:hover .submenu,.nav-item:focus-within .submenu{display:block}
.menu-toggle{display:none;width:40px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px auto;background:var(--ink);transition:.2s}
@media(min-width:761px){
    .site-header__bar.container,
    .site-nav>.container{padding-inline:20px}
    .page-type-home .site-header:after{display:none}
    .page-type-home .site-nav .nav-item:first-child .nav-item__head>a{color:var(--gold);border-color:var(--gold);opacity:1}
    .page-type-home .site-header__contacts .figma-button{width:278px}
}
@media(max-width:1200px) and (min-width:761px){
    .site-header__contacts span{display:none}
    .site-nav>.container{justify-content:space-between;gap:clamp(6px,1vw,12px);overflow:visible}
    .nav-item{min-width:0}
    .nav-item__head>a{font-size:clamp(13px,calc(8.67px + .528vw),15px);white-space:nowrap}
}
@media(max-width:760px){
    .site-header{height:100px;background:#fff}
    .site-header__mobile-meta{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font-weight:700}
    .site-header__mobile-phones{display:flex;align-items:baseline;gap:9px}
    .site-header__mobile-meta a{font-size:12px;font-weight:650}
    .site-header__mobile-meta a.is-secondary{color:#77716b;font-size:12px;font-weight:650}
    .site-header__mobile-meta span{color:var(--text);font-size:10px;font-weight:500}
    .site-header__bar{width:100%;max-width:none;height:54px;gap:0;padding:0 16px;box-sizing:border-box}
    .site-header.is-mobile-sticky .site-header__bar{position:fixed;z-index:70;top:0;right:0;left:0;width:100%;max-width:none;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(22,20,18,.1)}
    .site-header__brand-group{position:relative;height:54px;flex:0 1 auto;align-items:center}
    .brand{width:158px}
    .brand img{width:158px;height:54px}
    .site-header__contacts{display:none}
    .site-header__mobile-call{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;margin-left:auto;border:1px solid rgba(177,151,107,.55);border-radius:50%;color:var(--gold-dark)}
    .site-header__mobile-call svg{width:18px;height:18px;fill:currentColor}
    .menu-toggle{display:block;flex:0 0 40px;margin-left:4px}
    .menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .menu-open .menu-toggle span:nth-child(2){opacity:0}
    .menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .site-nav{position:fixed;inset:100px 0 0;display:none;overflow:auto;background:var(--ink);border:0}
    .site-header.is-mobile-sticky .site-nav{inset:54px 0 0}
    .menu-open .site-nav{display:block}
    .site-nav>.container{display:block;width:100%;height:auto;padding:24px 16px}
    .nav-item__head{height:auto;border-bottom:1px solid #45413e}
    .nav-item__head>a{height:auto;flex:1;padding:15px 0;color:#fff;border:0;font-size:18px;opacity:1}
    .nav-item.is-active .nav-item__head{border-color:var(--gold)}
    .nav-submenu-toggle{width:50px;display:grid;place-items:center;color:#fff;font-size:24px;transition:transform .2s}
    .nav-item.is-submenu-open .nav-submenu-toggle{transform:rotate(180deg)}
    .submenu{position:static;display:none;max-height:none;padding:0 0 8px 16px;background:none;border:0;box-shadow:none}
    .nav-item.is-submenu-open .submenu{display:block}
    .submenu a{padding:10px 0;color:#aaa}
}
@media(max-width:430px){.site-header__mobile-meta>span{display:none}.site-header__mobile-phones{width:100%;justify-content:space-between}}
