.breadcrumbs {
	padding-top: clamp(var(--spacing-14), 1.6vw, var(--spacing-20));
	background-color: var(--color-light-bg);
	color: var(--color-gray);
}

.breadcrumbs__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--spacing-6);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-body);
}

.breadcrumbs__inner a {
	color: var(--color-gray);
	transition: color var(--transition-base);
}

.breadcrumbs__inner a:hover {
	color: var(--color-blue);
}

.breadcrumbs__inner .iconoir-nav-arrow-right {
	color: var(--color-gray);
	font-size: 14px;
}

.breadcrumbs__current {
	color: var(--color-gray-dark);
}

@media (max-width: 680px) {
	.breadcrumbs {
		padding-top: var(--spacing-20);
	}
}