.topmenu-category-section {
    background: #f9f9f9;
    padding: 1rem 2rem;
    position: sticky;
    top: 0;
    z-index: 9999;
    margin-bottom: -100px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.topmenu-category-section p {
    margin: 0;
    color: #000;
}

.header-category-section {
        position: relative;
        z-index: 1;
        background-image:
            linear-gradient(rgba(0,0,0,.35)),
            url("https://www.f-106deltadart.com/assets/images/bg-title.webp");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 320px;
        padding: 5rem 1rem 3rem;
}

.topmenu-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0.5rem 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: auto;
    gap: 2rem;
}

.topmenu-links{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.1rem;
}

.topmenu-links a{
    font-family: "Segoe UI", Arial, sans-serif;
    color:#111;
    text-decoration:none;
    font-weight:400;
    padding: .85rem 1rem;
    transition: all .05s ease;
    font-size: 1.68rem;
}

.topmenu-links a:hover{
    background:#f1f3f6;
    text-decoration:none;
    border-left:2px solid;
    border-left-color: rgba(0, 102, 204, 0.35);;
}

@media (max-width: 991px) {
    .topmenu-links a {
        font-size: 1.2rem;
    }

@media (max-width: 864px) {
    .topmenu-links {
        display: none;
    }
}

.topmenu-logo {
    flex: 0 0 280px;   /* reserve logo zone */
    display: flex;
    align-items: center;
    justify-content: flex-start;;
    margin: 0;
    padding: 0;
}

.topmenu-logo img {
    max-height: 80px;
    width: auto;
    display: block;
}