/**
 * Search panel v3 — TECHNO (каталог / корзина / thankyou tokens)
 * Overrides Rey + legacy style.css / webpack search styles.
 */

#rey-searchPanel.rey-searchPanel,
#rey-searchPanel,
body.search-panel--active,
body.search-panel--wide {
	--search-v3-page: #141518;
	--search-v3-panel: #2a2b2e;
	--search-v3-surface: #1a1b1e;
	--search-v3-border: rgba(255, 255, 255, 0.1);
	--search-v3-accent: #ff7a00;
	--search-v3-accent-hover: #e86c03;
	--search-v3-text: #ffffff;
	--search-v3-muted: #9ca3b6;
	--search-v3-radius: 16px;
}

/* —— Overlay / panel shell —— */
#rey-searchPanel.rey-searchPanel,
#rey-searchPanel {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(20, 21, 24, 0.92) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	font-family: Rubik, system-ui, -apple-system, sans-serif !important;
	color: var(--search-v3-text) !important;
	z-index: 100000 !important;
}

.rey-searchPanel-wideOverlay.rey-overlay,
.rey-searchPanel-wideOverlay {
	background: rgba(20, 21, 24, 0.72) !important;
	backdrop-filter: blur(8px) !important;
}

#rey-searchPanel .rey-searchPanel-inner {
	max-width: 1100px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 56px 28px 40px !important;
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 280px) minmax(0, 1fr) !important;
	grid-template-areas:
		"form form"
		"side main" !important;
	gap: 16px 18px !important;
	align-items: stretch !important;
}

/* С результатами: сайдбар слева остаётся, выдача только справа */
#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel-inner {
	grid-template-columns: minmax(0, 280px) minmax(0, 1fr) !important;
	grid-template-areas:
		"form form"
		"side main" !important;
}

#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel__suggestions,
#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel__suggestions.techno-search-keywords {
	display: block !important;
}

#rey-searchPanel.rey-searchAjax.--has-results .techno-search-categories {
	display: block !important;
}

#rey-searchPanel .rey-searchPanel-inner > form {
	grid-area: form !important;
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	position: relative !important;
	left: 0 !important;
	right: auto !important;
	float: none !important;
}

#rey-searchPanel .rey-searchPanel-inner > form:before,
#rey-searchPanel .rey-searchPanel-inner > form:after {
	content: none !important;
	display: none !important;
}

#rey-searchPanel .rey-searchPanel__suggestions,
#rey-searchPanel .rey-searchPanel__suggestions.techno-search-keywords {
	grid-area: side !important;
	grid-column: 1 !important;
	grid-row: 2 !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: min(620px, 70vh) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	align-self: start !important;
	justify-self: stretch !important;
	margin: 0 !important;
	padding: 18px 18px 20px !important;
	background: var(--search-v3-panel) !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: var(--search-v3-radius) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
	box-sizing: border-box !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	float: none !important;
	z-index: 2 !important;
	scrollbar-width: thin !important;
	scrollbar-color: rgba(255, 255, 255, 0.28) transparent !important;
}

#rey-searchPanel .rey-searchResults {
	grid-area: main !important;
	grid-column: 2 !important;
	grid-row: 2 !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 16px 14px 16px 16px !important;
	background: var(--search-v3-surface) !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: var(--search-v3-radius) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
	box-sizing: border-box !important;
	float: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	min-height: 280px !important;
	align-self: start !important;
	justify-self: stretch !important;
	overflow: hidden !important;
	z-index: 1 !important;
}

/* Rey lineLoader — прячем: свой loading-state внутри выдачи */
#rey-searchPanel .rey-lineLoader,
#rey-searchPanel.rey-searchAjax.--loading .rey-lineLoader,
#rey-searchPanel.techno-search-v3--loading .rey-lineLoader {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Legacy style.css hides sibling results after suggestions — force visible when we have content */
#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel-inner nav.rey-searchPanel__suggestions + .rey-searchResults,
#rey-searchPanel.rey-searchAjax.--loading .rey-searchPanel-inner nav.rey-searchPanel__suggestions + .rey-searchResults {
	display: block !important;
}

