/* Header sizing companion — Inter + larger two-line main menu */
.site-header,
.site-header-inner,
.site-nav,
.site-nav-brand-item,
.site-actions,
.site-action,
.site-cart{
    font-family:"Inter",Arial,Helvetica,sans-serif !important;
}

.site-nav-brand-item{
    font-size:16px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
}

.site-nav-brand-item .nav-brand-top{
    font-size:16px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
}

.site-nav-brand-item .nav-brand-bottom{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.05!important;
    font-weight:500!important;
    letter-spacing:.075em!important;
}

.site-brand-logo{
    width:224px!important;
    max-height:176px!important;
}

.site-logo img {
    width:162px!important;
    height:auto!important;
    max-width:162px!important;
}


/* TABLET / SMALL DESKTOP — ORIGINAL SIZING ONLY */
@media(max-width:1200px){

    .site-nav{
        gap:18px!important;
    }

    .site-nav-brand-item .nav-brand-top{
        font-size:14px!important;
    }

    .site-nav-brand-item .nav-brand-bottom{
        font-size:10px!important;
    }
}


/* SMALLER DEVICES — ORIGINAL SIZING ONLY */
@media(max-width:760px){

    .site-nav-brand-item .nav-brand-top{
        font-size:13px!important;
    }

    .site-nav-brand-item .nav-brand-bottom{
        font-size:9px!important;
    }
}


/* MOBILE MENU — LEFT + SOLID WHITE */
@media(max-width:950px){

    .site-header .site-nav[data-site-nav]{
        left:0!important;
        right:auto!important;
        width:280px!important;
        max-width:82vw!important;
        margin:0!important;
        transform:none!important;

        background:#ffffff!important;
        background-color:#ffffff!important;
        opacity:1!important;

        border:1px solid #e5e5e5!important;
        box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
        z-index:1000!important;
    }

    .site-header .site-nav[data-site-nav] .site-nav-brand-item{
        width:100%!important;
        background:#ffffff!important;
        color:#800000!important;
    }

    .site-header .site-nav[data-site-nav] .nav-brand-top,
    .site-header .site-nav[data-site-nav] .nav-brand-bottom{
        color:#800000!important;
    }
}

/* Mobile menu — left aligned */
@media (max-width: 950px) {
    .site-header .site-nav[data-site-nav] {
        left: 0 !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        width: 280px !important;
        max-width: 82vw !important;

        background: #ffffff !important;
        background-color: #ffffff !important;
        opacity: 1 !important;
    }
}

/* MOBILE ONLY — Menu left, actions/cart right */
@media (max-width: 650px) {

    .site-header-inner {
        grid-template-columns: 1fr auto !important;
    }

    .site-menu-toggle {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
    }

    .site-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-content: flex-end !important;
        margin-right: 0 !important;
    }
}