/* @media (min-width: 700px) {
	.searchThreePredictiveSearch,
	.searchMainContainer {
		min-width: 650px;
	}	
} */

.searchAutoComplete,
.searchResultPanel {
	color: rgba(112, 112, 112, 1);
	font-family: inherit;
	font-size: 16px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: left;
}

.searchMobileForm,
.searchForm {
	align-items: center;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(128, 126, 163, 0.8);
	border-radius: 3px;
	display: flex;
	line-height: 1em;
	margin: 0;
	position: relative;
	width: 100%;
}

.searchInputWrapperMobilePrefix,
.searchInputWrapperPrefix {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 44px;
	order: 1;
}

.searchInputMobileWrapper,
.searchInputWrapper {
	order: 3;
	position: relative;
	width: 100%;
}

.searchInputWrapperMobileSuffix,
.searchInputWrapperSuffix {
	align-items: center;
	display: flex;
	height: 44px;
	order: 4;
}
.searchLoadingMobileIndicator,
.searchMobileLabel,
.searchLoadingIndicator,
.searchLabel {
	cursor: initial;
	flex-shrink: 0;
	height: 100%;
	padding: 0;
	text-align: left;
}

.searchResultPanel *,
.searchAutoComplete * {
	box-sizing: border-box;
}

.searchSubmitMobileButton,
.searchLoadingMobileIndicator,
.searchSubmitButton,
.searchLoadingIndicator {
	height: 100%;
	padding-left: 0;
	padding-right: 0;
	width: 48px;
}

.searchSubmitMobileButton,
.searchSubmitButton {
	appearance: none;
	background: none;
	border: 0;
	margin: 0;
}

.searchLoadingMobileIndicator svg,
.searchMobileLabel svg,
.searchLoadingIndicator svg,
.searchLabel svg {
	color: rgba(0, 0, 0, 1);
	height: auto;
	max-height: 20px;
	stroke-width: 1.6px;
	width: 20px;
}

.searchLoadingMobileIndicator,
.searchLoadingIndicator {
	align-items: center;
	display: flex;
	justify-content: center;
}

.searchLoadingMobileIndicator[hidden] ,
.searchLoadingIndicator[hidden] {
	display: none;
}

input#searchMobileInput,
input#searchInput {
	appearance: none;
	background: none;
	border: 0;
	color: rgba(112, 112, 112, 1);
	font: inherit;
	height: 44px;
	width: 100%;
	outline: none;
	box-shadow: none;
	padding: 0;
}

.searchClearMobileButton[hidden],
.searchClearButton[hidden] {
	display: none;
}

.searchClearMobileButton,
.searchClearButton {
	align-items: center;
	background: none;
	border: 0;
	color: rgba(115, 111, 178, 0.6);
	cursor: pointer;
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0 13px;
}

.searchClearMobileButton svg,
.searchClearButton svg {
	stroke-width: 1.6;
	width: 20px;
}

.searchResultPanel {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
	margin: 6px 0 0;
	overflow: hidden;
	position: fixed;
	transition: opacity 200ms ease-in, filter 200ms ease-in;
	display: block;
	z-index: 999999;
	/* max-width: 890px; */
	width: 78%;
}

@media(min-width: 768px){
	.searchResultPanel {
		position: absolute;
	}
}


.searchResultPanelLayout {
	height: 100%;
	margin: 0;
	/* max-height: 650px;
	overflow-y: auto; */
	padding: 0;
	position: relative;
	text-align: left;
}

.searchResultPanelScrollable {
	margin: 0;
	min-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 8px;
	scrollbar-color: rgba(255, 255, 255, 1) rgba(234, 234, 234, 1);
	scrollbar-width: thin;
	background-color: var(--cbACBackground, #fff);
}

.searchResultPanelSections {
	column-gap: 16px;
	display: flex;
	flex-wrap: wrap;
}

.searchResultPanelMobileSections{
	margin-top: 25px;
	flex-direction: column;
	row-gap: 30px;
}

@media(min-width: 768px){
	.searchResultPanelSectionLeft {
		width: calc( 30% - 8px );
	}

	.searchResultPanelSectionRight {
		width: calc( 70% - 8px );
	}
}

#searchInputLabel{
	margin-bottom: 0;
}

