@media (min-width: 1101px) {
			.hmq-actions,
			.hmq-search-panel { display: none !important; }
		}

		@media (max-width: 1100px) {
			/* Hide only the legacy source controls once this integration is mounted. */
			body.hmq-ready .hzw-mobile-app-banner,
			body.hmq-ready .hwb-dock { display: none !important; }

			.hmq-actions {
				display: inline-flex;
				align-items: center;
				justify-content: flex-end;
				gap: 2px;
				margin: 0 2px 0 0;
				padding: 0;
				flex: 0 0 auto;
				direction: ltr;
			}

			.hmq-action {
				position: relative;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 36px;
				height: 36px;
				min-width: 36px;
				min-height: 36px;
				margin: 0;
				padding: 0;
				border: 1px solid transparent;
				border-radius: 10px;
				background: transparent;
				box-shadow: none;
				color: #465266;
				text-decoration: none;
				cursor: pointer;
				-webkit-tap-highlight-color: transparent;
				transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
			}

			.hmq-action:hover,
			.hmq-action:focus-visible,
			.hmq-action.is-active {
				border-color: rgba(17,24,39,.055);
				background: #f3f6f6;
				color: #007673;
			}

			.hmq-action:active { transform: translateY(1px); }

			.hmq-action svg {
				display: block;
				width: 18px;
				height: 18px;
				fill: none;
				stroke: currentColor;
				stroke-width: 1.7;
				stroke-linecap: round;
				stroke-linejoin: round;
				pointer-events: none;
			}

			.hmq-action--account.is-logged-in::after {
				content: "";
				position: absolute;
				top: 5px;
				right: 5px;
				width: 5px;
				height: 5px;
				border: 1.5px solid #fff;
				border-radius: 50%;
				background: #008f8c;
			}

			.hmq-action--watchlist.is-saved {
				background: #eef7f6;
				color: #007673;
			}

			.hmq-bookmark-fill { opacity: 0; fill: currentColor; stroke: currentColor; }
			.hmq-bookmark-outline { opacity: 1; }
			.hmq-action--watchlist.is-saved .hmq-bookmark-outline { opacity: 0; }
			.hmq-action--watchlist.is-saved .hmq-bookmark-fill { opacity: 1; }
			.hmq-action[hidden] { display: none !important; }

			/* Account owns its own mobile dropdown; the desktop menu is cloned into it. */
			.hmq-account {
				position: relative;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				flex: 0 0 auto;
				z-index: 100004;
			}

			.hmq-account-menu[hidden] { display: none !important; }

			.hmq-account-menu {
				position: absolute !important;
				top: calc(100% + 10px) !important;
				right: 0 !important;
				left: auto !important;
				width: min(330px, calc(100vw - 24px)) !important;
				min-width: 280px !important;
				max-width: calc(100vw - 24px) !important;
				margin: 0 !important;
				padding: 11px !important;
				border: 1px solid rgba(17,24,39,.10) !important;
				border-radius: 16px !important;
				background: #fff !important;
				box-shadow: 0 24px 64px rgba(17,24,39,.18) !important;
				opacity: 1 !important;
				visibility: visible !important;
				transform: none !important;
				z-index: 100005 !important;
			}

			.hmq-account-menu * { box-sizing: border-box; }

			.hmq-account-fallback {
				display: flex;
				align-items: center;
				justify-content: space-between;
				min-height: 42px;
				padding: 0 10px;
				border-radius: 9px;
				color: #111827;
				font: 680 12.5px/1.2 "Manrope", system-ui, sans-serif;
				text-decoration: none;
			}

			.hmq-account-fallback:hover,
			.hmq-account-fallback:focus-visible {
				background: #f6f8f8;
				color: #007673;
			}

			.hmq-search-panel {
				position: absolute;
				z-index: 100001;
				top: calc(100% - 1px);
				left: 0;
				right: 0;
				width: 100%;
				margin: 0;
				padding: 0;
				border-top: 1px solid rgba(17,24,39,.055);
				background: rgba(255,255,255,.985);
				box-shadow: 0 18px 38px rgba(17,24,39,.11);
				backdrop-filter: blur(18px) saturate(130%);
				-webkit-backdrop-filter: blur(18px) saturate(130%);
				opacity: 0;
				visibility: hidden;
				pointer-events: none;
				transform: translateY(-4px);
				transition: opacity 145ms ease, visibility 145ms ease, transform 180ms cubic-bezier(.22,.78,.22,1);
			}

			.hmq-search-panel.is-open {
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
				transform: translateY(0);
			}

			.hmq-search-form {
				display: grid;
				grid-template-columns: 24px minmax(0,1fr) 36px;
				align-items: center;
				gap: 8px;
				width: min(640px, calc(100% - 28px));
				min-height: 64px;
				margin: 0 auto;
				padding: 8px 0;
			}

			.hmq-search-glyph,
			.hmq-search-close {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				color: #667085;
			}

			.hmq-search-glyph svg,
			.hmq-search-close svg {
				width: 18px;
				height: 18px;
				fill: none;
				stroke: currentColor;
				stroke-width: 1.7;
				stroke-linecap: round;
			}

			.hmq-search-input {
				width: 100%;
				height: 46px;
				min-width: 0;
				margin: 0;
				padding: 0 4px;
				border: 0;
				border-radius: 0;
				outline: 0;
				background: transparent;
				box-shadow: none;
				-webkit-appearance: none;
				appearance: none;
				color: #111827;
				font: 620 16px/1.2 "Manrope", system-ui, sans-serif;
			}

			.hmq-search-input::placeholder { color: #8b93a1; opacity: 1; }
			.hmq-search-input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }

			.hmq-search-close {
				width: 36px;
				height: 36px;
				padding: 0;
				border: 0;
				border-radius: 10px;
				background: #f3f6f6;
				color: #586579;
				cursor: pointer;
			}

			body.hmat-lang-fa .hmq-search-input,
			body.hmat-lang-ar .hmq-search-input {
				direction: rtl;
				text-align: right;
			}

			body.hmat-lang-fa .hmq-search-input {
				font-family: Vazir, Vazirmatn, Tahoma, Arial, sans-serif;
			}
		}

		@media (max-width: 480px) {
			.hmq-actions { gap: 1px; margin-right: 1px; }
			.hmq-action {
				width: 34px;
				height: 34px;
				min-width: 34px;
				min-height: 34px;
				border-radius: 9px;
			}
			.hmq-action svg { width: 17px; height: 17px; }
		}

		@media (max-width: 340px) {
			/* Preserve Search → Language → Account on the narrowest screens. */
			.hmq-action--telegram { display: none; }
			.hmq-account-menu {
				min-width: min(280px, calc(100vw - 16px)) !important;
				max-width: calc(100vw - 16px) !important;
			}
		}