.header-logo__img {
    width: auto;
    height: clamp(2.5rem, 4vw, 3rem);
    object-fit: contain;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary{
    column-gap: clamp(20px, 2.8vw, 40px);
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-weight: 500;
    position: relative;
    font-size: clamp(14px, 1.2vw, 16px);
}

.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--color-brand-purple);
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .25s ease;
    display: inline-block;
}

.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::after,
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after,
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after {
    width: 100%;
    transform: scaleX(1);
}
html.mega-menu-primary-off-canvas-open {
    overflow: visible !important;
}
@media only screen and (max-width: 993px) {
    .main-nav #mega-menu-wrap-primary .mega-menu-toggle {
        background-color: transparent;
    }
}