/**
 * Hero sticky: la imagen permanece mientras el resto de la página sube encima.
 * En móvil se desactiva (scroll normal de página, sin caja con scroll interno).
 */

body.sb-page-hero .sb-home-hero__sticky-track {
	--sb-hero-scroll-extra: min(68vh, 520px);
	position: relative;
	z-index: 0;
	height: calc(100svh + var(--sb-hero-scroll-extra));
	margin-top: calc(-1 * var(--sb-header-height, 76px));
}

body.sb-page-hero .sb-home-hero__sticky-track .wp-block-selling-billings-home-hero {
	position: sticky;
	top: 0;
	z-index: 0;
	height: 100svh;
	min-height: 100svh;
	max-height: 100svh;
	margin-top: 0;
	overflow: hidden;
}

body.sb-page-hero .site-main > :not(.sb-home-hero__sticky-track) {
	position: relative;
	z-index: 2;
}

body.sb-page-hero .sb-home-hero__sticky-track + * {
	box-shadow: 0 -24px 56px rgb(1 1 48 / 11%);
}

body.sb-page-hero .wp-block-selling-billings-home-hero {
	--sb-hero-scroll: 0;
}

body.sb-page-hero .sb-home-hero__media {
	transform: translate3d(0, calc(var(--sb-hero-scroll) * -2.8%), 0)
		scale(calc(1 + var(--sb-hero-scroll) * 0.022));
	will-change: transform;
}

body.sb-page-hero .sb-home-hero__scrim {
	opacity: calc(0.9 + var(--sb-hero-scroll) * 0.1);
}

body.sb-page-hero .sb-home-hero__content {
	opacity: calc(1 - var(--sb-hero-scroll) * 0.72);
	transform: translate3d(0, calc(var(--sb-hero-scroll) * -22px), 0);
}

body.sb-page-hero .wp-block-selling-billings-home-hero::after {
	opacity: calc(1 - var(--sb-hero-scroll) * 0.22);
}

@media (max-width: 767px) {
	body.sb-page-hero .sb-home-hero__sticky-track {
		height: auto;
		min-height: 0;
		margin-top: calc(-1 * var(--sb-header-height, 76px));
	}

	body.sb-page-hero .sb-home-hero__sticky-track .wp-block-selling-billings-home-hero {
		position: relative;
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	body.sb-page-hero .sb-home-hero__media,
	body.sb-page-hero .sb-home-hero__scrim,
	body.sb-page-hero .sb-home-hero__content,
	body.sb-page-hero .wp-block-selling-billings-home-hero::after {
		opacity: 1;
		transform: none;
	}

	body.sb-page-hero .sb-home-hero__sticky-track + * {
		box-shadow: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.sb-page-hero .sb-home-hero__sticky-track {
		height: auto;
		margin-top: calc(-1 * var(--sb-header-height, 76px));
	}

	body.sb-page-hero .sb-home-hero__sticky-track .wp-block-selling-billings-home-hero {
		position: relative;
		height: auto;
		min-height: 100svh;
		max-height: none;
	}

	body.sb-page-hero .sb-home-hero__media,
	body.sb-page-hero .sb-home-hero__content,
	body.sb-page-hero .sb-home-hero__scrim,
	body.sb-page-hero .wp-block-selling-billings-home-hero::after {
		opacity: 1;
		transform: none;
	}
}