* {margin:0; padding:0; box-sizing:border-box;}

/* SIÊU QUAN TRỌNG - Đẩy nội dung xuống dưới header cố định */
body {
    padding-top: 165px !important;
    font-family: Arial, sans-serif;
    background: #f4f6f9;
    min-height: 100vh;
}

#header {
    background: #2c3e50;
    color: white;
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0,0.2);
}
#top-header {display:flex; align-items:center; justify-content:space-between; padding:10px 30px; flex-wrap:wrap;}
.logo img {height:80px;}
#search input {padding:10px 15px; width:320px; max-width:100%; border:none; border-radius:4px 0 0 4px;}
#search button {padding:10px 15px; background:#34495e; border:none; color:white; border-radius:0 4px 4px 0; cursor:pointer;}
#user {display:flex; align-items:center; gap:25px;}
.cart a {color:white; text-decoration:none; font-size:18px;}
#end-header {background:#34495e;}
.menu ul {display:flex; justify-content:center; gap:50px; padding:15px 0; list-style:none;}
.menu a {color:white; text-decoration:none; font-weight:bold;}
.menu a:hover {color:#1abc9c;}
#admin-link {color:yellow !important; display:none;}

#login {
    max-width:420px;
    margin:40px auto 100px;
    background:white;
    padding:40px 35px;
    border-radius:15px;
    box-shadow:0 15px 35px rgba(0,0,0,0.1);
    text-align:center;
}
#login h1 {font-size:40px; color:brown; margin-bottom:30px; font-weight:normal;}
.input-box {position:relative; margin:28px 0;}
.input-box i {position:absolute; left:15px; top:16px; color:#777; font-size:18px;}
.input-box input {
    width:100%;
    padding:15px 15px 15px 50px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:16px;
}
.btn-login {background:crimson; color:white; padding:14px 50px; border:none; border-radius:8px; font-size:17px; cursor:pointer;}
.btn-admin {background:#e74c3c; color:white; padding:15px 35px; border:none; border-radius:8px; font-size:17px; cursor:pointer;}
.links {margin-top:25px; font-size:15px;}
.links a {color:#e74c3c; text-decoration:none; margin:0 12px;}
.admin-section {margin-top:40px; padding-top:30px; border-top:2px dashed #eee;}

.footer {
    background:#2c3e50;
    color:white;
    padding:60px 30px 30px;
    margin-top:50px;
}
.footer-main ul {display:flex; justify-content:space-around; flex-wrap:wrap; list-style:none; gap:30px;}
.footer-main h5 {color:#1abc9c; margin-bottom:15px;}
.footer-main a, .footer-main p {color:#bbb; text-decoration:none; line-height:1.8;}
.copy-right {text-align:center; padding:20px; background:#1a252f; color:#888;}
#admin-link {
    color: yellow !important;
    font-weight: bold;
    animation: glow 2s infinite alternate;
}
@keyframes glow {
    from { text-shadow: 0 0 5px yellow; }
    to { text-shadow: 0 0 20px gold, 0 0 30px orange; }
}