.under-header__wrapper {
    width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid var(--gray);
}

.under-header {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 24px;
    overflow-x: auto;
    white-space: nowrap;
}

.web-sites {
    display: flex;
    align-items: center;
    gap: 16px;
}

.products {
    display: flex;
    align-items: center;
    gap: 24px;
}
.link {
    color: var(--gray-dark);
    transition: all 0.2s ease-in-out;
}

.link:hover {
    color: var(--red);
}

.text-gray {
    color: var(--gray);
}

@media (max-width: 1439px) {
    .under-header {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}