.pcgh-mobile-search-btn {
	display: none!important;
}

.pcgh-search-modal__panel {
	width: min(520px,calc(100vw - 32px));
}

.pcgh-search-modal__form {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 48px;
	padding: 0 6px 0 14px;
	border-radius: 12px;
	background: var(--pcgh-bg);
	border: 1px solid var(--pcgh-border);
}

.pcgh-search-modal__form > i[data-lucide],
.pcgh-search-modal__form > svg[data-lucide] {
	flex-shrink: 0;
	color: var(--pcgh-text-3);
}

.pcgh-search-modal__form input {
	min-width: 0;
	flex: 1;
	height: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--pcgh-text);
	font-size: 14px;
}

.pcgh-search-modal__form input::placeholder {
	color: var(--pcgh-text-3);
}

.pcgh-search-modal__form button {
	height: 36px;
	padding: 0 16px;
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.pcgh-search {
		display: none;
	}

	.pcgh-mobile-search-btn {
		display: inline-flex!important;
		order: 3;
	}

	.pcgh-header__actions {
		margin-left: auto;
		justify-content: flex-end;
		gap: 7px;
		flex: 0 0 auto;
	}

	.pcgh-header__actions .pcgh-icon-btn,
	.pcgh-header__actions .pcgh-avatar {
		width: 34px;
		height: 34px;
		flex: 0 0 34px;
	}

	.pcgh-header__login-btn {
		height: 34px;
		margin-left: 0;
		padding: 0 12px;
		white-space: nowrap;
		order: 4;
	}

	.pcgh-header__actions .pcgh-avatar {
		order: 4;
	}

	.pcgh-search-modal__panel {
		width: calc(100vw - 24px);
		border-radius: 16px;
	}

	.pcgh-search-modal__form {
		height: 46px;
		gap: 8px;
	}

	.pcgh-search-modal__form button {
		padding: 0 14px;
	}
}