.site-header{

background:#fff;

position:sticky;

top:0;

z-index:999;

box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.header-wrapper
{
    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:82px;
}

.logo img{

height:48px;

width:auto;

}

.main-nav ul{

display:flex;

gap:30px;

list-style:none;

}

.main-nav a{

font-weight:600;

font-size:15px;

}

.menu-toggle{

display:none;

background:none;

border:none;

font-size:28px;

cursor:pointer;

}



/* =====================
   LOGO SQUARE
===================== */


.site-logo
{
    display:flex;
    align-items:center;
}


.site-logo a
{
    display:flex;
    align-items:center;
}


/* LOGO CONTROL */

.site-logo,
.site-logo a
{
    display:flex;
    align-items:center;
}


.site-logo img,
.site-logo .custom-logo
{
    width:64px !important;
    height:64px !important;

    max-width:64px !important;
    max-height:64px !important;

    object-fit:cover;

    border-radius:12px;
}


/* Nếu chưa có logo */

.logo-text
{
    width:64px;
    height:64px;

    background:#b61c1c;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:12px;

    font-weight:700;

    line-height:1.2;

    border-radius:12px;
}



/* =====================
   MENU STYLE
===================== */


.main-nav ul
{
    list-style:none;
    margin:0;
    padding:0;
}


.main-nav li
{
    list-style:none;
}


.main-nav a
{
    color:#333;

    text-decoration:none;

    font-weight:600;

    transition:0.3s ease;
}


.main-nav a:hover
{
    color:#b61c1c;
}