/* Header logo fix - fit the red rectangle area */
.site-header .nav-wrap{
    display:flex!important;
    align-items:center!important;
}

.site-header .brand-main{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    flex:0 0 auto!important;
    min-width:auto!important;
    text-decoration:none!important;
}

.site-header .brand-main img{
    display:block!important;
    width:72px!important;
    height:40px!important;
    object-fit:contain!important;
    object-position:center center!important;
    flex:0 0 72px!important;
    max-width:none!important;
}

.site-header .brand-main .brand-domain,
.site-header .brand-main span.brand-domain{
    display:inline-block!important;
    color:#ffb238!important;
    font-weight:900!important;
    font-size:18px!important;
    line-height:1.05!important;
    letter-spacing:-0.02em!important;
    white-space:nowrap!important;
}

@media (max-width: 900px){
    .site-header .nav-wrap{
        min-height:72px!important;
        padding-left:18px!important;
        padding-right:18px!important;
    }
    .site-header .brand-main img{
        width:74px!important;
        height:42px!important;
        flex:0 0 74px!important;
    }
    .site-header .brand-main .brand-domain,
    .site-header .brand-main span.brand-domain{
        font-size:17px!important;
    }
}

@media (max-width: 520px){
    .site-header .brand-main img{
        width:70px!important;
        height:40px!important;
        flex:0 0 70px!important;
    }
    .site-header .brand-main .brand-domain,
    .site-header .brand-main span.brand-domain{
        font-size:16px!important;
    }
}

@media (max-width: 420px){
    .site-header .brand-main img{
        width:66px!important;
        height:38px!important;
        flex:0 0 66px!important;
    }
    .site-header .brand-main .brand-domain,
    .site-header .brand-main span.brand-domain{
        font-size:15px!important;
    }
}
