/**
 * FARREACH responsive safety styles.
 *
 * Stage 2:
 * - keeps the Home migration stable on tablet/mobile;
 * - disables sticky/overlap behavior where it can be fragile;
 * - preserves readable stacking without touching Gutenberg or page content.
 */

@media (max-width: 980px) {
	body.farreach-child-active.home .fr-wrap {
		width: min(calc(100% - 34px), 1180px);
	}

	body.farreach-child-active.home .fr-hero-grid,
	body.farreach-child-active.home .fr-quality-grid {
		grid-template-columns: 1fr;
	}

	body.farreach-child-active.home .fr-card-grid,
	body.farreach-child-active.home .fr-product-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	body.farreach-child-active.home .fr-timeline {
		grid-template-columns: repeat(2, 1fr);
	}

	body.farreach-child-active.home .fr-home h1 {
		font-size: 46px;
	}

	body.farreach-child-active.home .fr-headrow,
	body.farreach-child-active.home .fr-cta-box {
		display: block;
	}

	body.farreach-child-active.home .fr-hero-visual {
		height: auto;
		min-height: 440px;
	}
}

@media (max-width: 921px) {
	body.farreach-child-active {
		overflow-x: hidden;
	}

	body.farreach-child-active.home .fr-hero {
		position: relative !important;
		min-height: auto !important;
		overflow: hidden;
	}

	body.farreach-child-active.home .fr-hero .fr-hero-grid {
		position: relative !important;
		top: auto !important;
		min-height: auto !important;
		padding-top: 84px;
		padding-bottom: 76px;
	}

	body.farreach-child-active.home .fr-capabilities {
		margin-top: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	body.farreach-child-active.home .fr-device-card,
	body.farreach-child-active.home .fr-orbit,
	body.farreach-child-active.home .fr-badge {
		animation: none !important;
	}

	body.farreach-child-active.home .fr-device-card,
	body.farreach-child-active.home .fr-orbit {
		display: none !important;
	}
}

@media (max-width: 640px) {
	body.farreach-child-active.home .fr-section {
		padding: 64px 0;
	}

	body.farreach-child-active.home .fr-card-grid,
	body.farreach-child-active.home .fr-product-grid,
	body.farreach-child-active.home .fr-timeline {
		grid-template-columns: 1fr;
	}

	body.farreach-child-active.home .fr-home h1 {
		font-size: 38px;
	}

	body.farreach-child-active.home .fr-home h2 {
		font-size: 31px;
	}

	body.farreach-child-active.home .fr-metrics {
		grid-template-columns: 1fr;
	}

	body.farreach-child-active.home .fr-hero {
		padding: 0;
	}

	body.farreach-child-active.home .fr-hero-visual {
		min-height: 380px;
	}

	body.farreach-child-active.home .fr-device-card::before {
		right: 28px;
		left: 28px;
	}

	body.farreach-child-active.home .fr-badge {
		display: none;
	}

	body.farreach-child-active.home .fr-hero-visual {
		width: 100%;
		max-width: 680px;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden !important;
		background:
			linear-gradient(90deg, rgba(5, 7, 10, 0.25), rgba(5, 7, 10, 0.04)),
			image-set(
				url("../images/home/home-hero-product-scene.webp") type("image/webp"),
				url("../images/home/home-hero-product-scene.png") type("image/png")
			) center / cover no-repeat !important;
	}

	body.farreach-child-active.home .fr-device-card,
	body.farreach-child-active.home .fr-orbit {
		transform: none !important;
	}

	body.farreach-child-active.home .fr-btn {
		width: 100%;
		min-height: 48px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.farreach-child-active.home .fr-device-card,
	body.farreach-child-active.home .fr-orbit,
	body.farreach-child-active.home .fr-badge,
	body.farreach-child-active.home .fr-card,
	body.farreach-child-active.home .fr-product,
	body.farreach-child-active.home .fr-step,
	body.farreach-child-active.home .fr-metric {
		animation: none !important;
		transition: none !important;
	}

	body.farreach-child-active.home .fr-hero-visual,
	body.farreach-child-active.home .fr-device-card,
	body.farreach-child-active.home .fr-orbit {
		animation: none !important;
		transition: none !important;
		transform: none !important;
	}
}