.site-search--desktop {
	position: relative;
	align-self: center;
	overflow: visible;
}

.site-search-panel[hidden] {
	display: none !important;
}

.site-search--desktop .site-search-panel {
	position: absolute !important;
	right: 0;
	top: calc(100% + 0.75rem);
	z-index: 70;
	width: min(460px, 34vw) !important;
	max-width: 460px !important;
	min-width: 320px;
	max-height: min(70vh, 560px) !important;
	overflow: auto !important;
	border: 1px solid var(--patan-color-border) !important;
	border-radius: 24px !important;
	background: #fff !important;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16) !important;
	padding: 1rem !important;
}

.site-search-section {
	display: grid;
	gap: 0.65rem;
}

.site-search-section + .site-search-section {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--patan-color-border);
}

.site-search-section > p {
	margin: 0;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--patan-color-muted);
}

.site-search-result {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 0.8rem;
	align-items: center;
	padding: 0.7rem;
	border-radius: 18px;
	transition: background 0.2s ease, transform 0.2s ease;
}

.site-search-result:hover,
.site-search-result:focus-visible {
	background: #f8fafc;
	transform: translateY(-1px);
}

.site-search-result img {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	object-fit: cover;
}

.site-search-result__body {
	display: grid;
	gap: 0.22rem;
	min-width: 0;
}

.site-search-result__body strong,
.site-search-result__body small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.site-search-result__body strong {
	white-space: nowrap;
	font-size: 0.96rem;
	color: #0f172a;
}

.site-search-result__body small {
	white-space: nowrap;
	color: var(--patan-color-muted);
}

.site-search-loading,
.site-search-empty {
	display: grid;
	gap: 0.35rem;
	padding: 0.9rem;
	border-radius: 18px;
	background: #f8fafc;
	color: var(--patan-color-muted);
}

.site-search-empty strong {
	color: #0f172a;
}

.site-search-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
	padding: 0.8rem 1rem;
	border-radius: 999px;
	background: #0f172a;
	color: #fff;
	font-weight: 700;
}

.patan-search-page {
	padding: 3.5rem 0 4.5rem;
}

.patan-search-page__head {
	display: grid;
	gap: 0.8rem;
	margin-bottom: 2rem;
}

.patan-search-page__head h1 {
	margin: 0;
	font-family: var(--patan-font-heading);
	font-size: clamp(2rem, 4vw, 3.3rem);
	line-height: 1.08;
}

.patan-search-page__head p {
	margin: 0;
	color: var(--patan-color-muted);
	font-size: 1.02rem;
	line-height: 1.75;
	max-width: 64ch;
}

.patan-search-page__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.patan-search-card {
	display: grid;
	gap: 0.9rem;
	padding: 1rem;
	border: 1px solid var(--patan-color-border);
	border-radius: 24px;
	background: #fff;
}

.patan-search-card__media {
	aspect-ratio: 4 / 3;
	border-radius: 18px;
	overflow: hidden;
	background: #f8fafc;
}

.patan-search-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.patan-search-card__type {
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--patan-color-accent-blue);
}

.patan-search-card h2 {
	margin: 0;
	font-family: var(--patan-font-heading);
	font-size: 1.08rem;
	line-height: 1.4;
}

.patan-search-card p {
	margin: 0;
	color: var(--patan-color-muted);
	line-height: 1.72;
}

.patan-search-page__pagination {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}

.patan-search-page__empty {
	display: grid;
	gap: 0.7rem;
	padding: 1.5rem;
	border-radius: 24px;
	background: #f8fafc;
}

@media (max-width: 1100px) {
	.patan-search-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.site-search--desktop .site-search-panel {
		width: min(420px, 42vw) !important;
	}
}

@media (max-width: 640px) {
	.patan-search-page__grid {
		grid-template-columns: 1fr;
	}
}