.modern-header{
 background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color:white;
 position:sticky;
 top:0;
 z-index:1000;
 box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.header-main{
 background:inherit;
 padding:1rem 0;
}

.header-content{
 max-width:1200px;
 margin:0 auto;
 padding:0 20px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:2rem;
}


.logo-section{
 flex-shrink:0;
}

.logo-link{
 text-decoration:none;
 display:inline-block;
}

.logo-text{
 display:flex;
 flex-direction:column;
 line-height:1;
}

.brand-name{
 font-size:1.8rem;
 font-weight:700;
 color:white;
 letter-spacing:-0.5px;
}

.brand-tagline{
 font-size:0.75rem;
 color:rgba(255, 255, 255, 0.9);
 margin-top:2px;
 text-transform:uppercase;
 letter-spacing:1px;
}


.main-nav{
 flex:1;
 display:flex;
 justify-content:center;
}

.nav-list{
 display:flex;
 list-style:none;
 margin:0;
 padding:0;
 gap:0.5rem;
 align-items:center;
}

.nav-item{
 position:relative;
}

.nav-link{
 color:white;
 text-decoration:none;
 padding:0.75rem 1rem;
 border-radius:8px;
 font-weight:500;
 font-size:0.95rem;
 transition:all 0.2s ease;
 display:inline-flex;
 align-items:center;
 gap:4px;
 white-space:nowrap;
}

.nav-link:hover{
 background:rgba(255, 255, 255, 0.1);
}

.nav-special{
 background:rgba(233, 30, 99, 0.9);
 color:white;
}

.nav-special:hover{
 background:#e91e63;
}


.dropdown-icon{
 transition:transform 0.2s ease;
}

.dropdown:hover .dropdown-icon{
 transform:rotate(180deg);
}

.dropdown-menu{
 position:absolute;
 top:100%;
 left:0;
 background:white;
 border-radius:12px;
 box-shadow:0 10px 40px rgba(0,0,0,0.15);
 padding:0.5rem;
 min-width:200px;
 opacity:0;
 visibility:hidden;
 transform:translateY(-10px);
 transition:all 0.3s ease;
 margin-top:0.5rem;
}

.dropdown:hover .dropdown-menu{
 opacity:1;
 visibility:visible;
 transform:translateY(0);
}

.dropdown-content{
 display:flex;
 flex-direction:column;
}

.dropdown-item{
 color:#333;
 text-decoration:none;
 padding:0.75rem 1rem;
 border-radius:8px;
 transition:background 0.2s ease;
 font-size:0.95rem;
}

.dropdown-item:hover{
 background:#f5f5f5;
}


.header-actions{
 display:flex;
 align-items:center;
 gap:1rem;
 flex-shrink:0;
}

.btn-location{
 background:rgba(255, 255, 255, 0.2);
 color:white;
 border:1px solid rgba(255, 255, 255, 0.3);
 padding:0.75rem 1.25rem;
 border-radius:50px;
 font-weight:500;
 font-size:0.9rem;
 cursor:pointer;
 transition:all 0.2s ease;
 display:inline-flex;
 align-items:center;
 gap:0.5rem;
}

.btn-location:hover{
 background:rgba(255, 255, 255, 0.3);
}

.btn-auth{
 background:white;
 color:#667eea;
 border:none;
 padding:0.75rem 1.5rem;
 border-radius:50px;
 font-weight:600;
 font-size:0.9rem;
 cursor:pointer;
 transition:all 0.2s ease;
}

.btn-auth:hover{
 background:#f8f9fa;
 transform:translateY(-1px);
 box-shadow:0 4px 12px rgba(0,0,0,0.1);
}


.menu-toggle{
 display:none;
 background:none;
 border:none;
 color:white;
 font-size:1.5rem;
 cursor:pointer;
 padding:0.5rem;
}


@media (max-width:992px){
 .main-nav{
 display:none;
}
 
 .menu-toggle{
 display:block;
}
 
 .header-content{
 padding:0 15px;
}
 
 .brand-name{
 font-size:1.5rem;
}
}

@media (max-width:768px){
 .header-actions{
 gap:0.5rem;
}
 
 .btn-location{
 padding:0.6rem 1rem;
 font-size:0.85rem;
}
 
 .btn-auth{
 padding:0.6rem 1.25rem;
 font-size:0.85rem;
}
 
 .header-content{
 gap:1rem;
}
}