/* 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[class*="_pdp_usp"] {
	background: #fff;
	border: 1px solid #e6e4de;
	border-radius: 8px;
	padding: 18px 20px;
	margin: 28px 0 18px;
	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: 2px; top: 7px;
	width: 6px; height: 10px;
	border-right: 2px solid #1a1a1a;
	border-bottom: 2px solid #1a1a1a;
	transform: rotate(45deg);
}
.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[class*="_pdp_usp"] { padding: 14px 14px; margin: 22px 0 14px; }
	.abt-block .abt-usp-h { font-size: 14px !important; }
	.abt-block .abt-usp-bullets li { font-size: 13px !important; padding-left: 24px !important; }
}