/* Allhart Block Test — frontend styles. Scoped under .abt-block so theme CSS can't bleed in. */
.abt-block, .abt-block * { box-sizing: border-box; }

/* ============================================================
 * Hero slot (homepage banner)
 * ============================================================ */
.abt-block.abt-slot-mro_hero { text-align: center; padding: 48px 20px; }
.abt-block .abt-hero-h {
	font-size: clamp(1.8rem, 4vw, 2.5rem);
	line-height: 1.15; margin: 0 0 16px; font-weight: 800; text-align: center;
}
.abt-block .abt-hero-sub {
	font-size: 1.05rem; color: #555; margin: 0 auto 24px; max-width: 640px; text-align: center;
}
.abt-block .abt-hero-cta {
	display: inline-block; background: #0b1020; color: #fff !important;
	padding: 14px 28px; border-radius: 6px; text-decoration: none;
	font-weight: 600; font-size: 16px; transition: transform .12s, box-shadow .12s;
}
.abt-block .abt-hero-cta:hover {
	transform: translateY(-1px); box-shadow: 0 6px 18px rgba(11,16,32,.2);
}

/* ============================================================
 * PDP USP panel — trust signals alongside the buy box.
 * !important used sparingly to beat aggressive theme specificity.
 * ============================================================ */
.abt-block.abt-slot-mro_pdp_usp {
	background: #fff;
	border: 1px solid #e6e4de;
	border-radius: 8px;
	padding: 16px 18px;
	margin: 18px 0;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
	font-family: inherit;
	text-align: left !important;
}
.abt-block .abt-pdp-usp { text-align: left !important; }
.abt-block .abt-usp-h {
	font-size: 15px !important;
	font-weight: 700 !important;
	margin: 0 0 12px !important;
	color: #1a1a1a !important;
	text-align: left !important;
	letter-spacing: -0.01em;
}
.abt-block .abt-usp-bullets {
	list-style: none !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	text-align: left !important;
}
.abt-block .abt-usp-bullets li {
	margin: 0 0 8px !important;
	padding: 0 0 0 26px !important;
	font-size: 14px !important;
	color: #333 !important;
	line-height: 1.45;
	position: relative;
	text-align: left !important;
	list-style: none !important;
}
.abt-block .abt-usp-bullets li::before {
	content: "✓";
	position: absolute;
	left: 0; top: 0;
	width: 18px; height: 18px;
	display: inline-flex; align-items: center; justify-content: center;
	background: #c8842e; color: #fff;
	border-radius: 50%;
	font-size: 11px; font-weight: 700;
	line-height: 1;
}
.abt-block .abt-usp-urgency {
	display: inline-block;
	background: #fef3c7;
	color: #92400e !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 6px 12px !important;
	border-radius: 4px;
	margin: 6px 0 0 !important;
	text-align: left !important;
	line-height: 1.3;
}

/* Mobile tweak — slightly tighter spacing on narrow viewports. */
@media (max-width: 480px) {
	.abt-block.abt-slot-mro_pdp_usp { padding: 14px 14px; margin: 14px 0; }
	.abt-block .abt-usp-h { font-size: 14px !important; }
	.abt-block .abt-usp-bullets li { font-size: 13px !important; padding-left: 24px !important; }
}
