/* Carbos Slider */
.carbos-slider {
	--cs-primary: var(--c-primary, #3A3086);
	--cs-highlight: var(--c-highlight, #F9E11B);
	--cs-line: var(--c-line, #E2E7ED);
	--cs-ink: var(--c-ink, #1D1940);
	--cs-muted: var(--c-muted, #5B6675);
	--cs-card-w: 18%;
	position: relative;
	margin: 2.5em 0;
	outline: none;
}
.carbos-slider-heading { text-align: center; margin: 0 0 1em; }
.cs-viewport { position: relative; overflow: hidden; padding: 8px 0; touch-action: pan-y; }
.cs-track { list-style: none; margin: 0; padding: 0; }
.cs-item { margin: 0; padding: 0; }

/* JS çalışmadan önce / çalışmazsa: düz yan yana liste */
.carbos-slider:not(.is-ready) .cs-track { display: flex; gap: 2%; justify-content: center; }
.carbos-slider:not(.is-ready) .cs-item { flex: 0 0 calc((100% - 8%) / var(--cs-visible, 5)); }
.carbos-slider:not(.is-ready) .cs-item:nth-child(n+6) { display: none; }

/* JS hazır: ortadan dizilen kartlar */
.carbos-slider.is-ready .cs-track { position: relative; }
.carbos-slider.is-ready .cs-item {
	position: absolute; left: 50%; top: 50%;
	width: var(--cs-card-w);
	transition: transform .55s cubic-bezier(.2, .7, .2, 1), opacity .55s ease;
	will-change: transform, opacity;
}
.carbos-slider.is-ready .cs-item.is-hidden { pointer-events: none; visibility: hidden; transition: transform .55s cubic-bezier(.2, .7, .2, 1), opacity .4s ease, visibility 0s linear .55s; }
.carbos-slider.is-ready .cs-item:not(.is-hidden) { visibility: visible; }

.cs-card {
	display: flex; flex-direction: column; height: 100%;
	background: #fff; border: 1px solid var(--cs-line); border-radius: 10px;
	overflow: hidden; color: inherit; text-decoration: none; cursor: pointer;
	box-shadow: 0 6px 18px -10px rgba(29, 25, 64, .25);
	transition: box-shadow .4s, border-color .4s;
}
.cs-item.is-center .cs-card {
	border-color: var(--cs-primary);
	box-shadow: 0 14px 28px -14px rgba(58, 48, 134, .45);
}
.cs-item.is-center .cs-card::after {
	content: ''; position: absolute; left: 18%; right: 18%; bottom: 0; height: 3px;
	background: var(--cs-highlight); border-radius: 3px 3px 0 0;
}
.cs-item.is-center .cs-card { position: relative; }

.cs-media { display: flex; align-items: center; justify-content: center; aspect-ratio: var(--cs-ratio, 3 / 2); background: #fff; overflow: hidden; }
.cs-media img { display: block; width: 100%; height: 100%; }
.fit-contain .cs-media { padding: 12% 14%; }
.fit-contain .cs-media img { object-fit: contain; }
.fit-cover .cs-media img { object-fit: cover; }

.cs-caption { display: block; padding: 10px 12px 14px; text-align: center; border-top: 1px solid var(--cs-line); }
.cs-title { display: block; font-weight: 600; font-size: 15px; line-height: 1.3; color: var(--cs-ink); }
.cs-text { display: block; margin-top: 3px; font-size: 13px; line-height: 1.4; color: var(--cs-muted); }

/* Kenardaki öğeleri gri göster */
.is-grayscale .cs-item:not(.is-center) .cs-media img { filter: grayscale(1); }
.is-grayscale .cs-media img { transition: filter .45s; }

.cs-card:focus-visible { outline: 2px solid var(--cs-primary); outline-offset: 3px; }

.cs-controls { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: -6px; }
.cs-prev, .cs-next {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0; border-radius: 50%;
	border: 1px solid var(--cs-line); background: #fff; color: var(--cs-primary); cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s;
}
.cs-prev:hover, .cs-next:hover { background: var(--cs-primary); border-color: var(--cs-primary); color: #fff; }
.cs-prev:focus-visible, .cs-next:focus-visible { outline: 2px solid var(--cs-primary); outline-offset: 3px; }
.cs-status { min-width: 56px; text-align: center; font-size: 14px; font-variant-numeric: tabular-nums; color: var(--cs-muted); }

.carbos-slider-empty { padding: 16px; border: 1px dashed #c3c4c7; color: #646970; text-align: center; }

@media (prefers-reduced-motion: reduce) {
	.carbos-slider.is-ready .cs-item { transition: none; }
}