/*
 * HARCHI KOLO mobile home-page composition.
 * Scoped to the front page and small screens only.
 */

@media (max-width: 782px) {
	body.hk-core-home-mobile .hk-home-hero-heading {
		font-size: clamp(36px, 10.4vw, 43px) !important;
		line-height: 1.08 !important;
		letter-spacing: -0.025em !important;
		margin-top: 0 !important;
		margin-bottom: 16px !important;
	}

	body.hk-core-home-mobile .hk-home-hero-description {
		font-size: clamp(20px, 5.8vw, 24px) !important;
		line-height: 1.42 !important;
		padding: 14px 12px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	/*
	 * Keep the search visible on the first phone screen, with a deliberate
	 * visual gap below the introduction so the card does not crowd the text.
	 * The original HivePress form and all search logic remain untouched.
	 */
	body.hk-core-home-mobile.hk-home-search-ready .hk-home-search-shell {
		position: relative !important;
		top: -27px !important;
		z-index: 8 !important;
		margin-bottom: -27px !important;
	}

	body.hk-core-home-mobile .hk-home-search-shell,
	body.hk-core-home-mobile .hk-home-search-form {
		isolation: isolate;
	}
}

@media (max-width: 390px) {
	body.hk-core-home-mobile.hk-home-search-ready .hk-home-search-shell {
		top: -17px !important;
		margin-bottom: -17px !important;
	}

	body.hk-core-home-mobile .hk-home-hero-heading {
		font-size: 36px !important;
	}

	body.hk-core-home-mobile .hk-home-hero-description {
		font-size: 20px !important;
		line-height: 1.4 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.hk-core-home-mobile .hk-home-search-shell {
		scroll-behavior: auto !important;
	}
}