.ssc-spotlight-cards-section {
	background: var(--spc-bg, #ffffff);
	padding: var(--spc-pad-top, 60px) 20px var(--spc-pad-bottom, 60px);
	overflow: hidden;
}
.ssc-spotlight-cards-section .spot-heading { text-align: center; margin-bottom: 48px; }
.ssc-spotlight-cards-section .spot-heading h2 {
	font-size: clamp(22px, 4vw, var(--spc-title-size, 44px));
	font-weight: 800;
	color: var(--spc-title-color, #111111);
	letter-spacing: -0.5px;
	line-height: 1.3;
	margin: 0;
}
.ssc-spotlight-cards-section .spot-heading h2 span { color: var(--spc-accent, #1d4ed8); }

.ssc-spotlight-cards-section .spot-carousel {
	position: relative;
	width: 100%;
	max-width: var(--spc-max-width, 1100px);
	margin: 0 auto;
	height: var(--spc-carousel-height, 480px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ssc-spotlight-cards-section .spot-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: var(--spc-arrow-size, 46px);
	height: var(--spc-arrow-size, 46px);
	border-radius: 50%;
	background: var(--spc-arrow-bg, #1d4ed8);
	color: var(--spc-arrow-color, #ffffff);
	border: none;
	font-size: var(--spc-arrow-font-size, 20px);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	box-shadow: 0 4px 16px rgba(0,0,0,0.15);
	transition: opacity 0.2s, transform 0.15s;
	flex-shrink: 0;
	text-decoration: none;
	line-height: 1;
}
.ssc-spotlight-cards-section .spot-arrow:hover { opacity: 0.85; transform: translateY(-50%) scale(1.08); }
.ssc-spotlight-cards-section .spot-arrow.left { left: 0; }
.ssc-spotlight-cards-section .spot-arrow.right { right: 0; }

.ssc-spotlight-cards-section .spot-track {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ssc-spotlight-cards-section .spot-item {
	position: absolute;
	width: var(--spc-card-width, 300px);
	transition: transform var(--spc-transition-speed, 550ms) cubic-bezier(0.4,0,0.2,1), opacity var(--spc-transition-speed, 550ms) ease;
	cursor: pointer;
	user-select: none;
}
.ssc-spotlight-cards-section .spot-item.pos-center { z-index: 3; opacity: 1; transform: translateX(0) scale(1); }
.ssc-spotlight-cards-section .spot-item.pos-left {
	z-index: 2;
	opacity: var(--spc-side-opacity, 0.72);
	transform: translateX(calc(var(--spc-side-offset, 220px) * -1)) scale(var(--spc-side-scale, 0.7));
}
.ssc-spotlight-cards-section .spot-item.pos-right {
	z-index: 2;
	opacity: var(--spc-side-opacity, 0.72);
	transform: translateX(var(--spc-side-offset, 220px)) scale(var(--spc-side-scale, 0.7));
}
.ssc-spotlight-cards-section .spot-item.pos-far-left {
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	transform: translateX(calc(var(--spc-far-offset, 385px) * -1)) scale(var(--spc-far-scale, 0.45));
}
.ssc-spotlight-cards-section .spot-item.pos-far-right {
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	transform: translateX(var(--spc-far-offset, 385px)) scale(var(--spc-far-scale, 0.45));
}

/* Glow sits behind the centre card */
.ssc-spotlight-cards-section .spot-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	transition: all var(--spc-transition-speed, 550ms) ease;
	opacity: 0;
}
.ssc-spotlight-cards-section .pos-center .spot-glow {
	width: var(--spc-glow-size, 340px);
	height: var(--spc-glow-size, 340px);
	background: radial-gradient(circle, var(--spc-glow-color, #93c5fd) 0%, transparent 75%);
	opacity: 1;
}
.ssc-spotlight-cards-section .pos-left .spot-glow,
.ssc-spotlight-cards-section .pos-right .spot-glow {
	width: var(--spc-glow-size-side, 187px);
	height: var(--spc-glow-size-side, 187px);
	background: radial-gradient(circle, var(--spc-glow-color, #93c5fd) 0%, transparent 75%);
	opacity: 0.5;
}

/* ── Card itself (visual style from the swipe-cards widget) ── */
.ssc-spotlight-cards-section .spot-card {
	position: relative;
	z-index: 1;
	border-radius: var(--spc-card-radius, 24px);
	overflow: hidden;
	background: var(--spc-card-bg, #ffffff);
	border: 1px solid var(--spc-card-border, #e2e8f0);
	box-shadow: 0 10px 40px rgba(0,0,0,0.12);
}
.ssc-spotlight-cards-section .pos-center .spot-card { box-shadow: 0 20px 60px rgba(0,0,0,0.18); }

.ssc-spotlight-cards-section .spot-card-img-wrap {
	width: 100%;
	height: var(--spc-img-height, 220px);
	background: var(--spc-img-fallback-bg, #dbeafe);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ssc-spotlight-cards-section .spot-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ssc-spotlight-cards-section .spot-card-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	background: var(--spc-accent, #1d4ed8);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	z-index: 2;
}
.ssc-spotlight-cards-section .spot-card-info { padding: var(--spc-card-padding, 20px); background: var(--spc-card-bg, #fff); }
.ssc-spotlight-cards-section .spot-card-title {
	font-weight: 700;
	font-size: var(--spc-card-title-size, 17px);
	color: var(--spc-card-title-color, #0f172a);
	line-height: 1.3;
}
.ssc-spotlight-cards-section .spot-card-subtitle { font-size: 12px; color: var(--spc-card-subtitle-color, #64748b); margin-top: 4px; }
.ssc-spotlight-cards-section .spot-stars { display: flex; align-items: center; gap: 5px; margin-top: 10px; }
.ssc-spotlight-cards-section .spot-stars .stars { color: var(--spc-star-color, #f59e0b); font-size: 13px; letter-spacing: -1px; }
.ssc-spotlight-cards-section .spot-stars .rating-num { font-weight: 700; font-size: 13px; color: var(--spc-card-title-color, #0f172a); }
.ssc-spotlight-cards-section .spot-card-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.ssc-spotlight-cards-section .spot-price { font-weight: 800; font-size: var(--spc-price-size, 20px); color: var(--spc-price-color, #0f172a); }
.ssc-spotlight-cards-section .spot-btn {
	background: var(--spc-btn-color, #1d4ed8);
	color: var(--spc-btn-text-color, #ffffff);
	border: none;
	padding: 10px 22px;
	border-radius: var(--spc-btn-radius, 12px);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: opacity 0.2s, transform 0.1s;
	letter-spacing: 0.3px;
	text-decoration: none;
	display: inline-block;
	pointer-events: none; /* whole card click re-centers it; see note below */
}
.ssc-spotlight-cards-section .pos-center .spot-btn { pointer-events: all; }
.ssc-spotlight-cards-section .spot-btn:hover { opacity: 0.85; transform: scale(1.03); }

.ssc-spotlight-cards-section .spot-dots { display: flex; gap: 7px; justify-content: center; margin-top: var(--spc-dots-gap, 40px); }
.ssc-spotlight-cards-section.spc-dots-hidden .spot-dots { display: none; }
.ssc-spotlight-cards-section .spot-dot {
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--spc-dot-inactive, #cbd5e1);
	transition: all 0.3s; cursor: pointer; border: none; padding: 0;
}
.ssc-spotlight-cards-section .spot-dot.active { background: var(--spc-accent, #1d4ed8); width: 22px; border-radius: 4px; }