.rx-discovery {
	color: var(--rx-text);
}

.rx-discovery h2 {
	margin: 8px 0 14px;
}

.rx-discovery-search {
	background: var(--rx-surface);
	border-block: 1px solid var(--rx-border);
}

.rx-discovery-browse {
	background: var(--rx-bg);
}

.rx-discovery .rx-search-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(520px, 1.5fr);
	align-items: end;
	gap: 32px;
}

.rx-discovery .rx-search-layout form {
	display: block;
}

.rx-discovery .rx-search-autocomplete {
	position: relative;
	min-width: 0;
}

.rx-discovery .rx-search-autocomplete .rx-field {
	width: 100%;
}

.rx-discovery .rx-filters {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 32px;
}

.rx-discovery .rx-filter-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top: 16px;
	color: var(--rx-text-muted);
	font-size: var(--rx-type-meta);
}

.rx-discovery .rx-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 30px;
}

.rx-discovery .rx-search-suggestions {
	position: absolute;
	z-index: 12;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	display: grid;
	gap: 4px;
	padding: 8px;
	border: 1px solid var(--rx-border);
	border-radius: 16px;
	background: var(--rx-surface);
	box-shadow: var(--rx-shadow);
	color: var(--rx-text);
}

.rx-discovery .rx-search-suggestion {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	border-radius: 10px;
	color: var(--rx-text) !important;
	text-decoration: none;
}

.rx-discovery .rx-search-suggestion:hover,
.rx-discovery .rx-search-suggestion:focus-visible {
	background: var(--rx-surface-elevated);
	outline: 2px solid var(--rx-accent);
	outline-offset: -2px;
}

.rx-discovery .rx-search-suggestion img,
.rx-discovery .rx-search-suggestion-fallback {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 8px;
	object-fit: cover;
}

.rx-discovery .rx-search-suggestion-fallback {
	display: grid;
	place-items: center;
	background: var(--rx-accent);
	color: var(--rx-text-on-accent);
	font-weight: var(--rx-font-weight-strong);
}

.rx-discovery .rx-search-suggestion strong,
.rx-discovery .rx-search-suggestion small {
	display: block;
}

.rx-discovery .rx-search-suggestion small,
.rx-discovery .rx-search-no-results {
	color: var(--rx-text-muted);
	font-size: var(--rx-type-caption);
}

.rx-discovery .rx-search-suggestion small {
	margin-top: 3px;
}

.rx-discovery .rx-search-no-results {
	padding: 12px;
}

.rx-discovery [hidden] {
	display: none;
}

@media (max-width: 720px) {
	.rx-discovery .rx-search-layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 560px) {
	.rx-discovery .rx-filters,
	.rx-discovery .rx-search-layout {
		grid-template-columns: 1fr;
	}

	.rx-discovery .rx-filter-meta {
		align-items: flex-start;
		flex-direction: column;
	}
}