#header .bm-menu {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    padding: 0
}

#header .bm-menu>li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#header .bm-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    margin: 0;
    padding: 12px;
    list-style: none;
    background: #fff;
    color: #292136;
    border: 1px solid #e8e0f2;
    border-radius: var(--bm-radius-card);
    box-shadow: 0 16px 35px #35204a16;
    z-index: 20
}

#header .sub-menu a {
    display: block;
    padding: 12px;
    border-radius: var(--bm-radius-input);
    color: #292136;
    white-space: normal;
    text-decoration: none
}

#header .sub-menu a:hover {
    background: #f3edfc;
    color: #713cce
}

#header .dropdown-toggle {
    border: 0;
    background: transparent;
    color: inherit;
    padding: 8px;
    min-width: 36px;
    min-height: 44px;
    cursor: pointer
}

#header .bm-menu li.is-open>.sub-menu {
    display: block
}

#header .wire-menu .bm-menu {
    display: block
}

#header .wire-menu .bm-menu>li>a {
    flex: 1
}

#header .wire-menu .bm-menu .sub-menu {
    position: static;
    width: 100%;
    min-width: 0;
    box-shadow: none;
    border: 0;
    border-left: 2px solid #e8def5;
    border-radius: 0;
    padding: 0 0 0 8px
}

#header .wire-menu>nav {
    max-height: 75vh;
    overflow-y: auto
}

@media(hover:hover) {
    #header .hero-navigation .menu-item-has-children:hover>.sub-menu {
        display: block
    }
}

#header .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    align-self: center
}

#header .dropdown-toggle svg {
    display: block;
    flex-shrink: 0
}

/* Shared navigation scale: readable labels and generous click targets. */
.canvas #header .hero-navigation a,
.canvas #header .nav-contact {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5
}

#header .bm-menu>li>a {
    display: inline-flex;
    align-items: center;
    min-height: 44px
}

.canvas #header .wire-menu a {
    font-size: 16px
}

#header .hero-navigation .sub-menu a {
    font-size: 15px
}

@media(min-width:1001px) and (max-width:1200px) {
    #header .bm-menu {
        gap: 16px
    }

    .canvas #header .hero-navigation a,
    .canvas #header .nav-contact {
        font-size: 15px
    }
}

/* Equal item spacing; the service chevron belongs to its label. */
#header .hero-navigation .bm-menu {
    gap: 28px
}

#header .hero-navigation .bm-menu>li {
    flex-wrap: nowrap;
}

#header .hero-navigation .dropdown-toggle {
    width: 24px;
    min-width: 24px;
    padding: 0;
    margin: 0
}

@media(min-width:1001px) and (max-width:1200px) {
    #header .hero-navigation .bm-menu {
        gap: 20px
    }
}
@media(max-width:1000px){.canvas #header .hero-navigation,.canvas #header .nav-contact{display:none}.canvas #header .wire-menu{display:block}}