/*
 * Final micro polish shared by all public routes.
 *
 * Keeps the mobile viewport flush with the shared header and removes decorative
 * drawer arrows without changing navigation destinations or accessibility.
 */

body.jager-site-redesign:not(.admin-bar) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.jager-site-redesign:not(.admin-bar) #page,
body.jager-site-redesign:not(.admin-bar) .site,
body.jager-site-redesign:not(.admin-bar) .jp2-shell,
body.jager-site-redesign:not(.admin-bar) .jhr-page {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.jager-site-redesign:not(.admin-bar) .jhr-header {
	top: 0 !important;
	margin-top: 0 !important;
}

body.jager-site-redesign .jhr-header__surface {
	margin-top: 0 !important;
}

/* The drawer already communicates that every row is a link. Remove the repeated
 * diagonal arrows so the mobile navigation reads as one clean editorial list. */
body.jager-site-redesign .jhr-mobile-nav > a > .jhr-icon,
body.jager-site-redesign .jhr-mobile-products > a > .jhr-icon {
	display: none !important;
}

body.jager-site-redesign .jhr-mobile-nav > a {
	justify-content: flex-start !important;
}

body.jager-site-redesign .jhr-mobile-products > a {
	grid-template-columns: 58px minmax(0, 1fr) !important;
}

/* Keep the current drum cut-out: media inventory contains no second transparent
 * product cut-out of higher quality. Give the existing optimized WebP a little
 * more presence without introducing a background card. */
body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media img {
	max-width: 500px !important;
	max-height: 540px !important;
}

@media (max-width: 640px) {
	body.jager-site-redesign:not(.admin-bar),
	body.jager-site-redesign:not(.admin-bar) #page,
	body.jager-site-redesign:not(.admin-bar) .site,
	body.jager-site-redesign:not(.admin-bar) .jp2-shell,
	body.jager-site-redesign:not(.admin-bar) .jhr-page {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media img {
		max-width: 88% !important;
		max-height: 360px !important;
	}
}