/* Flat Search Pro v645 — order-preserving cacheable CSS layer bundle. */
/* Flat Search Pro v645 source: wm-so-v296-recent-product-scrollfix */
.live-search-results .autocomplete-suggestion.wm-search-item--recent,
		.live-search-results .wm-search-item--recent,
		.autocomplete-suggestions .autocomplete-suggestion.wm-search-item--recent,
		.autocomplete-suggestions .wm-search-item--recent {
			display: flex !important;
			align-items: center !important;
			color: #1f2937 !important;
			-webkit-text-fill-color: #1f2937 !important;
		}
		.live-search-results .wm-search-item--recent .wm-so-recent-text,
		.live-search-results .autocomplete-suggestion.wm-search-item--recent .wm-so-recent-text,
		.autocomplete-suggestions .wm-search-item--recent .wm-so-recent-text,
		.autocomplete-suggestions .autocomplete-suggestion.wm-search-item--recent .wm-so-recent-text {
			display: block !important;
			flex: 1 1 auto !important;
			min-width: 0 !important;
			max-width: calc(100% - 72px) !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			white-space: nowrap !important;
			color: #1f2937 !important;
			-webkit-text-fill-color: #1f2937 !important;
			font-size: 14px !important;
			font-weight: 400 !important;
			line-height: 60px !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
		.live-search-results .wm-search-item--recent .wm-so-recent-icon,
		.autocomplete-suggestions .wm-search-item--recent .wm-so-recent-icon {
			color: #7b8794 !important;
			-webkit-text-fill-color: #7b8794 !important;
			opacity: 1 !important;
		}
		.live-search-results .wm-search-item--recent .wm-so-recent-remove,
		.autocomplete-suggestions .wm-search-item--recent .wm-so-recent-remove {
			display: flex !important;
			color: #6b7280 !important;
			-webkit-text-fill-color: #6b7280 !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
		@media (max-width: 849px) {
			.live-search-results .wm-search-item--recent .wm-so-recent-text,
			.autocomplete-suggestions .wm-search-item--recent .wm-so-recent-text {
				font-size: 16px !important;
			}
		}
		/* v296: keep mobile dropdown rows responsive while allowing vertical pan. */
		@media (max-width: 849px) {
			#search-lightbox .live-search-results,
			#search-lightbox .autocomplete-suggestions,
			#search-lightbox .wm-search-tips-box,
			#search-lightbox .wm-so-search-helper-box,
			.wm-so-cocktail-list-body {
				touch-action: pan-y !important;
				-webkit-overflow-scrolling: touch !important;
				overscroll-behavior-y: contain !important;
			}
			#search-lightbox .autocomplete-suggestion,
			#search-lightbox .wm-so-helper-item,
			#search-lightbox .wm-search-item,
			.wm-so-cocktail-list-row {
				-webkit-tap-highlight-color: rgba(243,112,33,.12) !important;
				touch-action: pan-y !important;
			}
		}

/* Flat Search Pro v645 source: wm-so-v297-mobile-viewmore-stickyfix */
@media (max-width: 849px) {
			/* Make the mobile results panel fill the lightbox so the View More row can sit at the bottom,
			   not immediately after a short product list. */
			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) {
				display: flex !important;
				flex-direction: column !important;
				min-height: calc(100dvh - 82px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
				height: calc(100dvh - 82px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
				max-height: calc(100dvh - 82px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
				overflow: hidden !important;
				box-sizing: border-box !important;
			}

			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .autocomplete-suggestions:not(.wm-search-tips-box):not(.wm-so-search-helper-box) {
				flex: 1 1 auto !important;
				min-height: 0 !important;
				height: auto !important;
				max-height: none !important;
				overflow-y: auto !important;
				overflow-x: hidden !important;
				-webkit-overflow-scrolling: touch !important;
				padding-bottom: 8px !important;
				box-sizing: border-box !important;
			}

			/* Product-results View More: sticky/flex bottom row. Do not affect helper empty state where View More must stay hidden. */
			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper {
				display: block !important;
				visibility: visible !important;
				flex: 0 0 auto !important;
				position: sticky !important;
				bottom: 0 !important;
				left: 0 !important;
				right: 0 !important;
				width: 100% !important;
				min-height: 58px !important;
				margin: 0 !important;
				padding: 6px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
				background: #fff !important;
				border-top: 1px solid rgba(0,0,0,.12) !important;
				border-bottom: 0 !important;
				box-sizing: border-box !important;
				z-index: 2147482000 !important;
				transform: translateZ(0) !important;
			}

			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper .wm-view-more-link {
				display: block !important;
				width: 100% !important;
				padding: 0 !important;
				text-align: center !important;
				text-decoration: none !important;
			}

			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper .wm-pill {
				display: block !important;
				width: 100% !important;
				box-sizing: border-box !important;
				border: 1px solid rgba(0,0,0,.18) !important;
				border-radius: 999px !important;
				background: #fff !important;
				color: #111 !important;
				padding: 10px 8px !important;
				line-height: 1.2 !important;
				white-space: normal !important;
			}

			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper .wm-view-more-link:hover .wm-pill {
				border-color: #f37021 !important;
				color: #f37021 !important;
			}
		}

/* Flat Search Pro v645 source: wm-so-v299-mobile-viewmore-wrapper-padding */
@media (max-width: 849px) {
			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper {
				min-height: 0 !important;
				height: auto !important;
				padding: 12px 10px 0 10px !important;
				/* margin-top: 7px !important; */
				/* margin-bottom: -10px !important; */
				/* border-top: 0 !important; */
				background: #fff !important;
				box-sizing: border-box !important;
			}

			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper .wm-view-more-results,
			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper .wm-view-more-link {
				height: auto !important;
				min-height: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
				line-height: normal !important;
			}

			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) > .wm-view-more-wrapper .wm-pill,
			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) .wm-view-more-results .wm-pill {
				padding: 10px 8px !important;
				line-height: 1.2 !important;
				margin: 0 !important;
			}

			/* Legacy mobile row fallback: keep compact even if this row is rendered outside the wrapper. */
			body .mfp-wrap #search-lightbox .live-search-results:not(.wm-so-helper-open):not(.wm-so-input-empty) .wm-mobile-view-more-suggestion .wm-view-more-results {
				height: auto !important;
				min-height: 0 !important;
				padding: 0 !important;
				margin-top: 7px !important;
				margin-bottom: -10px !important;
			}
		}