/* HTML-карта сайта — latonit:html.sitemap */

.html-sitemap {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xxl, 50px);
	padding-bottom: var(--spacing-xxxl, 80px);
	color: var(--color-primary, #212121);
}

.html-sitemap__block {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md, 16px);
}

.html-sitemap__title {
	margin: 0;
	font-family: var(--font-family-primary, 'Nunito Sans', sans-serif);
	font-size: var(--font-size-h3, 24px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--color-primary, #212121);
}

.html-sitemap__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.html-sitemap__list--columns {
	columns: 2;
	column-gap: var(--spacing-xl, 32px);
}

.html-sitemap__list--columns > li {
	break-inside: avoid;
	margin: 0 0 var(--spacing-sm, 12px);
}

.html-sitemap__list--tree,
.html-sitemap__list--nested {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm, 12px);
}

.html-sitemap__list--nested {
	margin-top: var(--spacing-sm, 12px);
	padding-left: var(--spacing-lg, 24px);
	border-left: 1px solid rgba(33, 33, 33, 0.12);
}

.html-sitemap__node--product {
	font-size: 15px;
}

.html-sitemap__link,
.html-sitemap__label {
	font-family: var(--font-family-primary, 'Nunito Sans', sans-serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-primary, #212121);
	text-decoration: none;
}

.html-sitemap__link:hover,
.html-sitemap__link:focus-visible {
	text-decoration: underline;
	outline: none;
}

.html-sitemap__link--title {
	font-weight: 600;
}

@media (max-width: 900px) {
	.html-sitemap {
		gap: var(--spacing-xl, 32px);
		padding-bottom: var(--spacing-xxl, 50px);
	}

	.html-sitemap__list--columns {
		columns: 1;
	}

	.html-sitemap__list--nested {
		padding-left: var(--spacing-md, 16px);
	}

	.html-sitemap__title {
		font-size: 20px;
	}
}