.breadcrumbs {
	margin: 38px auto 30px !important;
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.breadcrumbs__item {
	display: flex;
	align-items: center;
	gap: 6px;
}

.breadcrumbs__item:not(:last-child)::after {
	content: '/';
	color: #9d9d9d;
	font-family: var(--font-secondary);
	font-size: 16px;
}

.breadcrumbs__link {
	font-family: var(--font-secondary);
	font-size: 16px;
	font-weight: 400;
	color: #9d9d9d;
}

a.breadcrumbs__link {
	transition: color 0.15s ease;
}

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

.breadcrumbs__link--active {
	color: var(--color-text-secondary);
	font-weight: 500;
	cursor: default;
}

@media screen and (max-width: 768px) {
	.breadcrumbs {
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.breadcrumbs__list {
		width: max-content;
	}
}