/* Пока нет выдачи — правую колонку занимает hint, пустой results прячем */
#rey-searchPanel:not(.--has-results):not(.--loading) > .rey-searchPanel-inner > .rey-searchResults:not(:has(.rey-searchItems)):not(:has(.rey-searchResults-message)) {
	display: none !important;
}

#rey-searchPanel:not(.--has-results):not(.--loading) .rey-searchResults:empty {
	display: none !important;
}

/* Idle hint when no AJAX results yet */
#rey-searchPanel .techno-search-v3__hint {
	grid-area: main !important;
	grid-column: 2 !important;
	grid-row: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: 0 !important;
	min-height: 280px !important;
	padding: 28px 32px !important;
	background: var(--search-v3-panel) !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: var(--search-v3-radius) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
	box-sizing: border-box !important;
	float: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
}

#rey-searchPanel.rey-searchAjax.--has-results .techno-search-v3__hint,
#rey-searchPanel.rey-searchAjax.--loading .techno-search-v3__hint {
	display: none !important;
}

#rey-searchPanel .techno-search-v3__hint-title {
	margin: 0 !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	color: #fff !important;
	letter-spacing: -0.02em !important;
}

#rey-searchPanel .techno-search-v3__hint-text {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--search-v3-muted) !important;
	max-width: 360px !important;
}

#rey-searchPanel .techno-search-v3__hint-examples {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 12px !important;
}

#rey-searchPanel .techno-search-v3__hint-chip {
	display: inline-flex !important;
	padding: 8px 12px !important;
	border-radius: 10px !important;
	border: 1px solid var(--search-v3-border) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: var(--search-v3-muted) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease !important;
}

#rey-searchPanel .techno-search-v3__hint-chip:hover {
	color: #fff !important;
	border-color: rgba(255, 122, 0, 0.5) !important;
	background: rgba(255, 122, 0, 0.08) !important;
}

/* —— Search field —— */
#rey-searchPanel .rey-searchPanel-innerForm {
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	width: 100% !important;
	background: var(--search-v3-surface) !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
	overflow: hidden !important;
	flex-direction: row !important;
}

#rey-searchPanel .rey-searchPanel-innerForm input,
#rey-searchPanel .rey-searchPanel-innerForm input[type="search"] {
	flex: 1 1 auto !important;
	width: 100% !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 0 132px 0 20px !important;
	border: 0 !important;
	outline: 0 !important;
	border-radius: 12px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: Rubik, system-ui, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	-webkit-text-fill-color: #fff !important;
}

#rey-searchPanel .rey-searchPanel-innerForm input::placeholder {
	color: var(--search-v3-muted) !important;
	opacity: 1 !important;
	-webkit-text-fill-color: var(--search-v3-muted) !important;
}

#rey-searchPanel .rey-searchPanel-innerForm input.--has-value {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__append {
	position: absolute !important;
	right: 6px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}

#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__search-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	min-width: 112px !important;
	height: 44px !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--search-v3-accent) !important;
	color: #fff !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: background 0.15s ease !important;
}

#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__search-button:hover {
	background: var(--search-v3-accent-hover) !important;
}

#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__search-button::after {
	content: none !important;
	display: none !important;
}

#rey-searchPanel .rey-searchPanel-innerForm .ui-icon-magnifier {
	display: none !important;
}

#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__button-label {
	display: inline !important;
	margin: 0 !important;
	font-family: Rubik, system-ui, sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	text-transform: none !important;
	color: #fff !important;
	-webkit-font-smoothing: antialiased !important;
}

#rey-searchPanel .rey-headerSearch-actions {
	display: none !important;
}

/* —— Close —— */
#rey-searchPanel .techno-search-panel-close {
	position: fixed !important;
	top: 18px !important;
	right: 22px !important;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: 10px !important;
	background: var(--search-v3-panel) !important;
	color: #fff !important;
	cursor: pointer !important;
	z-index: 100001 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: border-color 0.15s ease, color 0.15s ease !important;
}

