.mc-voice-search-host {
	--mc-voice-search-right: 50px;
	position: relative !important;
}

.mc-voice-search-host--cart {
	--mc-voice-search-right: 48px;
}

.mc-voice-search-host--mobile-popup {
	--mc-voice-search-right: 58px;
}

.mc-voice-search-host--mobile-menu {
	--mc-voice-search-right: 52px;
}

.mc-voice-search-host input[type="search"],
.mc-voice-search-host input[name="q"] {
	padding-right: calc(var(--mc-voice-search-right) + 40px) !important;
}

.mc-voice-search-button {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 50%;
	color: #555;
	cursor: pointer;
	display: flex;
	height: 34px;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: absolute;
	right: var(--mc-voice-search-right);
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
	width: 34px;
	z-index: 5;
	touch-action: manipulation;
}

.mc-voice-search-button svg {
	display: block;
	fill: currentColor;
	height: 18px;
	pointer-events: none;
	width: 18px;
}

.mc-voice-search-button:hover {
	background: #f0f0f0;
	color: #111;
}

.mc-voice-search-button:focus-visible {
	box-shadow: 0 0 0 3px rgba(255, 251, 0, .6);
	outline: 2px solid #111;
	outline-offset: 1px;
}

.mc-voice-search-button.is-listening {
	background: #111;
	box-shadow: 0 0 0 4px rgba(255, 251, 0, .28);
	color: #fffb00;
	animation: mc-voice-search-pulse 1.25s ease-in-out infinite;
}

.mc-voice-search-status {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

#modal-cart.mc-cart-drawer .mc-cart-search-form button.mc-voice-search-button {
	background: transparent;
	border: 0;
	border-radius: 50%;
	color: #555;
	height: 34px;
	padding: 0;
	position: absolute;
	right: 48px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	z-index: 5;
}

#modal-cart.mc-cart-drawer .mc-cart-search-form button.mc-voice-search-button:hover {
	background: #f0f0f0;
	color: #111;
}

#modal-cart.mc-cart-drawer .mc-cart-search-form button.mc-voice-search-button.is-listening {
	background: #111;
	color: #fffb00;
}

.multclean-mobile-search-form.mc-voice-search-host .multclean-mobile-search-input {
	padding-right: 142px !important;
}

.multclean-mobile-menu-search-group.mc-voice-search-host .multclean-mobile-menu-search-input {
	padding-right: 120px !important;
}

@keyframes mc-voice-search-pulse {
	0%,
	100% {
		box-shadow: 0 0 0 3px rgba(255, 251, 0, .18);
	}

	50% {
		box-shadow: 0 0 0 6px rgba(255, 251, 0, .38);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mc-voice-search-button {
		transition: none;
	}

	.mc-voice-search-button.is-listening {
		animation: none;
	}
}

@media (min-width: 768px) {
	.mc-voice-search-host--header {
		--mc-voice-search-right: 70px;
	}

	.mc-voice-search-host--header .mc-voice-search-button {
		right: 70px !important;
	}
}

/* mc-voice-search-mobile-alignment */
@media (max-width: 767.98px) {
	.mc-voice-search-host--header { --mc-voice-search-right: 55px; }
	.head-main .search-container .mc-voice-search-host--header .mc-voice-search-button {
		top: 50% !important;
		transform: translateY(-50%) !important;
	}
	.head-main .search-container.mc-voice-search-active,
	.head-main .search-container:has(.mc-voice-search-listening) {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.mc-voice-search-host--mobile-popup { --mc-voice-search-right: 59px; }
	.mc-voice-search-host--mobile-menu { --mc-voice-search-right: 68px; }
	.multclean-mobile-menu-search-group.mc-voice-search-host .multclean-mobile-menu-search-input { padding-right: 114px !important; }
	.mc-voice-search-host--header .mc-voice-search-button,
	.mc-voice-search-host--mobile-popup .mc-voice-search-button,
	.mc-voice-search-host--mobile-menu .mc-voice-search-button { height: 40px; width: 40px; }
	.mc-voice-search-host--mobile-popup .mc-voice-search-button {
		top: 50% !important;
		right: 59px !important;
		z-index: 8 !important;
		background: transparent !important;
		color: #111 !important;
		transform: translateY(-50%) !important;
	}
	.mc-voice-search-host--mobile-popup .mc-voice-search-button.is-listening {
		background: #080808 !important;
		color: #fffb00 !important;
	}
	.mc-voice-search-host--mobile-menu .mc-voice-search-button,
	.mc-voice-search-host--mobile-menu .mc-voice-search-button:hover { top: 50% !important;right: 68px !important; background: transparent !important; box-shadow: none; color: #111 !important; }
	.mc-voice-search-host--mobile-menu .mc-voice-search-button svg,
	.mc-voice-search-host--mobile-menu .mc-voice-search-button svg path { color: #111 !important; fill: #111 !important; }
	.mc-voice-search-host--mobile-menu .mc-voice-search-button.is-listening { right: 68px !important; background: #080808 !important; box-shadow: none; color: #fffb00 !important; }
	.mc-voice-search-host--mobile-menu .mc-voice-search-button.is-listening svg,
	.mc-voice-search-host--mobile-menu .mc-voice-search-button.is-listening svg path { color: #fffb00 !important; fill: #fffb00 !important; }
	.mc-voice-search-host--mobile-menu .mc-voice-search-button:focus-visible { outline-color: #111; }
}