/**
 * Mobile category hero presentation.
 *
 * Desktop category images remain unchanged. Phone-sized viewports deliberately
 * hide every category and subcategory hero image while preserving the existing
 * hero content layout.
 */
@media (min-width: 761px) {
	body.tax-product_cat .apcb-hero-premium::before {
		background:
			linear-gradient(
				90deg,
				rgba(3, 7, 13, .58) 0%,
				rgba(3, 7, 13, .40) 36%,
				rgba(3, 7, 13, .11) 63%,
				rgba(3, 7, 13, .01) 100%
			),
			linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .03)) !important;
	}
}

@media (max-width: 760px) {
	body.tax-product_cat .apcb-hero-premium {
		background-image: none !important;
		background-position: center bottom !important;
		background-size: cover !important;
	}

	body.tax-product_cat .apcb-hero-premium[style*="--apcb-mobile-hero-image"]::before {
		background:
			linear-gradient(
				180deg,
				rgba(3, 8, 15, 0) 0%,
				rgba(3, 8, 15, .04) 35%,
				rgba(3, 8, 15, .30) 60%,
				rgba(3, 8, 15, .64) 100%
			),
			linear-gradient(90deg, rgba(3, 8, 15, .06), rgba(3, 8, 15, 0)) !important;
	}

	body.tax-product_cat .apcb-hero-premium[style*="--apcb-mobile-hero-image"] .apcb-hero-inner {
		align-items: flex-end !important;
	}

	body.tax-product_cat .apcb-hero-premium[style*="--apcb-mobile-hero-image"] .apcb-hero-content {
		padding-bottom: 4px;
	}

	/*
	 * Premium mobile category artwork.
	 *
	 * Both decorative layers are absolutely positioned, so the established
	 * content, breadcrumbs and action button keep their current geometry.
	 */
	body.tax-product_cat .apcb-hero-premium[style*="--apcb-mobile-hero-image"] {
		--apcb-mobile-glow-x: 76%;
		--apcb-mobile-glow-y: 30%;
		--apcb-mobile-part-height: 260px;
		--apcb-mobile-part-right: 12px;
		--apcb-mobile-part-top: 42px;
		--apcb-mobile-part-width: 260px;
		background-color: #050a12 !important;
		isolation: isolate;
		overflow: hidden;
	}

	body.tax-product_cat .apcb-hero-premium[style*="--apcb-mobile-hero-image"]::before {
		background: radial-gradient(
			circle at var(--apcb-mobile-glow-x) var(--apcb-mobile-glow-y),
			#234977 0%,
			#122a4a 26%,
			#091322 68%
		) !important;
		filter: none;
		z-index: 0;
	}

	body.tax-product_cat .apcb-hero-premium[style*="--apcb-mobile-hero-image"]::after {
		background: var(--apcb-mobile-part-image) center / contain no-repeat;
		content: "";
		filter: drop-shadow(0 24px 24px rgba(0, 0, 0, .48)) drop-shadow(0 0 24px rgba(116, 181, 255, .13));
		height: var(--apcb-mobile-part-height);
		pointer-events: none;
		position: absolute;
		right: var(--apcb-mobile-part-right);
		top: var(--apcb-mobile-part-top);
		width: var(--apcb-mobile-part-width);
		z-index: 0;
	}

	body.tax-product_cat .apcb-hero--lighting {
		--apcb-mobile-part-image: url("../images/parts/headlights-mobile-part.webp");
		--apcb-mobile-part-height: 310px;
		--apcb-mobile-part-right: -18px;
		--apcb-mobile-part-top: 24px;
		--apcb-mobile-part-width: 310px;
	}

	body.tax-product_cat .apcb-hero--body-parts {
		--apcb-mobile-glow-x: 72%;
		--apcb-mobile-part-image: url("../images/parts/bumpers-mobile-part.webp");
		--apcb-mobile-part-height: 330px;
		--apcb-mobile-part-right: -26px;
		--apcb-mobile-part-top: 18px;
		--apcb-mobile-part-width: 330px;
	}

	body.tax-product_cat .apcb-hero--interior {
		--apcb-mobile-glow-x: 74%;
		--apcb-mobile-part-image: url("../images/parts/seats.webp");
		--apcb-mobile-part-height: 270px;
		--apcb-mobile-part-right: -4px;
		--apcb-mobile-part-top: 32px;
		--apcb-mobile-part-width: 270px;
	}

	body.tax-product_cat .apcb-hero--headlights {
		--apcb-mobile-part-image: url("../images/parts/headlights-mobile-part.webp");
		--apcb-mobile-part-height: 320px;
		--apcb-mobile-part-right: -20px;
		--apcb-mobile-part-top: 20px;
		--apcb-mobile-part-width: 320px;
	}

	body.tax-product_cat .apcb-hero--tail-lights {
		--apcb-mobile-glow-x: 74%;
		--apcb-mobile-part-image: url("../images/parts/tail-lights-mobile-part.webp");
		--apcb-mobile-part-height: 290px;
		--apcb-mobile-part-right: -12px;
		--apcb-mobile-part-top: 28px;
		--apcb-mobile-part-width: 290px;
	}

	body.tax-product_cat .apcb-hero--fog-lights {
		--apcb-mobile-part-image: url("../images/parts/fog-lights-mobile-part.webp");
	}

	body.tax-product_cat .apcb-hero--bumpers {
		--apcb-mobile-glow-x: 72%;
		--apcb-mobile-part-image: url("../images/parts/bumpers-mobile-part.webp");
		--apcb-mobile-part-height: 330px;
		--apcb-mobile-part-right: -26px;
		--apcb-mobile-part-top: 18px;
		--apcb-mobile-part-width: 330px;
	}

	body.tax-product_cat .apcb-hero--doors {
		--apcb-mobile-glow-x: 74%;
		--apcb-mobile-part-image: url("../images/parts/doors-mobile-part.webp");
		--apcb-mobile-part-height: 270px;
		--apcb-mobile-part-right: -2px;
		--apcb-mobile-part-top: 30px;
		--apcb-mobile-part-width: 270px;
	}

	body.tax-product_cat .apcb-hero--fenders {
		--apcb-mobile-glow-x: 73%;
		--apcb-mobile-part-image: url("../images/parts/fenders-mobile-part.webp");
		--apcb-mobile-part-height: 310px;
		--apcb-mobile-part-right: -18px;
		--apcb-mobile-part-top: 24px;
		--apcb-mobile-part-width: 310px;
	}

	body.tax-product_cat .apcb-hero--grilles {
		--apcb-mobile-glow-x: 73%;
		--apcb-mobile-part-image: url("../images/parts/grilles-mobile-part.webp");
		--apcb-mobile-part-height: 305px;
		--apcb-mobile-part-right: -15px;
		--apcb-mobile-part-top: 25px;
		--apcb-mobile-part-width: 305px;
	}

	body.tax-product_cat .apcb-hero--trunk-lids {
		--apcb-mobile-glow-x: 72%;
		--apcb-mobile-part-image: url("../images/parts/trunk-lids-mobile-part.webp");
		--apcb-mobile-part-height: 315px;
		--apcb-mobile-part-right: -20px;
		--apcb-mobile-part-top: 22px;
		--apcb-mobile-part-width: 315px;
	}

	body.tax-product_cat .apcb-hero--hoods {
		--apcb-mobile-glow-x: 73%;
		--apcb-mobile-part-image: url("../images/parts/hoods-mobile-part.webp");
		--apcb-mobile-part-height: 305px;
		--apcb-mobile-part-right: -15px;
		--apcb-mobile-part-top: 25px;
		--apcb-mobile-part-width: 305px;
	}

	body.tax-product_cat .apcb-hero--mirrors {
		--apcb-mobile-glow-x: 75%;
		--apcb-mobile-part-image: url("../images/parts/mirrors-mobile-part.webp");
		--apcb-mobile-part-height: 270px;
		--apcb-mobile-part-right: -4px;
		--apcb-mobile-part-top: 32px;
		--apcb-mobile-part-width: 270px;
	}

	body.tax-product_cat .apcb-hero--headliner {
		--apcb-mobile-glow-x: 74%;
		--apcb-mobile-part-image: url("../images/parts/headliner.webp");
		--apcb-mobile-part-height: 270px;
		--apcb-mobile-part-right: -4px;
		--apcb-mobile-part-top: 32px;
		--apcb-mobile-part-width: 270px;
	}

	body.tax-product_cat .apcb-hero--dashboard-panels {
		--apcb-mobile-glow-x: 72%;
		--apcb-mobile-part-image: url("../images/parts/dashboard-panels.webp");
		--apcb-mobile-part-height: 300px;
		--apcb-mobile-part-right: -14px;
		--apcb-mobile-part-top: 26px;
		--apcb-mobile-part-width: 300px;
	}

	body.tax-product_cat .apcb-hero--seats {
		--apcb-mobile-glow-x: 74%;
		--apcb-mobile-part-image: url("../images/parts/seats.webp");
		--apcb-mobile-part-height: 270px;
		--apcb-mobile-part-right: -4px;
		--apcb-mobile-part-top: 32px;
		--apcb-mobile-part-width: 270px;
	}

	body.tax-product_cat .apcb-hero--instrument-clusters {
		--apcb-mobile-glow-x: 74%;
		--apcb-mobile-part-image: url("../images/parts/instrument-clusters.webp");
		--apcb-mobile-part-height: 270px;
		--apcb-mobile-part-right: -4px;
		--apcb-mobile-part-top: 30px;
		--apcb-mobile-part-width: 270px;
	}

	body.tax-product_cat .apcb-hero--steering-wheels {
		--apcb-mobile-glow-x: 75%;
		--apcb-mobile-part-image: url("../images/parts/steering-wheels.webp");
		--apcb-mobile-part-height: 260px;
		--apcb-mobile-part-right: 0;
		--apcb-mobile-part-top: 36px;
		--apcb-mobile-part-width: 260px;
	}

	body.tax-product_cat .apcb-hero--door-panels {
		--apcb-mobile-glow-x: 73%;
		--apcb-mobile-part-image: url("../images/parts/door-panels.webp");
		--apcb-mobile-part-height: 280px;
		--apcb-mobile-part-right: -7px;
		--apcb-mobile-part-top: 30px;
		--apcb-mobile-part-width: 280px;
	}

	/* Per-part optical adjustments after reviewing the mobile compositions. */
	body.tax-product_cat .apcb-hero-premium.apcb-hero--headlights,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--tail-lights,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--trunk-lids,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--instrument-clusters {
		--apcb-mobile-part-top: 30px;
	}

	body.tax-product_cat .apcb-hero-premium.apcb-hero--doors {
		--apcb-mobile-part-height: 220px;
		--apcb-mobile-part-width: 220px;
	}

	body.tax-product_cat .apcb-hero-premium.apcb-hero--fenders {
		--apcb-mobile-part-height: 235px;
		--apcb-mobile-part-top: 30px;
		--apcb-mobile-part-width: 235px;
	}

	body.tax-product_cat .apcb-hero-premium.apcb-hero--grilles,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--dashboard-panels {
		--apcb-mobile-part-right: 24px;
	}

	body.tax-product_cat .apcb-hero-premium.apcb-hero--door-panels,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--headliner,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--seats,
	body.tax-product_cat .apcb-hero-premium.apcb-hero--steering-wheels {
		--apcb-mobile-part-height: 235px;
		--apcb-mobile-part-width: 235px;
	}
}