/* hh-dropdown */
.hh-dropdown-point, .hh-dropdown {
	animation: hh-dropdown-animate .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	animation-fill-mode: backwards;
}
@keyframes hh-dropdown-animate {
	0%	{
		opacity: 0;
		transform: translateY(-5px);
		}
	100%{
		opacity: 1;
		transform: translateY(0);
		}
}
.hh-dropdown-point {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 10px;
	width: 20px;
	overflow: hidden;
	background: #fff;
	z-index: +99999;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.hh-dropdown {
	font-style: normal;
	background: #fff;
	color: #000;
	position: absolute;
	width: clamp(20ch, 40ch, 100vw);
	max-height: calc(100vh - 4rem);
	overflow: scroll;
	padding: 1.5em;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0 2px 2px #0001, 0 4px 4px #0001, 0 8px 8px #0001, 0 12px 12px #0001, 0 16px 16px #0002;
}
.hh-dropdown a:hover {
	text-decoration: underline;
}

#hh-mfe-header-location .hh-dropdown {
	width: clamp(20ch, 290px, 100vw);
	overflow: hidden;
	padding: 27px 12px 19px 19px;
}

#hh-mfe-header-account .hh-dropdown{
	overflow: hidden;
	width: clamp(20ch, 24ch, 100vw);
	border-radius: 4px;
	box-shadow: 1px 4px 8px 2px rgba(0, 0, 0, 0.1);
	padding: 0.5em 1.1em 1.1em 1.1em;
}
#hh-mfe-header-cart .hh-dropdown{
	width: clamp(20ch, 42ch, 100vw);
	padding: 0px;
	/* max-height: calc(98vh - 6rem); */
	max-height: calc(88vh - 6rem);
}
#hh-mfe-header-cart .hh-dropdown::-webkit-scrollbar {
	display: none;
}
/* search dropdown CSS */

#hh-mfe-header-search .hh-dropdown {
	width: clamp(20ch, 75ch, 100vw);
	max-height: calc(95vh - 4rem);
	padding: 0;
	display: grid;
	grid-template-columns: 2.5fr 3.5fr;
	border-radius: 5px;
	white-space: normal;
	scrollbar-width: none;
	margin-left: 149px;
	
}
#hh-mfe-header-search .hh-dropdown::-webkit-scrollbar {
	display: none;
}
@media (max-width: 576px) {
	#hh-mfe-header-search{
		position: initial !important;
	}
	#hh-mfe-header-search .hh-dropdown {
		width: clamp(0vw, 100vw, 100vw);
		border-radius: 0;
		max-height: calc(100vh - 4rem);
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 2fr;
		left:-220px!important;
		top:40px!important;
		margin-left: 149px;
	}
	#hh-mfe-header-search fieldset input[type="text"]{
		font-size: 16px;
	}
	#hh-mfe-header-cart .hh-dropdown{
		left: -297px !important;
	}
}
@media (max-width: 600px) {
	#hh-mfe-header-cart .hh-dropdown{
		left: -281px !important
	}
}
@media (min-width:600px) and (max-width: 999px) { 
	#hh-mfe-header-search .hh-dropdown {
		width: clamp(20ch, 54ch, 100vw);
		top: 40px!important;
	}
	#hh-mfe-header-search{
		position: initial !important;
	}
	#hh-mfe-header-cart > a {
		position: initial;
	}
	#hh-mfe-header-cart .hh-dropdown{
		left: 468px !important;
	}
}