.menu {
    display: flex;
    gap: 3.125rem;

    border-bottom: 1px solid var(--cl-smoky-white);
}
.menu.container-page {
    padding-top: .625rem;
    padding-bottom: 0;
}

.submenus {
    position: relative;
    z-index: 1000;
}

.menu-link {
    display: block;
    cursor: pointer;

    color: rgba(84, 84, 84, 1);
    font-size: var(--s15);
    font-weight: 600;

    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    padding-bottom: .625rem;

    transition: border-bottom-color .3s ease;
}

.menu-item:hover .menu-link {
    border-bottom-color: #194A7A;
}

.submenus {
    width: 100vw;
}

.submenu {
    position: absolute;
    top:0;
    max-height: 0;
    width: 100%;
    padding: 1.875rem 8.75rem 2.5rem 8.75rem;
    pointer-events: none;

    overflow: hidden;
    opacity: 0;

    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);

    transition: all 0.4s ease;
}

/* Активное подменю */
.submenu.active {
    opacity: 1;
    max-height: 2000px;
    pointer-events: all;
}

.submenu-item {
    margin-bottom: 1.5rem;
    max-width: 25%;
}
.submenu-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.submenu-title {
    font-size: var(--s15);
    font-weight: 400;
}

.submenu-children {
    margin-top: .7rem;
    color: rgba(84, 84, 84, 1);
    font-size: var(--s13);
    font-weight: 400;
}

.submenu-children li {
    margin: .3rem 0;
}

.product-count {
    color: #888;
    font-size: var(--s13);
    margin-left: 8px;
}