.sbua-repair-card {
	--sbua-bg: #fff8e9;
	--sbua-ink: #71511b;
	--sbua-accent: #efc45f;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 42px 0 20px;
	padding: 38px 26px 26px;
	border: 2px solid var(--sbua-accent);
	border-radius: 24px;
	background: var(--sbua-bg);
	box-shadow: 0 16px 38px rgba(30, 42, 60, 0.13);
	color: var(--sbua-ink);
}

.sbua-repair-card *,
.sbua-repair-card *::before,
.sbua-repair-card *::after {
	box-sizing: border-box;
}

.sbua-repair-card h2 {
	max-width: 84%;
	margin: 0.25rem 0 0.55rem;
	color: var(--sbua-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 4.8vw, 4.6rem);
	line-height: 1.12;
}

.sbua-repair-card .sbua-kicker {
	margin: 0 0 2.25rem;
	color: #2c5684;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.sbua-repair-card .sbua-note {
	margin: 0.65rem 0;
	color: var(--sbua-ink);
	font-size: clamp(1rem, 1.7vw, 1.18rem);
	line-height: 1.65;
}

.sbua-repair-card .sbua-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 18px 0;
}

.sbua-repair-card .sbua-grid a {
	display: flex;
	min-height: 92px;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	padding: 19px 20px;
	border: 2px solid color-mix(in srgb, var(--sbua-ink) 38%, var(--sbua-accent));
	border-radius: 14px;
	background: color-mix(in srgb, var(--sbua-accent) 30%, white);
	box-shadow: 0 8px 18px rgba(30, 42, 60, 0.10);
	color: var(--sbua-ink);
	line-height: 1.35;
	text-decoration: none;
	transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

.sbua-repair-card .sbua-grid a:nth-child(2) {
	background: color-mix(in srgb, var(--sbua-accent) 58%, white);
}

.sbua-repair-card .sbua-grid a:hover,
.sbua-repair-card .sbua-grid a:focus-visible {
	filter: saturate(1.12) brightness(0.97);
	transform: translateY(-2px);
	box-shadow: 0 11px 23px rgba(30, 42, 60, 0.16);
}

.sbua-repair-card .sbua-grid a:focus-visible {
	outline: 3px solid #2585c7;
	outline-offset: 3px;
}

.sbua-repair-card .sbua-grid strong,
.sbua-repair-card .sbua-grid span {
	display: block;
	color: var(--sbua-ink);
	text-shadow: none;
}

.sbua-repair-card .sbua-grid strong {
	font-size: 1.08rem;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.sbua-repair-card .sbua-grid span {
	font-size: 0.96rem;
	font-weight: 600;
}

.sbua-repair-card small {
	display: block;
	color: color-mix(in srgb, var(--sbua-ink) 80%, #444);
	font-size: 0.87rem;
	line-height: 1.5;
}

.sbua-repair-card .sbua-category-pin {
	position: absolute;
	z-index: 2;
	top: 14px;
	right: 18px;
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	border: 2px solid var(--sbua-accent);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 7px 16px rgba(30, 42, 60, 0.14);
	font-size: 27px;
	transform: rotate(5deg);
}

.sbua-repair-card[data-amazon-world="baby-sleep"],
.sbua-repair-card[data-amazon-world="toddler-sleep"],
.sbua-repair-card[data-amazon-world="sleep-regression"] {
	background-color: var(--sbua-bg);
	background-image:
		radial-gradient(circle at 12% 18%, rgba(255,255,255,.9) 0 2px, transparent 3px),
		radial-gradient(circle at 75% 24%, rgba(255,255,255,.8) 0 3px, transparent 4px);
	background-size: 48px 48px, 72px 72px;
}

.sbua-repair-card[data-amazon-world="travel"],
.sbua-repair-card[data-amazon-world="taking-baby-places"] {
	background-color: var(--sbua-bg);
	background-image:
		linear-gradient(135deg, rgba(255,255,255,.68) 25%, transparent 25%),
		linear-gradient(315deg, rgba(255,255,255,.45) 25%, transparent 25%);
	background-size: 38px 38px;
}

.sbua-repair-card[data-amazon-world="development-behavior"],
.sbua-repair-card[data-amazon-world="toddler-care"] {
	border-style: dashed;
}

.sbua-repair-card[data-amazon-world="pregnancy-postpartum"],
.sbua-repair-card[data-amazon-world="newborn-infant-care"] {
	border-radius: 34px 18px 34px 18px;
}

.sbua-repair-card[data-amazon-world="accidental-ingestion"],
.sbua-repair-card[data-amazon-world="health-safety"] {
	border-left-width: 8px;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
	.sbua-repair-card .sbua-grid a {
		border-color: var(--sbua-accent);
		background: rgba(255, 255, 255, 0.76);
	}

	.sbua-repair-card .sbua-grid a:nth-child(2) {
		background: rgba(255, 255, 255, 0.58);
	}
}

@media (max-width: 600px) {
	.sbua-repair-card {
		padding: 34px 19px 22px;
	}

	.sbua-repair-card h2 {
		max-width: 78%;
		font-size: clamp(1.35rem, 7vw, 1.8rem);
	}

	.sbua-repair-card .sbua-kicker {
		margin-bottom: 1.7rem;
	}

	.sbua-repair-card .sbua-grid {
		grid-template-columns: 1fr;
	}

	.sbua-repair-card .sbua-category-pin {
		top: 12px;
		right: 12px;
		width: 42px;
		height: 42px;
		font-size: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sbua-repair-card .sbua-grid a {
		transition: none;
	}
}