.header{position:fixed;top:0;left:0;right:0;z-index:999;background:var(--dark);transition:box-shadow var(--transition)}
.header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.3)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.5px}
.logo__img{height:44px;width:auto;filter:brightness(0) invert(1);transition:opacity .2s}
.logo:hover .logo__img{opacity:.85}
/* legacy icon fallback */
.logo__icon{width:36px;height:36px;background:var(--yellow);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}
.logo__icon svg{width:20px;height:20px;color:var(--dark)}
.nav{display:flex;gap:32px}
.nav a{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500;transition:var(--transition);position:relative}
.nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--yellow);transition:var(--transition)}
.nav a:hover{color:#fff}
.nav a:hover::after{width:100%}
.header__right{display:flex;align-items:center;gap:16px}
.header__phone{color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem}
.header__phone:hover{color:var(--yellow)}
.header__wa{background:var(--yellow);color:var(--dark);padding:8px 18px;border-radius:var(--radius);font-family:'Manrope',sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:var(--transition)}
.header__wa:hover{background:#e6c000}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.burger span{display:block;width:24px;height:2px;background:#fff;transition:var(--transition);border-radius:2px}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--dark);padding:24px 20px;flex-direction:column;gap:20px;z-index:998;transform:translateY(-100%);transition:transform .3s ease}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{color:#fff;font-size:1.1rem;font-weight:600;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-menu .btn{margin-top:8px;justify-content:center}