#rey-searchPanel .techno-search-panel-close:hover {
	border-color: var(--search-v3-accent) !important;
	color: var(--search-v3-accent) !important;
}

#rey-searchPanel .techno-search-panel-close svg {
	display: block !important;
	position: static !important;
	transform: none !important;
	width: 16px !important;
	height: 16px !important;
}

#rey-searchPanel .techno-right-menu__navigation,
#rey-searchPanel .techno-right-menu__back {
	display: none !important;
}

/* —— Titles / keywords —— */
#rey-searchPanel .rey-searchPanel__suggestionsTitle,
#rey-searchPanel .techno-search-categories .rey-searchPanel__suggestionsTitle,
#rey-searchPanel .techno-search-categories .mob-title,
#rey-searchPanel .techno-search-categories .rey-searchPanel__qlinksTitle {
	margin: 0 0 12px !important;
	padding: 0 !important;
	border: 0 !important;
	color: var(--search-v3-muted) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	opacity: 1 !important;
}

#rey-searchPanel .rey-searchPanel__suggestions.techno-search-keywords > button,
#rey-searchPanel .techno-search-keywords > button {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 8px 8px 0 !important;
	padding: 8px 12px !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: #fff !important;
	font-family: Rubik, system-ui, sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease !important;
}

#rey-searchPanel .rey-searchPanel__suggestions.techno-search-keywords > button:before,
#rey-searchPanel .techno-search-keywords > button:before {
	content: none !important;
	display: none !important;
}

#rey-searchPanel .rey-searchPanel__suggestions.techno-search-keywords > button:hover,
#rey-searchPanel .techno-search-keywords > button:hover {
	color: #fff !important;
	border-color: rgba(255, 122, 0, 0.55) !important;
	background: rgba(255, 122, 0, 0.1) !important;
}

#rey-searchPanel .rey-searchAjax.--has-results .rey-searchPanel__suggestions .techno-search-keywords,
#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel__suggestions.techno-search-keywords > button {
	display: inline-flex !important;
}

/* Keep keyword chips visible even with results — hide only if needed on very small */
#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel__suggestions.techno-search-keywords > button {
	display: inline-flex !important;
}

/* —— Categories —— */
#rey-searchPanel .techno-search-categories {
	width: 100% !important;
	height: auto !important;
	margin: 16px 0 0 !important;
	padding: 16px 0 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--search-v3-border) !important;
}

#rey-searchPanel .techno-search-categories ul.catalog-categories,
#rey-searchPanel .techno-search-categories ul.rey-searchMenu,
#rey-searchPanel .techno-search-categories ul {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#rey-searchPanel .techno-search-categories ul li {
	margin: 0 !important;
	padding: 0 !important;
}

#rey-searchPanel .techno-search-categories ul li a {
	display: block !important;
	padding: 9px 10px !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

#rey-searchPanel .techno-search-categories ul li a:hover {
	background: rgba(255, 122, 0, 0.1) !important;
	color: var(--search-v3-accent) !important;
}

/* —— Results —— */
#rey-searchPanel .rey-searchResults .rey-searchResults-message,
#rey-searchPanel .rey-searchResults .techno-search-v3__empty {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 240px !important;
	margin: 0 !important;
	padding: 28px 24px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: var(--search-v3-muted) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	text-transform: none !important;
	gap: 8px !important;
	box-sizing: border-box !important;
}

/* Inline loading bar (вместо Rey lineLoader) */
#rey-searchPanel .techno-search-v3__loading-bar {
	display: block !important;
	width: 120px !important;
	height: 3px !important;
	margin-top: 12px !important;
	border-radius: 99px !important;
	background: rgba(255, 255, 255, 0.1) !important;
	overflow: hidden !important;
	position: relative !important;
}

