/* Shipping callout — one colour-coded panel per product.
   green = free, blue = fee applies, amber = freight quote. */

.sd-ship {
	--sd-ship-accent: #2e7d32;
	--sd-ship-bg: #eef6ea;
	display: flex;
	gap: .8rem;
	align-items: flex-start;
	margin: 1.1rem 0 1.25rem;
	padding: .85rem 1rem;
	border-radius: .5rem;
	border: 1px solid color-mix(in srgb, var(--sd-ship-accent) 35%, #fff);
	border-left: 5px solid var(--sd-ship-accent);
	background: var(--sd-ship-bg);
	color: #1f2a1f;
	line-height: 1.45;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}
.sd-ship--fee {
	--sd-ship-accent: #1d4ed8;
	--sd-ship-bg: #eaf0fd;
	color: #172554;
}
.sd-ship--quote {
	--sd-ship-accent: #b45309;
	--sd-ship-bg: #fdf3e5;
	color: #4a2a06;
}
.sd-ship__icon {
	flex: none;
	color: var(--sd-ship-accent);
	margin-top: .1rem;
}
.sd-ship__body {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	min-width: 0;
}
.sd-ship__title {
	font-weight: 700;
	font-size: 1rem;
}
.sd-ship__detail {
	font-size: .9rem;
	opacity: .9;
}

/* Shop grid badge */
.sd-ship-badge {
	display: inline-block;
	margin: .2rem 0 .5rem;
	padding: .15rem .55rem;
	border-radius: 999px;
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .01em;
	line-height: 1.5;
	background: #eef6ea;
	color: #2e7d32;
}
.sd-ship-badge--fee {
	background: #eaf0fd;
	color: #1d4ed8;
}
.sd-ship-badge--quote {
	background: #fdf3e5;
	color: #b45309;
}