.gs-search-wrap { position: relative; float: left; margin: 8px 0 0 16px; max-width: 360px; width: 100%; }
.gs-search-wrap > i.gs-search-icon {
	position: absolute !important; left: 13px !important; top: 50% !important;
	transform: translateY(-50%) !important; margin: 0 !important;
	color: rgba(255, 255, 255, .55); font-size: 13px; pointer-events: none;
}
.gs-search-input {
	width: 100%; padding: 7px 12px 7px 32px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, .25);
	background: rgba(255, 255, 255, .12); color: #fff; font-size: 13px;
}
.gs-search-wrap:focus-within .gs-search-icon { color: #64748b; }
.gs-search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, .65); }
.gs-search-input::-moz-placeholder { color: rgba(255, 255, 255, .65); }
.gs-search-input:focus { outline: none; background: #fff; color: #1e293b; }
.gs-search-overlay {
	position: absolute; top: 38px; left: 0; width: 420px; max-width: 90vw;
	background: #fff; border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
	max-height: 70vh; overflow-y: auto; z-index: 2000;
}
.gs-cat { border-bottom: 1px solid #f1f5f9; }
.gs-cat:last-child { border-bottom: none; }
.gs-cat-hd { padding: 8px 14px; font-size: 11.5px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .03em; }
.gs-item { display: block; padding: 8px 14px; color: #1e293b; text-decoration: none; border-top: 1px solid #f8fafc; }
.gs-item:hover { background: #f8fafc; }
.gs-item-title { font-size: 13px; font-weight: 600; }
.gs-item-sub { font-size: 11.5px; color: #64748b; margin-top: 2px; }
.gs-seeall { display: block; padding: 7px 14px; font-size: 12px; color: #2563eb; text-decoration: none; background: #f8fafc; }
.gs-empty { padding: 14px; font-size: 12.5px; color: #94a3b8; text-align: center; }