/*
 * ParentRoute Product Guarantee
 * Mobile-only reassurance section.
 */

#PRProductGuarantee,
#PRProductGuarantee * {
	box-sizing: border-box;
}

#PRProductGuarantee {
	--pr-guarantee-bg: #f0f5f2;
	--pr-guarantee-card: #eef4ec;
	--pr-guarantee-text: #13231c;
	--pr-guarantee-muted: #64736a;
	--pr-guarantee-accent: #91ad9a;
	--pr-guarantee-border: rgba(145, 173, 154, 0.28);

	display: none;

	width: 100%;
	margin: 0;
	padding: 18px 12px 60px;

	background: var(--pr-guarantee-bg);
}

#PRProductGuarantee .pr-guarantee__inner {
	width: min(100%, 440px);
	margin-inline: auto;
}

#PRProductGuarantee .pr-guarantee__card {
	position: relative;

	overflow: hidden;

	padding: 28px 18px 22px;

	border:
		1px solid
		var(--pr-guarantee-border);

	border-radius: 24px;

	background:
		radial-gradient(
			circle at 50% -10%,
			rgba(169, 193, 175, 0.34),
			rgba(169, 193, 175, 0.08) 34%,
			transparent 68%
		),
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.92),
			var(--pr-guarantee-card)
		);

	color: var(--pr-guarantee-text);

	box-shadow:
		0 18px 44px rgba(20, 32, 26, 0.09),
		inset 0 1px 0 rgba(255, 255, 255, 0.76);

	text-align: center;
}

#PRProductGuarantee .pr-guarantee__glow {
	position: absolute;

	border-radius: 50%;

	pointer-events: none;
}

#PRProductGuarantee .pr-guarantee__glow--one {
	top: -76px;
	left: 50%;

	width: 180px;
	height: 180px;

	background:
		radial-gradient(
			circle,
			rgba(169, 193, 175, 0.3),
			transparent 68%
		);

	transform: translateX(-50%);
}

#PRProductGuarantee .pr-guarantee__glow--two {
	right: -78px;
	bottom: -88px;

	width: 190px;
	height: 190px;

	background:
		radial-gradient(
			circle,
			rgba(247, 247, 243, 0.62),
			transparent 70%
		);
}

#PRProductGuarantee .pr-guarantee__badge {
	position: relative;
	z-index: 2;

	display: grid;
	place-items: center;

	margin-bottom: 14px;
}

#PRProductGuarantee .pr-guarantee__shield {
	position: relative;

	display: grid;
	place-items: center;

	width: 68px;
	height: 64px;

	filter:
		drop-shadow(0 14px 22px rgba(20, 32, 26, 0.16))
		drop-shadow(0 0 16px rgba(145, 173, 154, 0.16));
}

#PRProductGuarantee .pr-guarantee__shield::before {
	position: absolute;
	z-index: 1;

	inset: 4px 6px 7px;

	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.24) 0%,
			rgba(255, 255, 255, 0.06) 30%,
			rgba(255, 255, 255, 0.02) 48%,
			rgba(0, 0, 0, 0.18) 100%
		);

	clip-path:
		polygon(
			50% 0%,
			87% 15%,
			87% 43%,
			73% 72%,
			50% 100%,
			27% 72%,
			13% 43%,
			13% 15%
		);

	content: "";

	pointer-events: none;
}

#PRProductGuarantee .pr-guarantee__shield::after {
	position: absolute;
	z-index: -1;

	inset: -8px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(145, 173, 154, 0.24),
			rgba(145, 173, 154, 0.08) 44%,
			transparent 72%
		);

	filter: blur(10px);

	content: "";

	pointer-events: none;
}

#PRProductGuarantee .pr-guarantee__shield-svg {
	position: absolute;

	inset: 0;

	width: 68px;
	height: 64px;

	filter:
		drop-shadow(
			0 1px 0 rgba(255, 255, 255, 0.12)
		);
}

#PRProductGuarantee .pr-guarantee__shield-check {
	position: relative;
	z-index: 2;

	color: #ffffff;

	transform: translateY(1px);

	filter:
		drop-shadow(
			0 2px 8px rgba(0, 0, 0, 0.18)
		);
}

#PRProductGuarantee .pr-guarantee__eyebrow {
	position: relative;
	z-index: 2;

	margin: 0 0 8px;

	color: var(--pr-guarantee-accent);

	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

#PRProductGuarantee .pr-guarantee__heading {
	position: relative;
	z-index: 2;

	margin: 0 auto;

	color: var(--pr-guarantee-text);

	font-family: inherit;
	font-size: clamp(25px, 7vw, 32px);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -0.055em;

}

#PRProductGuarantee .pr-guarantee__text {
	position: relative;
	z-index: 2;

	max-width: 340px;
	margin: 13px auto 0;

	color: var(--pr-guarantee-muted);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: -0.012em;
}

#PRProductGuarantee .pr-guarantee__trust-row {
	position: relative;
	z-index: 2;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;

	margin-top: 16px;
}

#PRProductGuarantee .pr-guarantee__trust-row span {
	display: inline-flex;
	align-items: center;
	gap: 5px;

	min-height: 30px;
	padding: 7px 10px;

	border:
		1px solid
		rgba(169, 193, 175, 0.28);

	border-radius: 999px;

	background: rgba(255, 255, 255, 0.64);
	color: var(--pr-guarantee-text);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.72);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

#PRProductGuarantee .pr-guarantee__trust-row svg {
	flex: 0 0 auto;

	color: var(--pr-guarantee-accent);
}

#PRProductGuarantee .pr-guarantee__footer {
	position: relative;
	z-index: 2;

	max-width: 310px;
	margin: 14px auto 0;

	color: var(--pr-guarantee-muted);

	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.45;
}

@media screen and (max-width: 749px) {
	#PRProductGuarantee {
		display: block;
	}
}