.top-bar {
	padding: 10px 0;
	background-color: #373752;
}

.top-navbar {
	background-color: var(--baf-color-brand-purple);
}

.header-bar {
	position: relative;
	font-size: 15px;
}

.header-bar:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #373752;
	position: absolute;
	left: 0;
	bottom: 0;
}

.header-bar .material-symbols-outlined {
	vertical-align: middle;
	font-size: 24px;
}

.btn-cart {
	background: none;
}

#desktop-keywords::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.cart-count:not(:empty) {
	background-color: #549485;
	color: #fff;
	width: 17px;
	height: 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -14px;
	left: 12px;
}

@media (min-width: 992px) {
	.header-bar {
		padding: 20px 0;
	}

	.header-bar .material-symbols-outlined {
		vertical-align: top;
		font-size: 20px;
	}

	#megamenu {
		border: none;
	}

  .navbar .nav-item .nav-link {
		padding: 20px 0px 20px 0 !important;
	}

	.cart-preview {
		top: 30px;
	}
	
	.cart-preview:before {
		content: "";
		position: absolute;
		top: -7px;
		right: 15px;
		transform: translateX(-50%);
		border-width: 0 7px 7px 7px;
		border-style: solid;
		border-color: transparent transparent #fff transparent;
	}
}