#search-modal {
	--vertical-alignment: initial;

	form {
		width: 100%;
		margin: auto;
		max-width: var(--max-width, 800px);

		@include media-breakpoint-down(md) {
			--max-width: 90%;
		}
	}

	// submit button
	button {
		--icon-color: rgba(255, 255, 255, 0.7);
		--icon-focus-color: #fff;
		--icon-size: calc(100% / 3);
		--search-button-border-radius: 100%;
		--search-button-background: var(--paletteColor1);
		--search-button-focus-background: var(--paletteColor1);

		@include media-breakpoint-down(sm) {
			--search-button-size: 40px;
			top: calc(35px - 20px);
		}

		@include media-breakpoint-up(md) {
			--search-button-size: 48px;
			top: calc(45px - 24px);
		}

		[data-loader] {
			--loaderColor: #fff;
		}
	}

	// search results
	.ct-search-results {
		display: grid;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		padding-top: 0;

		--position: static;
		--width: 100%;
		--search-dropdown-box-shadow: none;
		--search-dropdown-background: transparent;

		--items-padding: 0;
		--items-divider: none;

		@include media-breakpoint-up(md) {
			grid-template-columns: repeat(2, 1fr);
		}

		.ct-image-container {
			--image-spacing: 5%;

			@include media-breakpoint-down(sm) {
				--search-image-size: 15%;
			}

			@include media-breakpoint-up(md) {
				--search-image-size: 20%;
			}
		}

		// show more button
		.ct-search-more {
			grid-column: 1/-1;
			justify-content: center;
		}
	}
}