.searchSource {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.sourceHeader {
	margin: 8px 0.5em 8px 0;
	padding: 0;
	position: relative;
}

.sourceHeaderTitle {
	background: var( --cbACBackground, #fff);
	color: var(--cnACLabel, #333);
	display: inline-block;
	font-size: 0.8em;
	font-weight: 600;
	margin: 0;
	padding: 0 8px 0 0;
	position: relative;
	z-index: 9999;
	display: inline-block;
	/* line-height: 1; */
}

.sourceHeaderLine {
	border-bottom: solid 1px rgba(0, 0, 0, 1);
	display: block !important;
	height: 2px;
	left: 0;
	margin: 0;
	opacity: 0.3;
	padding: 0;
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 9998;
}

.searchList {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.searchCollectionItem {
	align-items: center;
	border-radius: 3px;
	cursor: pointer;
	display: grid;
	min-height: 36px;
	padding: 4px;
}

.searchItemLink,
.searchItemWrapper {
	align-items: center;
	color: inherit;
	display: grid;
	gap: 4px;
	grid-auto-flow: column;
	justify-content: space-between;
	width: 100%;
}

.searchItemLink {
	color: inherit;
	text-decoration: none;
}

.searchItemContent {
	align-items: center;
	cursor: pointer;
	display: grid;
	gap: 8px;
	grid-auto-flow: column;
	line-height: 1.25em;
	overflow: hidden;
	color: var(--cbACSuggestionText, "#333");
}

.searchItemIcon {
	align-items: center;
	background: rgba(255, 255, 255, 1);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
	color: var(--cbACSuggestionText, "#333");
	display: flex;
	flex-shrink: 0;
	font-size: 0.7em;
	height: 28px;
	justify-content: center;
	overflow: hidden;
	stroke-width: 1.6;
	text-align: center;
	width: 28px;
}

.searchItemIconNoBorder {
	background: none;
	box-shadow: none;
}

.searchItemContentBody {
	display: grid;
	/* gap: 4px; */
}

.searchItemContentTitle {
	display: inline-block;
	/* margin: 0 0.5em 0 0; */
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searchItemContentTitle mark {
	background: none;
	color: rgba(0, 0, 0, 1);
	font-style: normal;
	font-weight: 700;
}

.productSearchList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 800px){
	.productSearchList {
		grid-template-columns: repeat(3, 1fr);
	}
}

.searchProductItem,
.searchCollectionItem {
	align-items: center;
	border-radius: 3px;
	cursor: pointer;
	display: grid;
	min-height: 36px;
	padding: 4px;
}

.searchProductItem {
	padding: 8px;
	margin-bottom: 4px;
}

.searchProductItem:hover {
	background-color: var(--cbACHoverBackground, #f6f6f6);
}

.searchProductItemLink {
	justify-content: stretch;
	height: 100%;
}

.searchProductItemLink .searchItemContent {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.searchItemPicture {
	position: relative;
	height: 145px;
	text-align: center;
	margin-bottom: 9px;
}


.searchItemPicture img {
	max-height: 145px;
	object-fit: contain;
	border-radius: 0;
	max-width: 100%;
	display: inline-block;
	opacity: 1;
	transition: opacity 0.2s ease-out;
}

.searchItemContentDescripition {
	font-size: 10px;
	line-height: 14px;
	color: var( --cbACItemDescription,#9d9d9d);
	margin-bottom: 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.searchProductItemLink .searchItemContentBody {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* gap: 4px; */
}

.searchProductItemLink .searchItemContentBrand {
	font-size: 10px;
	line-height: 14px;
	color: var(--cbACItemDescription, #9d9d9d);
	margin-bottom: 2px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searchItemContentSku {
	display: block;
	display: -webkit-box;
	font-size: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	line-height: 14px;
	max-height: 15px;
	margin-bottom: 3px;
	color: var(--cbACItemDescription, #9d9d9d);
	letter-spacing: normal;
}

.searchProductItemLink .searchItemContentPrice {
    display: flex;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
    color: var(--cbACPrice, #333);
    flex-grow: 0;
    white-space: nowrap;
}

.searchProductItemLink .searchItemContentPrice .cbOriginalPrice {
	 color: var(--cbACListPrice, #c1c1c1);
    font-size: 10px;
    font-weight: 400;
    margin-left: 6px;
    text-decoration: line-through;
}

.searchProductItemLink .searchItemContentTitleWrapper {
	height: 40px;
}

.searchProductItemLink .searchItemContentTitle {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	white-space: normal;
	max-height: 34px;
	font-size: 12px;
	line-height: 17px;
	color: var(--cbACItemTitle, #333);
	margin-bottom: 3px;
}

.searchProductItemLink .searchItemContentPrice {
	display: flex;
	column-gap: 8px;
}

.searchProductItemLink .searchItemContentPriceCurrent {
	font-weight: bold;
}

.searchNoResultsHeader {
	font-size: 1.15em;
	line-height: 1.3;
	margin-bottom: 16px;
}

.searchNoResultsLink {
	color: rgba(0, 0, 0, 1);
	font-size: 0.8em;
	text-decoration: underline;
}

.viewAllItemsList {
	margin-top: 30px;
	margin-bottom: 8px;
}

.viewAllItemsListItem > a {
	text-align: center;
	color: var( --cbACViewAllText, #fff);
	text-decoration: none;
	cursor: pointer;
	background: var(--cbACViewAllBackground, #333);
	margin-top: 10px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 10px 32px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 22px;
}

i.searchThreeArrowList {
	display: inline-block;
	padding: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999532 6.99973H12.1695L7.28953 2.11973C6.89953 1.72973 6.89953 1.08973 7.28953 0.699727C7.67953 0.309727 8.30953 0.309727 8.69953 0.699727L15.2895 7.28973C15.6795 7.67973 15.6795 8.30973 15.2895 8.69973L8.69953 15.2897C8.30953 15.6797 7.67953 15.6797 7.28953 15.2897C6.89953 14.8997 6.89953 14.2697 7.28953 13.8797L12.1695 8.99973H0.999532C0.449532 8.99973 -0.000468254 8.54973 -0.000468254 7.99973C-0.000468254 7.44973 0.449532 6.99973 0.999532 6.99973Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: contain;
	width: 15px;
	height: 15px;
	margin-left: 10px;
	margin-right: 0;
	vertical-align: text-top;
}

.searchMobileFormWrapper {
	display: flex;
	gap: 15px;
}

.closeSearchThreeOverlay {
	background-color: transparent;
	outline: none;
	border: none;
	color: rgba(112, 112, 112, 1);
	padding: 0 10px;
	cursor: pointer;
}