/* Stacked Depth Carousel Styles */
.sdc-91fa5175-wrapper {
	--sdc-gap: 80px;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 800px;
	overflow: hidden;
	padding: 100px 0;
	outline: none;
}

.sdc-91fa5175-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sdc-91fa5175-card {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	border-radius: 125px;
	overflow: visible;
	box-shadow: 0 20px 40px rgba(0,0,0,0.2);
	transition-property: transform, opacity, filter, top, left, z-index;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform, opacity, filter, top, left;
}

/* Pseudo-element for border so it doesn't affect the inner layout/image */
.sdc-91fa5175-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: inherit;
	border: 0px solid transparent;
	pointer-events: none;
	transition: border-color 0.3s ease;
	z-index: 10;
}

.sdc-91fa5175-card-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    border-radius: inherit;
    overflow: hidden;
}

.sdc-91fa5175-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: background 0.3s ease;
}

/* Tooltip Styles */
.sdc-91fa5175-tooltip-wrapper {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translate(-50%, 0);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	z-index: 100;
	pointer-events: none;
}

.sdc-91fa5175-tooltip {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-weight: 600;
	text-decoration: none;
	pointer-events: auto;
}

.sdc-91fa5175-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
}

/* Active State */
.sdc-91fa5175-card.is-active {
	z-index: 10;
	cursor: default;
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	filter: blur(0px) brightness(1);
}

.sdc-91fa5175-card.is-active .sdc-91fa5175-card-overlay {
	background: rgba(0,0,0,0);
}

.sdc-91fa5175-card.is-active .sdc-91fa5175-tooltip-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -10px);
}

/* Hover effects for non-active cards */
.sdc-91fa5175-card:not(.is-active):hover {
	filter: brightness(1.1) blur(1px) !important;
	transform: translate(-50%, -50%) scale(0.92) !important;
}