/**
 * Intro with Photos block — shared front-end + editor styles.
 */

.eretail-intro {
	padding-block: var( --eretail-space-2xl, 96px );
}

.eretail-intro__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: var( --eretail-space-xl, 64px );
	align-items: center;
}

.eretail-intro__content {
	max-width: 480px;
}

.eretail-intro__body {
	color: var( --eretail-color-text, #4a4a4a );
	margin-bottom: var( --eretail-space-lg, 40px );
}

.eretail-intro__media {
	display: flex;
	gap: var( --eretail-space-sm, 16px );
	overflow: hidden;
}

.eretail-intro__media-image {
	flex: 1 1 0;
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: var( --eretail-radius-md, 8px );
}

@media ( min-width: 1024px ) {
	.eretail-intro__inner {
		grid-template-columns: 1fr 1.2fr;
	}
}