.top-bar {
    overflow-x: auto;
    width: 100%;

    background-color: #ecf0f1;
}

.top-bar div {
    display: flex;
    gap: 20px;
    width: fit-content;

    margin-left: auto;
    margin-right: auto;

}

.top-bar a {
    color: #34495e;
    padding: 10px 15px 10px 15px;
}

.top-bar a:hover {
    color: #3498db;
}

/* Подсветка меню */
body:has(#pHome:target) .top-bar a[href="/#pHome"],
body:has(#pOrder:target) .top-bar a[href="/#pOrder"],
body:has(#pContacts:target) .top-bar a[href="/#pContacts"],
body:has(#pSupport:target) .top-bar a[href="/#pSupport"],
body:has(#pAccount:target) .top-bar a[href="/#pAccount"],
body:has(#pDetails:target) .top-bar a[href="/#pDetails"] {
    background-color: #bdc3c7;
    color: #34495e;
    pointer-events: none;
}