/* 1. Definicja kreski (Twój kod z kolorem czerwonym) */
.sp-megamenu-parent > li::after {
    content: "";
    height: 2px;
    background-color: #e7323b !important; /* Twój kolor */
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 35px; /* Możesz tu regulować wysokość kreski góra/dół */
    width: calc(100% - 50px);
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}

/* 2. Pokaż kreskę, gdy najeżdżasz lub jesteś na stronie (Active/Hover) */
.sp-megamenu-parent > li.active::after,
.sp-megamenu-parent > li:hover::after {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. Zmień też kolor samego tekstu na czerwony */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
    color: #e7323b !important;
}