.fv-category-menu-dropdown {
    position:
        relative;

    width:
        min(
            1190px,
            calc(
                100% - 32px
            )
        );

    height:
        34px;

    margin:
        0 auto;

    z-index:
        8500;
}


.fv-category-menu-trigger {
    height:
        34px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        13px;

    padding:
        0 20px;

    border: 0;

    background:
        #ffffff;

    color:
        #283674;

    font-size:
        13px;

    font-weight:
        700;

    cursor:
        pointer;
}


.fv-category-menu-trigger
i {
    font-size:
        10px;

    transition:
        transform
        0.18s ease;
}


.fv-category-menu-trigger.open {
    color:
        #ff587d;
}


.fv-category-menu-trigger.open
i {
    transform:
        rotate(
            180deg
        );
}


.fv-category-menu-panel {
    width:
        220px;

    position:
        absolute;

    top:
        34px;

    left: 0;

    z-index:
        8600;

    padding:
        7px 0;

    border:
        1px solid
        #e1e4e8;

    border-radius:
        0 0 8px 8px;

    background:
        #ffffff;

    box-shadow:
        0 12px 28px
        rgba(
            15,
            23,
            42,
            0.12
        );
}


.fv-category-menu-parent {
    position:
        relative;
}


.fv-category-menu-parent
> a {
    min-height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        0 12px;

    color:
        #5d6571;

    font-size:
        12px;

    text-decoration:
        none;
}


.fv-category-menu-parent
> a:hover {
    background:
        #fff1f5;

    color:
        #ff587d;
}


.fv-category-menu-parent
> a i {
    font-size:
        8px;
}


.fv-category-menu-children {
    display:
        none;

    width:
        220px;

    min-height:
        100%;

    position:
        absolute;

    top:
        -7px;

    left:
        100%;

    padding:
        7px 0;

    border:
        1px solid
        #e1e4e8;

    background:
        #ffffff;

    box-shadow:
        7px 10px 25px
        rgba(
            15,
            23,
            42,
            0.11
        );
}


.fv-category-menu-parent:hover
.fv-category-menu-children {
    display:
        block;
}


.fv-category-menu-children
a {
    display:
        block;

    padding:
        8px 12px;

    color:
        #5d6571;

    font-size:
        12px;

    text-decoration:
        none;
}


.fv-category-menu-children
a:hover {
    background:
        #fff1f5;

    color:
        #ff587d;
}


@media (
    max-width: 720px
) {

    .fv-category-menu-dropdown {
        display:
            none;
    }

}