.breadcrumbs {
	grid-area: catalog-breadcrumbs;
}

.breadcrumbs_wrap {
	display: flex;
	gap: 4px;
	width: max-content;
}

.breadcrumbs a, .breadcrumbs span {
	display: flex;
	align-items: center;
	width: max-content;
	gap: calc(0px + 12 * var(--scale));

	font-size: calc(0px + 16 * var(--scale));
	font-style: normal;
	font-weight: 600;
	line-height: normal;

	text-decoration: none;
	color: var(--secondary-color);
}

.breadcrumbs a::after {
	content: "";
	display: block;
	width: calc(0px + 17 * var(--scale));
	height: calc(0px + 17 * var(--scale));
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.58525 2.25726L11.7972 8.01979C11.871 8.08839 11.9233 8.16271 11.9543 8.24274C11.9852 8.32278 12.0005 8.40853 12 8.5C12 8.59147 11.9848 8.67722 11.9543 8.75726C11.9238 8.83729 11.8714 8.91161 11.7972 8.98021L5.58525 14.7599C5.41321 14.92 5.19815 15 4.94009 15C4.68203 15 4.46083 14.9142 4.2765 14.7427C4.09217 14.5712 4 14.3712 4 14.1425C4 13.9138 4.09217 13.7137 4.2765 13.5422L9.69584 8.5L4.2765 3.45778C4.10445 3.29771 4.01843 3.10037 4.01843 2.86575C4.01843 2.63114 4.1106 2.4283 4.29493 2.25726C4.47926 2.08575 4.69431 2 4.94009 2C5.18587 2 5.40092 2.08575 5.58525 2.25726Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.breadcrumbs a:last-child::after {
	display: none;
}

@media (max-width: 767px) {
	.breadcrumbs {
		overflow: auto;
	}

	.breadcrumbs a, .breadcrumbs span {
		font-size: 12px;
		font-weight: 600;
		padding: 2px;
	}

	.breadcrumbs a::after {
		width: 11px;
		height: 11px;
	}
}