/**
 * Demo 05 — Horizontal Card
 * Image left, content right. Works in 1 or 2 column grids.
 */
.jespw-demo-05-horizontal-card .jespw-card {
	flex-direction: row;
	align-items: stretch;
}
.jespw-demo-05-horizontal-card .jespw-image {
	width: 42%;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}
.jespw-demo-05-horizontal-card .jespw-content {
	flex: 1;
	padding: 18px;
	justify-content: center;
}
.jespw-demo-05-horizontal-card .jespw-buttons { flex-wrap: wrap; }
.jespw-demo-05-horizontal-card .jespw-grid { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 768px) {
	.jespw-demo-05-horizontal-card .jespw-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.jespw-demo-05-horizontal-card .jespw-card { flex-direction: column; }
	.jespw-demo-05-horizontal-card .jespw-image { width: 100%; }
}