:root {
	& .aa-Autocomplete {
		margin: 0 auto;
	}

	& :is(.aa-Autocomplete, .aa-DetachedOverlay) {
		width: 100%;
		max-width: 630px;

		& .aa-InputWrapperPrefix {
			label {
				margin: 0;
			}
		}
	}

	& .aa-Panel {
		z-index: 6;

		& .aa-ItemPicture img {
			width: 100%;
			max-height: none;
			object-fit: cover;
		}

		& .aa-ItemContentBrand {
			display: none;
		}
	}

	& .ais-page {
		max-width: 1280px;

		& .ais-Stats-text {
			display: none;
		}

		& .ais-facet--header {
			font-weight: 500;
			color: var(--color-foreground);
			text-transform: none;
			background: transparent;
			border-bottom: 1px solid var(--color-border);
		}

		& .ais-hit--details > * {
			white-space: normal;
		}

		& .ais-RangeSlider .rheostat-handle {
			&:focus,
			&:focus-visible {
				outline: 2px solid var(--color-foreground);
			}
		}

		& .ais-hit--subtitle {
			display: none;
		}

		& .ais-results-as-block {
			& .ais-Hits-list {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: var(--size-xl) var(--size-4xs);

				@media (width >= 768px) {
					grid-template-columns: repeat(4, minmax(0, 1fr));
				}

				& .ais-product {
					width: 100%;
					padding: 0;
					margin: 0;

					& .ais-hit--picture {
						position: static;
						width: 100%;
						height: auto;
						aspect-ratio: 4 / 5;
						margin: 0;
						background-position: 100%;
					}

					& .ais-hit--details {
						margin-top: 0.5rem;
					}

					& .ais-hit--price {
						margin: 0;
					}
				}
			}
		}
	}
}