.clms-dropdown {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 1000;
	background: #fff;
	border: 1px solid rgba(53, 52, 47, .15);
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(53, 52, 47, .18);
	overflow: hidden;
	max-height: 70vh;
	overflow-y: auto;
}
/* The desktop navigation creates its own stacking context at 100002. */
@media (min-width: 1024px) {
	.cl-header .clms-dropdown { z-index: 100005; }
}
.clms-dropdown[hidden] { display: none; }
.clms-status { padding: 16px; text-align: center; }
.clms-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle;
	border: 2px solid #ddd;
	border-top-color: var(--cl-ink, #35342f);
	border-radius: 50%;
	animation: clms-spin .8s linear infinite;
}
.clms-announcement {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
@keyframes clms-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.clms-spinner { animation: none; }
}
.clms-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	color: var(--cl-ink, #35342f);
	text-decoration: none;
}
.clms-item:hover, .clms-item.is-active, .clms-all.is-active { background: var(--cl-paper, #faf7f0); }
.clms-item img, .clms-noimg {
	width: 52px;
	height: 52px;
	flex: none;
	border-radius: 8px;
	object-fit: cover;
	background: var(--cl-paper, #faf7f0);
}
.clms-text { display: flex; flex-direction: column; min-width: 0; }
.clms-title { font-weight: 600; line-height: 1.25; }
.clms-price { font-size: .875em; opacity: .75; }
.clms-all {
	display: block;
	padding: 12px 14px;
	text-align: center;
	font-weight: 700;
	color: var(--cl-ink, #35342f);
	background: var(--cl-yellow, #ffd233);
	text-decoration: none;
}
.clms-empty { padding: 16px; text-align: center; color: var(--cl-text, #494740); }