/*=========================
	GEELY IMAGE COPY
=========================*/

/* ── Container ───────────────────────────────────────────────────────────── */
.block-geely-image-copy .container {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* ── Section header ──────────────────────────────────────────────────────── */
.block-geely-image-copy .top-title,
.block-geely-image-copy .section-title,
.block-geely-image-copy .section-copy {
	margin: 0;
	max-width: 50%;
}

/* ── Rows ────────────────────────────────────────────────────────────────── */
.block-geely-image-copy .rows {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* ── Row item: large image left + content right ──────────────────────────── */
.block-geely-image-copy .row-item {
	display: flex;
	flex-direction: row;
	gap: 40px;
	align-items: stretch;
}

/* Switch sides: content left, large image right */
.block-geely-image-copy .row-item.switch-sides {
	flex-direction: row-reverse;
}

/* ── Large image column (57.6%) ──────────────────────────────────────────── */
.block-geely-image-copy .col-image-large {
	flex: 0 0 57.6%;
	border-radius: 8px;
	overflow: hidden;
}

.block-geely-image-copy .col-image-large img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

/* ── Content column (42.4%) ──────────────────────────────────────────────── */
.block-geely-image-copy .col-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* ── Small image (4:3) ───────────────────────────────────────────────────── */
.block-geely-image-copy .image-small {
	border-radius: 8px;
	overflow: hidden;
}

.block-geely-image-copy .image-small img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* ── Row text ────────────────────────────────────────────────────────────── */
.block-geely-image-copy .row-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.block-geely-image-copy .row-title,
.block-geely-image-copy .row-copy {
	margin: 0;
}

/* ── Tablet (max-width: 991px) ───────────────────────────────────────────── */
@media only screen and (max-width: 991px) {
	.block-geely-image-copy .col-image-large {
		flex: 0 0 50%;
	}
}

/* ── Mobile (max-width: 768px) ───────────────────────────────────────────── */
@media only screen and (max-width: 768px) {
	.block-geely-image-copy .top-title,
	.block-geely-image-copy .section-title,
	.block-geely-image-copy .section-copy {
		max-width: 100%;
	}

	.block-geely-image-copy .row-item,
	.block-geely-image-copy .row-item.switch-sides {
		flex-direction: column;
	}

	.block-geely-image-copy .col-image-large {
		flex: none;
	}

	.block-geely-image-copy .col-image-large img {
		aspect-ratio: 4 / 3;
	}
}