#rey-searchPanel .techno-search-v3__loading-bar::after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	width: 40% !important;
	border-radius: inherit !important;
	background: var(--search-v3-accent) !important;
	animation: techno-search-v3-load 1s ease-in-out infinite !important;
}

@keyframes techno-search-v3-load {
	0% { transform: translateX(-120%); }
	100% { transform: translateX(320%); }
}

#rey-searchPanel .rey-searchResults .rey-searchResults-message span {
	color: var(--search-v3-muted) !important;
	font-size: 14px !important;
}

#rey-searchPanel .techno-search-v3__empty-title {
	margin: 0 0 4px !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	color: #fff !important;
}

#rey-searchPanel .techno-search-v3__empty-text {
	margin: 0 0 8px !important;
	max-width: 420px !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--search-v3-muted) !important;
}

#rey-searchPanel .techno-search-v3__empty-examples {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 8px !important;
}

#rey-searchPanel .techno-search-v3__results-head {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 14px !important;
	padding: 0 2px !important;
}

#rey-searchPanel .techno-search-v3__results-title {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #fff !important;
	line-height: 1.3 !important;
}

#rey-searchPanel .techno-search-v3__results-count {
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--search-v3-muted) !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	float: none !important;
	place-content: start !important;
	justify-content: stretch !important;
	/* Rey DS: margin-left: calc(-1 * gutter); webpack: right: -25px; width: 48% */
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 2px 10px 4px 2px !important;
	padding-left: 2px !important;
	height: auto !important;
	max-height: min(560px, 62vh) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	row-gap: 14px !important;
	box-sizing: border-box !important;
	scrollbar-gutter: stable !important;
	scrollbar-width: thin !important;
	scrollbar-color: rgba(255, 255, 255, 0.32) transparent !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems::-webkit-scrollbar {
	width: 8px !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems::-webkit-scrollbar-track {
	background: transparent !important;
	margin: 4px 0 !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.28) !important;
	border-radius: 99px !important;
	border: 2px solid transparent !important;
	background-clip: padding-box !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem {
	display: flex !important;
	flex-direction: column !important;
	flex: none !important;
	align-self: stretch !important;
	max-width: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: min-content !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-left: 0 !important;
	box-sizing: border-box !important;
	float: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	background: var(--search-v3-panel) !important;
	border: 1px solid var(--search-v3-border) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	opacity: 1 !important;
	transform: none !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22) !important;
	transition: border-color 0.2s ease, transform 0.2s ease !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem:hover {
	border-color: rgba(255, 122, 0, 0.28) !important;
	transform: translateY(-1px) !important;
}

/* DOM после AJAX: thumbnail в <a>, title/price — соседним блоком */
#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem > a {
	display: block !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	text-decoration: none !important;
	color: inherit !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-thumbnail {
	background: #232428 !important;
	padding: 18px 14px 12px !important;
	border-radius: 0 !important;
	height: 150px !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-thumbnail img {
	max-height: 120px !important;
	width: auto !important;
	max-width: 100% !important;
	object-fit: contain !important;
	margin: 0 auto !important;
	transform: scale(1) !important;
	transform-origin: center center !important;
	transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem:hover .rey-searchItem-thumbnail img {
	transform: scale(1.1) !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-content {
	padding: 12px 14px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
	min-height: 64px !important;
	background: var(--search-v3-panel) !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-content > a {
	display: block !important;
	text-decoration: none !important;
	color: inherit !important;
	height: auto !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-title {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
	font-weight: 500 !important;
	color: #fff !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

#rey-searchPanel .rey-searchItem-price,
#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-price,
#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-price a {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px 10px !important;
	color: var(--search-v3-accent) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	text-decoration: none !important;
}

#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-price .woocommerce-Price-amount {
	color: var(--search-v3-accent) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

/* Рейтинг в цене — приглушённее, не конкурирует с суммой */
#rey-searchPanel .rey-searchItem-price .star-rating,
#rey-searchPanel .rey-searchItem-price .rey-rating,
#rey-searchPanel .rey-searchItem-price .techno-rating,
#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-price > *:not(.woocommerce-Price-amount):not(del):not(ins):not(a) {
	color: var(--search-v3-muted) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

#rey-searchPanel .rey-searchItem-price del {
	color: #9c9c9c !important;
	font-size: 12px !important;
	margin-right: 4px !important;
}

#rey-searchPanel .add_to_cart_button {
	margin: 0 12px 12px auto !important;
	padding: 0 !important;
	right: auto !important;
	border-radius: 10px !important;
	height: 36px !important;
	width: 36px !important;
	border: 0 !important;
	background: var(--search-v3-accent) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#rey-searchPanel .rey-searchItem:hover .add_to_cart_button {
	background: var(--search-v3-accent-hover) !important;
}

#rey-searchPanel .search-items--top {
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	right: 8px !important;
	display: flex !important;
	width: auto !important;
	justify-content: space-between !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

#rey-searchPanel .search-items--top .search-label {
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--search-v3-accent) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	padding: 4px 8px !important;
	border-radius: 6px !important;
	background: rgba(255, 122, 0, 0.12) !important;
}

#rey-searchPanel.rey-searchAjax.--loading form {
	background: transparent !important;
}

#rey-searchPanel.rey-searchAjax.--loading .rey-lineLoader {
	display: none !important;
}

