/******************************************************************************************
 * Header V2
 *****************************************************************************************/

.site-header{
    position:sticky;
    top:0;
    z-index:var(--z-header);
    min-height:80px;
    max-height:90px;
    background:rgba(248,245,240,.96);
    backdrop-filter:blur(.5rem);
    border-bottom:.0625rem solid var(--border-light);
    overflow:visible;
}

.header-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:clamp(1rem,3vw,2rem);
    height:80px;
    min-height:80px;
    max-height:90px;
    flex-wrap:nowrap;
}

.site-logo{
    display:flex;
    align-items:center;
    gap:1rem;
    flex-shrink:0;
    text-decoration:none;
    color:var(--text-primary);
}

.site-logo img{
    display:block;
    width:auto;
    max-width:160px;
    max-height:64px;
    height:auto;
    object-fit:contain;
}

.main-navigation{
    margin-left:auto;
    min-width:0;
}

.navigation-list{
    display:flex;
    align-items:center;
    gap:clamp(1rem,2.5vw,2rem);
    white-space:nowrap;
    list-style:none;
    margin:0;
    padding:0;
}

.navigation-list a{
    position:relative;
    color:var(--text-primary);
    text-decoration:none;
    font-weight:500;
    transition:color var(--transition-fast);
}

.navigation-list a:hover,
.navigation-list a.active{
    color:var(--gold);
}

.navigation-list a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-.45rem;
    width:0;
    height:.10rem;
    background:var(--gold);
    border-radius:999px;
    transition:width var(--transition-normal);
}

.navigation-list a:hover::after,
.navigation-list a.active::after{
    width:100%;
}

.menu-toggle{
    display:none;
    justify-content:center;
    align-items:center;
    width:3rem;
    height:3rem;
    border:.0625rem solid var(--border-light);
    border-radius:50%;
    background:var(--bg-card);
    color:var(--text-primary);
    cursor:pointer;
}

body{overflow-x:hidden;}

@media (max-width:48rem){
    .site-header{min-height:72px;max-height:80px;}
    .header-content{height:72px;min-height:72px;padding-block:0;}
    .site-logo img{max-height:52px;max-width:170px;}
    .main-navigation{display:none;position:absolute;top:100%;right:0;left:0;margin:0;padding:1rem;background:var(--bg-primary);border-bottom:.0625rem solid var(--border-light);}
    .main-navigation.is-open{display:block;}
    .navigation-list{align-items:stretch;gap:.75rem;flex-direction:column;white-space:normal;}
    .navigation-list a{display:block;font-size:.95rem;}
    .menu-toggle{display:flex;}
}




.has-submenu{position:relative;}
.submenu{display:none;position:absolute;top:100%;left:0;list-style:none;margin:0;padding:.5rem 0;background:#fff;border:1px solid #ddd;border-radius:10px;min-width:220px;box-shadow:0 10px 20px rgba(0,0,0,.12);z-index:1000;}
.has-submenu:hover>.submenu{display:block;}
.submenu li{margin:0;padding:0;}
.submenu a{display:block;padding:.7rem 1.2rem;white-space:nowrap;}
.submenu a::after{display:none!important;}

main{padding-bottom:110px;}