/* Выпадающие списки поиска на главной (cr-dropdown.js): белый, скругление 12 px, лёгкая тень,
   выбранный пункт — светло-серый фон и бирюзовая галочка. Появляется плавно вниз из-под поля. */
.cr-dd {
	position: fixed;
	z-index: 2147482000;
	box-sizing: border-box;
	margin: 0;
	padding: 6px;
	list-style: none;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid #e3eaea;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(15, 39, 49, .14);
	font: 400 15px/1.3 Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: #262929;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity .18s ease, transform .18s ease;
	pointer-events: none;
}

.cr-dd.is-up {
	transform: translateY(6px);
}

.cr-dd.is-open {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

.cr-dd__item {
	position: relative;
	margin: 0;
	padding: 10px 40px 10px 14px;
	border-radius: 8px;
	white-space: nowrap;
	cursor: pointer;
}

.cr-dd__item.is-active {
	background: #f3f6f6;
}

.cr-dd__item.is-selected {
	background: #eef2f2;
	font-weight: 500;
}

.cr-dd__item.is-selected::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: 6px;
	height: 11px;
	margin-top: -7px;
	border: solid #239eba;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Стрелка поля переворачивается, пока список открыт */
.cr-search-box__field::after {
	transition: transform .18s ease;
}

.cr-search-box__field:has(> .cr-dd-open)::after {
	transform: translateY(4px) rotate(-135deg);
}

@media (prefers-reduced-motion: reduce) {
	.cr-dd {
		transition: none;
	}
}