:root {
    --sizemapHeader: 15px;
}

.all-categories {
    padding: var(--sizemapHeader) 0;
}

.sitemap-title {
    color: var(--darkness);
    line-height: 1.5;
    margin: 0;
}

.sitemap-item-children-header {
    font-size: var(--sizemapHeader);
}

.sitemap-item {
    margin-top: var(--gap14);
}

.sitemap-header {
    font-size: calc(var(--sizemapHeader) + 6px);
    margin-bottom: var(--sizemapHeader);
}

.sitemap-sub-header {
    font-size: calc(var(--sizemapHeader) + 4px);
}

.sitemap-item-header {
    font-size: calc(var(--sizemapHeader) + 2px);
}

.list-category a {
    color: inherit;
}

.list-category a:hover {
    color: var(--primary);
}

.link-sitemap-item {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 24px;
    margin-top: var(--gap8);
}

.list-category,
.list-category ul {
    margin-left: 0;
    padding-left: 0
}

.list-category > li {
    list-style: none;
    margin-left: 0;
    border-top: 1px dashed #d1d1d1;
    padding-top: var(--gap8)
}

.list-category ul ul {
    padding-left: 20px
}

.sitemap-item-children {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.sitemap-title.sitemap-item-header {
    font-weight: bold;
}

.link-sitemap-item-children {
    padding-left: 20px;
    margin-top: 6px;
}

.link-sitemap-item li + li {
    margin-top: 10px
}


@media (max-width: 900px) {
    :root {
        --sizemapHeader: 14px;
    }
    .link-sitemap-item {
        grid-template-columns: repeat(4, 1fr);
    }
    .list-category ul ul {
        padding: 0;
    }
}

@media (max-width: 780px) {
    .link-sitemap-item {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .link-sitemap-item {
        grid-template-columns: repeat(2, 1fr);
    }
}