/****************************************************************/
/* footer */
footer {
width: 100%;
background: #f3f3f7;
border-top: 1px solid #ececec;
}

.footer-inner {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
}

.footer-info {
display: flex;
flex-direction: column;
gap: 10px;
}

.footer-links {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
font-size: 14px;
color: #888;
}

.footer-links a {
color: #888;
text-decoration: none;
transition: 0.2s;
}

.footer-links a:hover {
color: #555;
}

.footer-links span {
color: #c3c3c3;
}


.copyright {
margin-left: 10px;
font-weight: 600;
color: #777;
}

.top-btn {
width: 45px;
height: 45px;
flex-shrink: 0;
border: 1px solid #e2e2e2;
border-radius: 50%;
background: #fff;
color: #777;
font-size: 22px;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
transition: all .2s ease;
}

.top-btn:hover {
transform: translateY(-2px);
}

.top-btn:active {
transform: translateY(0);
}