/**
 * Products block — shared front-end + editor styles.
 */

.eretail-products {
	padding-block: var( --eretail-space-2xl, 96px );
	background: var( --eretail-color-bg-light, #f7f7f7 );
}

.eretail-products__heading {
	text-align: center;
	margin-bottom: var( --eretail-space-xl, 64px );
}

.eretail-products__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var( --eretail-space-lg, 40px );
}

.eretail-products__card {
	position: relative;
	background: var( --eretail-color-bg, #ffffff );
	border-radius: var( --eretail-radius-md, 8px );
	padding: var( --eretail-space-lg, 40px );
	min-height: 280px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.eretail-products__card-title {
	position: relative;
	z-index: 1;
	color: var( --eretail-color-primary, #e41e26 );
	margin-bottom: 0;
}

.eretail-products__card-image {
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 85%;
	width: auto;
	max-width: 60%;
	object-fit: contain;
}

.eretail-products__card-button {
	position: relative;
	z-index: 1;
	align-self: flex-start;
}

@media ( min-width: 782px ) {
	.eretail-products__grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}