/* =========================================================
   3E HEADER REPAIR - 2026-09-12
   ========================================================= */

.three-premium-header.three-unified-header {
    position:relative !important;
    z-index:9990 !important;
    display:block !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 !important;
    background:#071d37 !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.2 !important;
    transform:none !important;
    zoom:1 !important;
}


.three-premium-header .three-header-shell {
    width:min(1240px,calc(100% - 32px)) !important;
    min-height:58px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:22px !important;
}


.three-premium-header .three-header-brand {
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    flex:0 0 auto !important;
    color:#fff !important;
    text-decoration:none !important;
    transform:none !important;
}


.three-premium-header .three-header-logo {
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 42px !important;
}


.three-premium-header .three-header-logo img {
    display:block !important;
    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    object-fit:contain !important;
}


.three-premium-header .three-header-brand-text {
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:1px !important;
    white-space:nowrap !important;
}


.three-premium-header .three-header-brand-text strong {
    color:#fff !important;
    font-size:16px !important;
    line-height:1.05 !important;
    font-weight:850 !important;
}


.three-premium-header .three-header-brand-text em {
    color:#55df85 !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-style:italic !important;
    font-weight:700 !important;
}


.three-premium-header .three-header-nav {
    min-width:0 !important;
    flex:1 1 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:15px !important;
}


.three-premium-header .three-header-primary {
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    white-space:nowrap !important;
}


.three-premium-header .three-nav-link,
.three-premium-header summary {
    color:#fff !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:750 !important;
    text-decoration:none !important;
}


.three-premium-header summary {
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    cursor:pointer !important;
    list-style:none !important;
}


.three-premium-header summary::-webkit-details-marker {
    display:none !important;
}


.three-premium-header summary svg {
    width:13px !important;
    height:13px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.6 !important;
}


.three-premium-header .three-header-tools {
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
}


.three-premium-header .three-inline-search {
    width:126px !important;
    flex:0 0 126px !important;
}


.three-premium-header .three-inline-search-field {
    height:34px !important;
    display:flex !important;
    align-items:center !important;
}


.three-premium-header .three-inline-search-input {
    width:100% !important;
    height:34px !important;
    font-size:11px !important;
}


.three-premium-header .three-header-actions {
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
}


.three-premium-header .three-header-demo,
.three-premium-header .three-header-shop {
    min-height:34px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:5px !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-decoration:none !important;
}


.three-premium-header .three-header-demo {
    border:1px solid rgba(255,255,255,.7) !important;
    color:#fff !important;
    background:transparent !important;
}


.three-premium-header .three-header-shop {
    border:1px solid #169b6b !important;
    color:#fff !important;
    background:#169b6b !important;
}


/* DROPDOWN */

.three-premium-header .three-header-dropdown {
    position:relative !important;
}


.three-premium-header .three-header-mega {
    position:absolute !important;
    top:calc(100% + 18px) !important;
    left:0 !important;
    z-index:9999 !important;
    width:min(720px,calc(100vw - 30px)) !important;
    padding:22px !important;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    background:#fff !important;
    border:1px solid #dce4ed !important;
    box-shadow:0 18px 45px rgba(5,25,48,.16) !important;
}


.three-premium-header details:not([open]) > .three-header-mega {
    display:none !important;
}


.three-premium-header details[open] > .three-header-mega {
    display:grid !important;
}


.three-premium-header .three-header-mega-group {
    min-width:0 !important;
}


.three-premium-header .three-header-mega-group > span {
    display:block !important;
    margin-bottom:8px !important;
    color:#6a7989 !important;
    font-size:10px !important;
    font-weight:850 !important;
    text-transform:uppercase !important;
}


.three-premium-header .three-header-mega-group a {
    display:block !important;
    padding:8px 0 !important;
    text-decoration:none !important;
}


.three-premium-header .three-header-mega-group strong {
    display:block !important;
    color:#10263d !important;
    font-size:13px !important;
    line-height:1.3 !important;
}


.three-premium-header .three-header-mega-group small {
    display:block !important;
    margin-top:2px !important;
    color:#68798c !important;
    font-size:10px !important;
    line-height:1.4 !important;
}


/* MOBILE */

.three-premium-header .three-header-toggle {
    display:none !important;
}


@media(max-width:1080px) {

    .three-premium-header .three-header-shell {
        width:calc(100% - 24px) !important;
    }

    .three-premium-header .three-header-primary {
        gap:9px !important;
    }

    .three-premium-header .three-nav-link,
    .three-premium-header summary {
        font-size:11px !important;
    }

    .three-premium-header .three-inline-search {
        display:none !important;
    }

}


@media(max-width:860px) {

    .three-premium-header .three-header-shell {
        min-height:62px !important;
        justify-content:space-between !important;
    }

    .three-premium-header .three-header-toggle {
        display:flex !important;
        width:40px !important;
        height:40px !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
        border:0 !important;
        background:transparent !important;
    }

    .three-premium-header .three-header-toggle span {
        width:21px !important;
        height:2px !important;
        background:#fff !important;
    }

    .three-premium-header .three-header-nav {
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:0 !important;
        display:none !important;
        padding:16px !important;
        background:#071d37 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
    }

    .three-premium-header.is-menu-open .three-header-nav,
    .three-premium-header[data-menu-open="true"] .three-header-nav {
        display:block !important;
    }

    .three-premium-header .three-header-primary {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;
        white-space:normal !important;
    }

    .three-premium-header .three-nav-link,
    .three-premium-header summary {
        min-height:44px !important;
        display:flex !important;
        align-items:center !important;
        font-size:14px !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
    }

    .three-premium-header .three-header-tools {
        margin-top:14px !important;
        justify-content:space-between !important;
    }

    .three-premium-header .three-inline-search {
        display:block !important;
        width:auto !important;
        flex:1 1 auto !important;
    }

    .three-premium-header .three-header-mega {
        position:static !important;
        width:100% !important;
        margin:0 !important;
        padding:14px !important;
        grid-template-columns:1fr !important;
        box-shadow:none !important;
    }

}