.header-top .nav-link {
    position: relative;
    color: #fff; /* alapból fehér */
    text-decoration: none;
    padding-bottom: 5px; /* hely a csíknak */
    transition: color 0.3s ease;
}

.header-top .nav-link:hover {
    color: orange; /* hover hatásra is fehér */
}

.header-top .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* alul */
    width: 100%;
    height: 3px; /* csík vastagsága */
    background: orange; /* narancs csík */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.header-top .nav-link:hover::after {
    transform: scaleX(1); /* animált “futó” csík alul */
}

ul.category.sf-horizontal {
    justify-content: flex-start !important;
    gap: 15px; /* állítsd be a kívánt távolságot az elemek között */
}

.header-category {
    background: transparent !important;
}

.header-category .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    background: #2b3a5d !important; /* a sötétkék háttér */
}