/* NAV */
nav{
position:fixed;width:100%;top:0;
background:rgba(0,0,0,.85);
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(255,255,255,.08);
z-index:1000;
}
.nav-container{
max-width:1200px;margin:auto;
display:flex;justify-content:space-between;
padding:15px 20px;
padding-bottom: 10px;
    align-items: center;
}
.logo{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
}

/* الصورة */
.logo img{
    width:38px;
    height:38px;
    object-fit:contain;
    filter: drop-shadow(0 0 8px rgba(247,181,0,0.3));
    transition:.3s;
}

/* Hover subtle */
.logo:hover img{
    transform:scale(1.1);
}
.brand{
    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
    color:#fff;
}

.highlight{
    color:#f7b500;
    font-size:18px;
    font-weight:900;
    text-shadow:0 0 12px rgba(247,181,0,.7);
    letter-spacing:1px;
}

.nav-links{display:flex;gap:25px;}
.nav-links a{
color:#ccc;
text-decoration:none;
transition:.3s;
}
.nav-links a:hover{
color:#f7b500;
}

.menu-btn{display:none;cursor:pointer;}
.menu-btn div{width:25px;height:3px;background:white;margin:5px;}

.mobile-menu{
position:fixed;top: 90px;right:-260px;
width:260px;height:100vh;
background:#111;transition:.3s;
}
.mobile-menu.active{right:0;}
.mobile-menu a{
display:block;padding:15px;
border-bottom:1px solid #222;
color:white;text-decoration:none;
}
/* RESPONSIVE */
@media(max-width:768px){
.nav-links{display:none;}
.menu-btn{display:block;}
.hero h1{font-size:34px;}
}