/* Brand filter + sorting bar (inc/shop-toolbar.php). Scoped under .hk-toolbar. */
.hk-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	font-family: "Schibsted Grotesk", system-ui, sans-serif;
	color: #1a1815;
}
.hk-toolbar__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.hk-toolbar a.hk-toolbar__chip {
	display: inline-block;
	padding: 10px 16px;
	border: 1px solid #d8d4cc;
	border-radius: 0;
	background: #faf9f7;
	color: #52504a;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}
.hk-toolbar a.hk-toolbar__chip:hover,
.hk-toolbar a.hk-toolbar__chip:focus {
	border-color: #00a2ff;
	color: #52504a;
}
.hk-toolbar a.hk-toolbar__chip.is-on,
.hk-toolbar a.hk-toolbar__chip.is-on:hover {
	border-color: #00a2ff;
	background: #00a2ff;
	color: #fff;
}
.hk-toolbar__tools {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}
.hk-toolbar__count {
	color: #9b978f;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
.hk-toolbar__sort {
	margin: 0;
}
.hk-toolbar__sort select {
	padding: 11px 14px;
	border: 1px solid #d8d4cc;
	border-radius: 0;
	background-color: #faf9f7;
	color: #1a1815;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.hk-toolbar__tools {
		width: 100%;
		justify-content: space-between;
	}
	.hk-toolbar__sort {
		flex: 1;
		max-width: 60%;
	}
	.hk-toolbar__sort select {
		width: 100%;
	}
}