.osbd-fuel-card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 0.9rem 1rem;
	border: 1px solid #d9dee5;
	border-radius: 0.45rem;
	background: #ffffff;
}

/* Profile identity only; no listing/card selectors are altered. */
.osbd-supplier-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	width: 100%;
	max-width: 32rem;
	margin: 0 auto;
	text-align: center;
}

.osbd-supplier-hero__graphic {
	width: min( 100%, 100px );
	color: var( --osbd-hero-graphic-color, #20314f );
}

.osbd-supplier-hero__truck {
	display: block;
	width: 100%;
	height: auto;
}

.osbd-supplier-hero__name {
	max-width: 100%;
	color: inherit;
	font-size: clamp( 1.35rem, 2.5vw, 2rem );
	font-weight: 700;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.osbd-supplier-hero__town {
	max-width: 100%;
	color: inherit;
	font-size: 1rem;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

@media ( max-width: 600px ) {
	.osbd-supplier-hero { gap: 0.45rem; }
	.osbd-supplier-hero__graphic { width: min( 100%, 80px ); }
}

.osbd-fuel-card__title {
	color: #1d2939;
	font-size: 1rem;
	line-height: 1.35;
}

.osbd-fuel-card__description {
	color: #475467;
	font-size: 0.9rem;
	line-height: 1.5;
}

.osbd-fuel-grid,
.osbd-service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: 1rem;
}

.osbd-fuel-grid > .osbd-fuel-card,
.osbd-service-grid > .osbd-service-card {
	min-width: 0;
	overflow-wrap: anywhere;
}

.osbd-service-card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 0.9rem 1rem;
	border: 1px solid #d9dee5;
	border-radius: 0.45rem;
	background: #ffffff;
}

.osbd-service-card__title {
	color: #1d2939;
	font-size: 1rem;
	line-height: 1.35;
}

.osbd-service-card__description {
	color: #475467;
	font-size: 0.9rem;
	line-height: 1.5;
}

/* Core's explicit alignment wrapper controls the profile identity as a unit. */
.osbd-shortcode-align--left > .osbd-supplier-hero { align-items: flex-start; text-align: left; margin-left: 0; margin-right: auto; }
.osbd-shortcode-align--center > .osbd-supplier-hero { align-items: center; text-align: center; margin-left: auto; margin-right: auto; }
.osbd-shortcode-align--right > .osbd-supplier-hero { align-items: flex-end; text-align: right; margin-left: auto; margin-right: 0; }

/* Manual verification is explicit text, never colour alone. */
.osbd-feature__status { font-size: 0.9rem; font-weight: 600; color: #334155; }
.osbd-feature--unavailable { border-color: #d1d5db; background: #f3f4f6; }
.osbd-feature--unavailable .osbd-feature__name { color: #5b6470; font-weight: 600; }
.osbd-feature--unavailable .osbd-fuel-card__description,
.osbd-feature--unavailable .osbd-service-card__description,
.osbd-feature--unavailable .osbd-feature__status { color: #5b6470; }