/* ==============================================
   GW Stacking Cards – Stylesheet
   ============================================== */

/* Container */
.gw-stacking-container {
	position: relative;
	width: 100%;
	--sticky-top: 20px;
	--stack-step: 25px;
}

/* Card wrapper */
.sc-card-wrapper {
	position: sticky;
	width: 100%;
	display: flex;
	justify-content: center;
	top: var(--sticky-top);
	margin-bottom: 100px;
}

/* Card inner */
.sc-card-inner {
	width: 100%;
	max-width: 1200px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin-top: calc(var(--card-index) * var(--stack-step));
}

/* Content section */
.sc-card-content {
	padding-right: 30px;
	flex: 1;
}

.sc-card-title, .sc-card-content p {
	margin: 0 0 15px 0;
}

.sc-card-content p:last-child { 
	margin-bottom: 0; 
}

/* Image section */
.sc-card-image {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.sc-card-image img {
	width: 100%;
	display: block;
}

/* Mobile */
@media (max-width: 767px) {
	.sc-card-inner {
		flex-direction: column;
		padding: 30px !important;
		min-height: auto !important;
		margin-top: calc(var(--card-index) * (var(--stack-step) / 1.5));
	}

	.sc-card-image {
		order: 1;
		flex: 0 0 auto !important;
		width: 100%;
		margin-bottom: 20px;
	}

	.sc-card-content {
		order: 2;
		flex: 0 0 auto !important;
		padding-right: 0 !important;
		width: 100%;
		text-align: center;
	}

	.sc-card-image img {
		height: auto !important;
		max-height: 220px;
		object-fit: cover;
	}

	.sc-card-wrapper {
		margin-bottom: 50px;
	}
}