.header-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.nav-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:48px}.logo{font-size:22px;font-weight:700;color:#1f2937;white-space:nowrap;text-decoration:none;transition:color .2s;cursor:pointer}.logo:hover{color:#2563eb}.main-nav{display:flex;gap:32px;flex:1 1}.main-nav a{color:#6b7280;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s}.main-nav a:hover{color:#1f2937}.nav-right{gap:16px}.nav-right,.search-box{display:flex;align-items:center}.search-box{gap:8px;background:#f3f4f6;padding:8px 16px;border-radius:8px;min-width:240px}.search-box .search-icon{font-size:16px}.search-box input{border:none;background:rgba(0,0,0,0);outline:none;font-family:Poppins,sans-serif;font-size:14px;width:100%}.search-box input::placeholder{color:#9ca3af}@media(max-width:1024px){.nav-content{gap:24px}.main-nav{gap:20px}}@media(max-width:768px){.nav-content{flex-wrap:wrap}.search-box{order:3;width:100%}}@media(max-width:480px){.logo{font-size:18px}.main-nav{gap:16px}.main-nav a{font-size:14px}}