/*=========================
	GEELY CARDS SLIDER
=========================*/

/* ── Block wrapper ────────────────────────────────────────────────────────── */
.block-geely-cards-slider {
	overflow: hidden;
}

/* ── Header ───────────────────────────────────────────────────────────────── */
.block-geely-cards-slider .block-header {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 40px;
}

.block-geely-cards-slider .block-title {
	margin: 0;
}

.block-geely-cards-slider .block-copy {
	margin: 0;
	max-width: 600px;
}

/* ── Swiper override — allow overflow peek ───────────────────────────────── */
.block-geely-cards-slider .swiper {
	overflow: visible;
}

/* ── Slide width ──────────────────────────────────────────────────────────── */
.block-geely-cards-slider .swiper-slide {
	width: 350px;
}

/* ── Card ─────────────────────────────────────────────────────────────────── */
.block-geely-cards-slider .card-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* ── Card image ───────────────────────────────────────────────────────────── */
.block-geely-cards-slider .card-image {
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	background-color: #f2f2f2;
	flex-shrink: 0;
}

.block-geely-cards-slider .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── Card text ────────────────────────────────────────────────────────────── */
.block-geely-cards-slider .card-title {
	margin: 0;
	font-family: var(--font-heading5-family);
	font-size: var(--font-heading5-size);
	font-weight: var(--font-heading5-weight);
}

.block-geely-cards-slider .card-copy {
	margin: 0;
}

/* ── Navigation ───────────────────────────────────────────────────────────── */
.block-geely-cards-slider .slider-nav {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 24px;
}

.block-geely-cards-slider .slider-nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	border-bottom: 1px solid currentColor;
	cursor: pointer;
	color: #999;
	padding: 12px 20px 16px;
	transition: opacity 0.2s ease;
}

.block-geely-cards-slider .slider-nav-btn:hover {
	opacity: 0.5;
}

/* ── Tablet (max-width: 991px) ────────────────────────────────────────────── */
@media only screen and (max-width: 991px) {
	.block-geely-cards-slider .block-copy {
		max-width: 100%;
	}
}

/* ── Mobile (max-width: 768px) ────────────────────────────────────────────── */
@media only screen and (max-width: 768px) {
	.block-geely-cards-slider .block-header {
		margin-bottom: 28px;
	}
}