/* Shop sidebar promo cards — a cohesive heading / image / text / button block,
   stacked below the AJAX filters. On-brand via at-theme tokens; buttons reuse
   the theme .at-btn--solid. Heading/text gracefully omit when empty. */
.gp-sidebar-cards {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1rem;
}

.gp-sidebar-card {
	display: flex;
	flex-direction: column;
	gap: var(--at-space-3, 0.75rem);
	padding: var(--at-space-4, 1rem);
	border: 1px solid var(--at-hairline, rgba(255, 255, 255, 0.08));
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.02);
}

/* Small uppercase mono eyebrow — mirrors .at-widget__title */
.gp-sidebar-card__heading {
	margin: 0;
	font-family: var(--at-font-mono, ui-monospace, monospace);
	font-size: var(--at-fs-eyebrow, 0.7rem);
	letter-spacing: var(--at-tracking-eyebrow, 0.18em);
	text-transform: uppercase;
	color: var(--at-highlight, #ffffff);
}

.gp-sidebar-card__media {
	display: block;
	line-height: 0;
}

.gp-sidebar-card__img {
	display: block;
	width: 100%;
	height: auto;
}

.gp-sidebar-card__text {
	margin: 0;
	font-family: var(--at-font-body, inherit);
	font-size: var(--at-fs-body-sm, 0.875rem);
	line-height: 1.5;
	color: var(--at-body, #b0b0b0);
}

.gp-sidebar-card__btn {
	width: 100%;
	text-align: center;
}