/* Capslock instant header search */
.cls-drop {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	width: 380px;
	max-width: calc(100vw - 24px);
	max-height: 70vh;
	overflow-y: auto;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
	z-index: 1000;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	font-size: 14px;
	line-height: 1.35;
	padding: 4px 0;
}
.cls-drop[hidden] { display: none; }
.cls-drop.cls-align-left { right: auto; left: 0; }

/* Mobile off-canvas / narrow containers: full width under the field */
.off-canvas .cls-drop,
.mobile-sidebar .cls-drop,
.mfp-content .cls-drop { position: relative; top: 4px; right: auto; left: 0; width: 100%; max-width: 100%; box-shadow: none; }

.cls-item {
	display: grid;
	grid-template-columns: 48px 1fr auto;
	align-items: center;
	gap: 12px;
	padding: 8px 14px;
	color: #222 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer;
}
.cls-item:last-of-type { border-bottom: 0; }
.cls-item:hover,
.cls-item.is-active { background: #f6f6f6; }
.cls-img { width: 48px; height: 48px; object-fit: contain; display: block; background: #fafafa; border-radius: 4px; }
.cls-name { font-weight: 400; color: #222; }
.cls-name strong { font-weight: 700; }
.cls-price { font-size: 13px; white-space: nowrap; color: #111; text-align: right; }
.cls-price del { color: #999; margin-right: 4px; font-size: 12px; }
.cls-price ins { text-decoration: none; font-weight: 600; }
.cls-badge { font-style: normal; font-size: 11px; background: #111; color: #fff; padding: 1px 6px; border-radius: 3px; margin-left: 4px; vertical-align: middle; }
.cls-badge.is-muted { background: #ddd; color: #555; }
.cls-item.is-soldout .cls-img,
.cls-item.is-soldout .cls-price { opacity: .55; }
.cls-opening { font-style: normal; font-size: 12px; color: #888; margin-left: 4px; }

.cls-empty { padding: 12px 14px; color: #777; }
.cls-all {
	display: block;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 600;
	color: #111 !important;
	text-decoration: none !important;
	border-top: 1px solid #eee;
	background: #fcfcfc;
}
.cls-all:hover,
.cls-all.is-active { background: #f2f2f2; }

.cls-drop.is-opening { cursor: progress; }
.cls-drop.is-opening .cls-item:not(.is-active) { opacity: .5; }

/* Flatsome's own result container is no longer used */
.searchform .live-search-results { display: none !important; }

@media (max-width: 549px) {
	.cls-drop { width: 100%; }
	.cls-item { grid-template-columns: 40px 1fr; }
	.cls-img { width: 40px; height: 40px; }
	.cls-price { grid-column: 2; text-align: left; }
}