.svai-summary {
	--svai-accent: #0b6e99;
	--svai-bg: #f4f8fb;
	--svai-border: #d6e4ee;
	--svai-text: #1f2a37;
	margin: 0 0 24px;
	border: 1px solid var(--svai-border);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	font-family: inherit;
}

.svai-summary .svai-summary__toggle {
	display: flex !important;
	align-items: center;
	justify-content: space-between !important;
	width: 100% !important;
	box-sizing: border-box;
	margin: 0;
	padding: 14px 18px;
	background: var(--svai-bg);
	border: 0;
	border-radius: 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: var(--svai-text);
	text-align: left !important;
	text-transform: none;
	line-height: 1.4;
	transition: background .15s ease;
}
.svai-summary .svai-summary__toggle:hover { background: #eaf2f8; }

.svai-summary .svai-summary__label { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; }
.svai-summary__icon { color: var(--svai-accent); flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.svai-summary.is-open .svai-summary__icon { animation: svaiTwinkle 1.2s ease; }
@keyframes svaiTwinkle {
	0% { transform: scale(.7) rotate(-12deg); opacity: .5; }
	60% { transform: scale(1.12) rotate(4deg); opacity: 1; }
	100% { transform: scale(1) rotate(0); }
}

.svai-summary .svai-summary__chevron {
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--svai-accent);
	border-bottom: 2px solid var(--svai-accent);
	transform: rotate(45deg);
	transition: transform .2s ease;
	flex: 0 0 auto;
	margin: 0 0 0 12px !important;
}
.svai-summary.is-open .svai-summary__chevron { transform: rotate(-135deg); }

.svai-summary__panel {
	padding: 16px 18px 12px;
	border-top: 1px solid var(--svai-border);
}
.svai-summary__panel[hidden] { display: none; }

/* --- Yükleme ("oluşuyor") durumu --- */
.svai-summary__loader { display: none; align-items: center; gap: 10px; padding: 6px 0 4px; }
.svai-summary.is-loading .svai-summary__loader { display: flex; }
.svai-summary.is-loading .svai-summary__reveal { display: none; }

.svai-summary__loader-label { font-size: 14px; color: var(--svai-accent); font-weight: 600; }
.svai-summary__dots { display: inline-flex; gap: 4px; }
.svai-summary__dots i {
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--svai-accent);
	display: inline-block;
	animation: svaiBlink 1s infinite ease-in-out both;
}
.svai-summary__dots i:nth-child(2) { animation-delay: .18s; }
.svai-summary__dots i:nth-child(3) { animation-delay: .36s; }
@keyframes svaiBlink { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }

/* --- İçerik ve perde (yukarıdan aşağı açılma) --- */
.svai-summary__reveal { display: block; }
.svai-summary__content { color: var(--svai-text); line-height: 1.65; }
.svai-summary__content p { margin: 0 0 10px; }
.svai-summary__content ul { margin: 0 0 6px; padding-left: 20px; }
.svai-summary__content li { margin: 0 0 6px; }

/* Perde: --svai-rv yüzdesi JS ile 0'dan ~106'ya animasyonlanır. */
.svai-summary__content.svai-clip {
	--svai-rv: 0%;
	-webkit-mask-image: linear-gradient(to bottom, #000 calc(var(--svai-rv) - 6%), transparent var(--svai-rv));
	mask-image: linear-gradient(to bottom, #000 calc(var(--svai-rv) - 6%), transparent var(--svai-rv));
}

.svai-summary__note {
	margin: 10px 0 0;
	font-size: 12px;
	color: #6b7280;
	font-style: italic;
	opacity: 0;
	transition: opacity .4s ease;
}
.svai-summary.is-done .svai-summary__note { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.svai-summary.is-open .svai-summary__icon,
	.svai-summary__dots i { animation: none; }
	.svai-summary__note { transition: none; }
}