/* =========================
   HEADER
========================= */
.site-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    border-bottom:1px solid #eee;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

/* ONE LINE LAYOUT */
.header-row{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:18px;
    padding:10px 14px;
}

/* LOGO */
.logo{
    font-weight:700;
    font-size:18px;
    color:#111;
    text-decoration:none;
    white-space:nowrap;
}

/* NAV INLINE */
.nav{
    display:flex;
    gap:16px;
    align-items:center;
    flex-wrap:nowrap;
}

.nav a{
    text-decoration:none;
    font-size:13px;
    color:#444;
    white-space:nowrap;
    padding:6px 8px;
    border-radius:6px;
    transition:0.2s;
}

.nav a:hover{
    background:#f1f1f1;
    color:#000;
}

.nav a.active{
    background:#111;
    color:#fff;
}

/* SEARCH (SMALL + INLINE) */
.search{
    margin-left:auto;
    position:relative;
}

.search input{
    width:180px;
    padding:7px 32px 7px 10px;
    border-radius:20px;
    border:1px solid #ddd;
    font-size:12px;
    outline:none;
    transition:0.2s;
}

.search input:focus{
    width:240px;
    border-color:#111;
}

.search button{
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:#111;
    color:#fff;
    width:22px;
    height:22px;
    border-radius:50%;
    font-size:11px;
    cursor:pointer;
}

/* RIGHT ACTION */
.action-btn{
    text-decoration:none;
    font-size:13px;
    background:#111;
    color:#fff;
    padding:6px 10px;
    border-radius:6px;
    white-space:nowrap;
}

/* =========================
   MOBILE
========================= */
.menu-btn{
    display:none;
    font-size:18px;
    cursor:pointer;
}

@media(max-width:768px){

    .nav{
        display:none;
        position:absolute;
        top:50px;
        left:0;
        width:100%;
        background:#fff;
        border-top:1px solid #eee;
        flex-direction:column;
        padding:10px;
    }

    .nav.open{
        display:flex;
    }

    .menu-btn{
        display:block;
    }

    .search{
        display:none;
    }

    .action-btn{
        display:none;
    }
}
.logo img {
    height: 42px;
}