.frontend-search-form {
	display: flex;
	flex-direction: column;
	padding: var(--spacing-20);

	.header & {
		padding: var(--spacing-20) 0 0;

		@media (width > 768px) {
			padding: var(--spacing-10);
		}
	}
}

.frontend-search-form__field {
	display: flex;
	margin: 0 auto;

	.header & {
		width: 100%;
		max-width: 550px;
	}
}

.frontend-search-form__input {
	background: var(--white);
	border: 1px solid var(--gray-light);
}

.frontend-search-form__submit {
	min-width: auto;
}