#rey-searchPanel .rey-searchPanel-inner form + .rey-searchResults > .mob-title {
	display: none !important;
}

/* —— Responsive —— */
@media (max-width: 991px) {
	#rey-searchPanel .rey-searchPanel-inner {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"form"
			"main"
			"side" !important;
		padding: 64px 14px 28px !important;
		gap: 12px !important;
	}

	#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel-inner {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"form"
			"main"
			"side" !important;
	}

	#rey-searchPanel .techno-search-v3__hint {
		min-height: 160px !important;
		padding: 20px !important;
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	#rey-searchPanel .rey-searchResults {
		min-height: 0 !important;
		order: 0 !important;
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	#rey-searchPanel .rey-searchPanel__suggestions,
	#rey-searchPanel .rey-searchPanel__suggestions.techno-search-keywords {
		grid-column: 1 !important;
		grid-row: 3 !important;
	}

	#rey-searchPanel .rey-searchPanel-inner > form {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	#rey-searchPanel.rey-searchAjax.--has-results .rey-searchPanel__suggestions,
	#rey-searchPanel.rey-searchAjax.--has-results .techno-search-categories {
		display: block !important;
	}

	#rey-searchPanel .rey-searchResults .rey-searchItems {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#rey-searchPanel .techno-search-panel-close {
		top: 12px !important;
		right: 12px !important;
	}
}

@media (max-width: 776px) {
	#rey-searchPanel .rey-searchPanel-innerForm input,
	#rey-searchPanel .rey-searchPanel-innerForm input[type="search"] {
		height: 52px !important;
		padding: 0 108px 0 16px !important;
		font-size: 16px !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
	}

	#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__search-button {
		min-width: 88px !important;
		height: 40px !important;
		padding: 0 14px !important;
		background: var(--search-v3-accent) !important;
	}

	#rey-searchPanel .rey-searchPanel-innerForm .ui-search-input__button-label {
		display: inline !important;
		font-size: 14px !important;
	}

	#rey-searchPanel .rey-searchPanel-innerForm {
		flex-direction: row !important;
	}

	#rey-searchPanel .rey-searchPanel-inner > form {
		width: 100% !important;
		left: 0 !important;
	}

	#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem-thumbnail {
		height: 110px !important;
		padding: 10px !important;
	}
}

@media (max-width: 420px) {
	#rey-searchPanel .rey-searchResults .rey-searchItems {
		grid-template-columns: 1fr !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#rey-searchPanel .rey-searchResults .rey-searchItems .rey-searchItem,
	#rey-searchPanel .techno-search-v3__hint-chip,
	#rey-searchPanel .techno-search-keywords > button {
		transition: none !important;
	}
}