#header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:20px;
  padding:16px max(26px, calc((100vw - 1180px)/2));background:var(--black)}
.logo img{height:40px;width:auto}
.logo .logo-txt{color:#fff;font-weight:800;font-size:1.7rem;letter-spacing:.02em}
.phone{margin-left:auto;display:none}
.phone svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.8}
.burger{display:none;width:34px;height:16px;flex-direction:column;justify-content:space-between;cursor:pointer;margin-left:auto;background:none;border:0;padding:0}
.burger span{height:2px;background:#fff;transition:.2s}
.desktop-nav{margin-left:auto}
.desktop-nav ul{display:flex;align-items:center;gap:2px}
.desktop-nav .nav-link,.dropdown-toggle{display:block;padding:10px 13px;font-weight:400;color:#fff;cursor:pointer;white-space:nowrap;opacity:.92;background:none;border:0}
.desktop-nav .nav-phone{font-weight:500}
.desktop-nav .nav-link:hover,.dropdown:hover .dropdown-toggle{opacity:1}
.arrow-down{display:inline-block;margin-left:6px;border:solid var(--mut-d);border-width:0 1.5px 1.5px 0;padding:2.5px;transform:rotate(45deg) translateY(-2px)}
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;min-width:260px;background:#0c0c0c;border:1px solid var(--line-d);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(2px)}
.mega-list{display:flex;flex-direction:column}
.mega-list a{padding:10px 14px;color:#fff;opacity:.85}
.mega-list a:hover{opacity:1;background:#1a1a1a}
.btn-nav{padding:.7em 1.6em;margin-left:14px;white-space:nowrap}
.mobile-nav{display:none}
@media(max-width:1060px){
  #header{height:72px;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:14px;padding:16px 20px}
  .desktop-nav{display:none}
  .burger{display:flex;grid-column:1;margin:0;justify-self:start}
  .logo{grid-column:2;justify-self:center}
  .logo img{height:36px}
  .phone{display:flex;grid-column:3;align-items:center;justify-content:center;justify-self:end;width:40px;height:40px;margin:0}
  .phone-num{display:none}
  .mobile-nav{display:block;position:fixed;inset:72px 0 0 0;background:var(--black);color:#fff;overflow-y:auto;padding:24px;z-index:99}
  .mobile-nav[hidden]{display:none}
  .mnav-group{border-bottom:1px solid var(--line-d);padding:12px 0}
  .mnav-title{font-weight:700;color:var(--mut-d);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;margin-bottom:6px}
  .mobile-nav a{display:block;padding:10px 4px;font-size:1.05rem;color:#fff}
  .mobile-nav .btn{margin-top:20px;width:100%}
}