/*
 * Evim Taksit — Frontend stilleri
 * -----------------------------------------------------------------------------
 * Kapsam: yalnızca `.evtk` altındaki `evtk-` önekli sınıflar. Global element
 * seçici yoktur; temaya (WoodMart) sızmaz. Renk/ölçüler --evtk-* değişkenleri;
 * Elementor Style kontrolleri {{WRAPPER}} .evtk-* seçicilerini ezer.
 */

/* ── Değişkenler + reset ──────────────────────────────────────────────────── */
.evtk,
.evtk *,
.evtk *::before,
.evtk *::after {
	box-sizing: border-box;
}

/* Tipografi ailesi eklentide hiçbir yerde sabitlenmez: her zaman temanın fontu
   kullanılır. Form kontrolleri (input/button/select/textarea) tarayıcı
   varsayılanını aldığı için onlara açıkça inherit veriyoruz. */
.evtk button,
.evtk input,
.evtk select,
.evtk textarea {
	font-family: inherit;
}

/* WoodMart butonlara capitalize/harf aralığı uygular; metinlerimiz yazıldığı
   gibi görünsün ("3 ay", "3 Ay" değil). */
.evtk button {
	text-transform: none;
	letter-spacing: normal;
}

.evtk {
	--evtk-bg: #ffffff;
	--evtk-fg: #111418;
	--evtk-muted: #5b6470;
	--evtk-faint: #8a929e;
	--evtk-border: #e3e6ea;
	--evtk-soft: #f4f5f7;
	--evtk-radius: 14px;
	--evtk-accent: #111418;
	--evtk-accent-fg: #ffffff;
	--evtk-primary: #1a56db;
	--evtk-error: #b3261e;
	--evtk-ok: #167c3a;
	--evtk-ok-bg: #eef8f1;
	--evtk-ok-border: #cfe8d7;

	display: flex;
	flex-direction: column;
	font-family: inherit;
	color: var(--evtk-fg);
	line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ÖN BAŞVURU — wireframe (form / loading / onaylı / uygun değil)
   ══════════════════════════════════════════════════════════════════════════ */
.evtk-apply {
	--evtk-bg: #ffffff;
	--evtk-fg: #0f172a;
	--evtk-muted: #64748b;
	--evtk-faint: #94a3b8;
	--evtk-border: #e5e7eb;
	--evtk-soft: #f8fafc;
	--evtk-accent: #0f172a;
	--evtk-accent-fg: #ffffff;
	--evtk-error: #e11d48;
	--evtk-ok: #059669;
	--evtk-ok-bg: #ecfdf5;
	--evtk-ok-border: #a7f3d0;
	--evtk-sky: #0284c7;
	--evtk-sky-bg: #f0f9ff;
	--evtk-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	color: var(--evtk-fg);
	line-height: 1.5;
}

.evtk-apply h3,
.evtk-apply p,
.evtk-apply ul,
.evtk-apply dl,
.evtk-apply dd,
.evtk-apply dt {
	margin: 0;
	padding: 0;
}

.evtk-apply__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px;
	background: var(--evtk-bg);
	border: 1px solid var(--evtk-border);
	border-radius: var(--evtk-radius);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -18px rgba(15, 23, 42, 0.25);
	overflow: hidden;
}

.evtk-apply__view {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.evtk-apply__view[hidden] {
	display: none;
}

.evtk-apply__head {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.evtk-apply__head-icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	display: grid;
	place-items: center;
	background: var(--evtk-ok-bg);
	color: var(--evtk-ok);
	border: 1px solid var(--evtk-ok-border);
}

.evtk .evtk-apply__icon,
.evtk .evtk-apply__head-icon .evtk-apply__icon,
.evtk .evtk-apply__head-icon svg {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: inherit;
	fill: none;
	stroke: currentColor;
	flex: none;
}

.evtk-apply__head-text {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.evtk-apply__title {
	margin: 0;
	font-size: 14.5px;
	font-weight: 650;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--evtk-fg);
}

.evtk-apply__intro {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--evtk-muted);
}

.evtk-apply__field {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.evtk-apply__label {
	margin: 0;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--evtk-fg);
}

.evtk-apply .evtk-apply__input {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 12px;
	font: inherit;
	font-size: 14px;
	letter-spacing: 0.14em;
	font-variant-numeric: tabular-nums;
	color: var(--evtk-fg);
	background: #fff;
	border: 1px solid var(--evtk-border);
	border-radius: 9px;
	box-shadow: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	line-height: 1.3;
	min-height: 0;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.evtk-apply .evtk-apply__input::placeholder {
	letter-spacing: normal;
	color: var(--evtk-faint);
	font-size: 13px;
	opacity: 1;
}

.evtk-apply .evtk-apply__input:focus {
	border-color: #cbd5e1;
	box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.18);
}

.evtk-apply .evtk-apply__input.is-err {
	border-color: var(--evtk-error);
	box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12);
}

.evtk-apply__error {
	display: none;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 11.5px;
	color: var(--evtk-error);
}

.evtk-apply__error[data-show],
.evtk-apply__error:not([hidden]) {
	display: flex;
}

.evtk-apply__error[hidden] {
	display: none;
}

.evtk-apply__error svg {
	width: 13px;
	height: 13px;
	flex: 0 0 auto;
}

.evtk-apply .evtk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	margin: 0;
	padding: 0 14px;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: var(--evtk-accent-fg);
	background: var(--evtk-accent);
	border: 0;
	border-radius: 9px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease, transform 0.05s ease;
}

.evtk-apply .evtk-btn svg {
	width: 15px;
	height: 15px;
	flex: none;
}

.evtk-apply .evtk-btn:hover {
	background: #1e293b;
	border-color: #1e293b;
	color: var(--evtk-accent-fg);
}

.evtk-apply .evtk-btn:active {
	transform: translateY(1px);
}

.evtk-apply .evtk-btn:disabled {
	opacity: 0.6;
	cursor: default;
}

.evtk-apply .evtk-btn--ghost {
	color: var(--evtk-fg);
	background: #fff;
	border: 1px solid var(--evtk-border);
}

.evtk-apply .evtk-btn--ghost:hover {
	background: var(--evtk-soft);
	color: var(--evtk-fg);
	border-color: var(--evtk-border);
}

/* Loading — ortalanmış rozet + adım listesi */
@keyframes evtk-spin {
	to { transform: rotate(360deg); }
}

.evtk-apply__loading {
	gap: 14px;
	padding: 4px 0 0;
}

.evtk-apply__load-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12px;
}

/* Başlık + alt metin arası ritmi sabitler (iki <p> aksi halde dibine yapışır). */
.evtk-apply__load-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.evtk-apply__load-badge {
	position: relative;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--evtk-ok-bg);
	border: 1px solid var(--evtk-ok-border);
	color: var(--evtk-ok);
}

.evtk .evtk-apply__load-icon,
.evtk .evtk-apply__load-badge svg:not(.evtk-apply__load-ring) {
	width: 22px;
	height: 22px;
	font-size: 22px;
	color: inherit;
	fill: none;
	stroke: currentColor;
}

.evtk-apply__load-ring {
	position: absolute;
	inset: -5px;
	border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: var(--evtk-ok);
	border-right-color: var(--evtk-ok);
	animation: evtk-spin 0.9s linear infinite;
}

.evtk-apply__load-title,
.evtk-loading__stage {
	margin: 0;
	font-size: 14px;
	font-weight: 650;
	line-height: 1.3;
	color: var(--evtk-fg);
}

.evtk-apply__load-sub {
	margin: 0;
	font-size: 11.5px;
	line-height: 1.45;
	color: var(--evtk-faint);
	max-width: 36ch;
}

/* Adımlar: sola dayalı liste, ortalanmış başlıkla dengelenmesi için çerçeveli
   panel içinde; satırlar eşit yükseklikte ve ince ayırıcılarla. */
.evtk .evtk-apply__steps {
	list-style: none;
	margin: 0;
	/* WoodMart `ul { padding:0 }` kuralını ezmek için .evtk ile özgülleştirildi. */
	padding: 0 12px;
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	background: var(--evtk-soft);
	border: 1px solid var(--evtk-border);
	border-radius: 10px;
}

.evtk-apply__step {
	display: flex;
	align-items: center;
	gap: 10px;
	/* WoodMart li'lere alt boşluk verir; satır ritmini bozmaması için sıfırlanır. */
	margin: 0;
	padding: 10px 0;
	font-size: 12.5px;
	line-height: 1.35;
	color: var(--evtk-faint);
	border-top: 1px solid var(--evtk-border);
	transition: color 0.3s ease;
}

.evtk-apply__step:first-child {
	border-top: 0;
}

.evtk-apply__step-ic {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	border: 1.5px solid var(--evtk-border);
	background: #fff;
	color: var(--evtk-faint);
}

.evtk-apply__step-ic svg {
	width: 11px;
	height: 11px;
}

.evtk-apply__step-ic .tick,
.evtk-apply__step-ic .spin {
	display: none;
}

.evtk-apply__step-ic .dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
}

.evtk-apply__step.is-active {
	color: var(--evtk-fg);
	font-weight: 550;
}

.evtk-apply__step.is-active .evtk-apply__step-ic {
	border-color: var(--evtk-accent);
	color: var(--evtk-accent);
}

.evtk-apply__step.is-active .evtk-apply__step-ic .dot { display: none; }
.evtk-apply__step.is-active .evtk-apply__step-ic .spin {
	display: block;
	animation: evtk-spin 0.85s linear infinite;
}

.evtk-apply__step.is-done { color: var(--evtk-fg); }
.evtk-apply__step.is-done .evtk-apply__step-ic {
	border-color: var(--evtk-ok);
	background: var(--evtk-ok);
	color: #fff;
}
.evtk-apply__step.is-done .evtk-apply__step-ic .dot { display: none; }
.evtk-apply__step.is-done .evtk-apply__step-ic .tick { display: block; }

.evtk-apply__progress {
	height: 4px;
	background: var(--evtk-soft);
	border-radius: 999px;
	overflow: hidden;
}

.evtk-apply__progress i {
	display: block;
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, var(--evtk-ok), #34d399);
	border-radius: 999px;
	transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Onay */
.evtk-apply__ok-head {
	display: flex;
	align-items: center;
	gap: 11px;
}

.evtk-apply__ok-badge {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--evtk-ok-bg);
	color: var(--evtk-ok);
	border: 1px solid var(--evtk-ok-border);
}

.evtk .evtk-apply__ok-icon,
.evtk .evtk-apply__ok-badge svg {
	width: 19px;
	height: 19px;
	font-size: 19px;
	color: inherit;
	fill: none;
	stroke: currentColor;
}

.evtk-apply__ok-title {
	margin: 0;
	font-size: 14.5px;
	font-weight: 650;
	color: var(--evtk-fg);
}

.evtk-apply__ok-sub {
	margin: 1px 0 0;
	font-size: 11.5px;
	color: var(--evtk-muted);
}

.evtk-apply__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	margin: 0;
	background: var(--evtk-border);
	border: 1px solid var(--evtk-border);
	border-radius: 10px;
	overflow: hidden;
}

.evtk-apply__cell {
	background: #fff;
	padding: 9px 11px;
}

.evtk-apply__cell--full {
	grid-column: 1 / -1;
}

.evtk-apply__cell dt {
	margin: 0;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--evtk-faint);
}

.evtk-apply__cell dd {
	margin: 2px 0 0;
	font-size: 13px;
	font-weight: 550;
	color: var(--evtk-fg);
}

.evtk-apply__cell dd.mono {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.06em;
}

.evtk-apply__note {
	display: flex;
	gap: 8px;
	font-size: 11.5px;
	line-height: 1.5;
	color: var(--evtk-muted);
	background: var(--evtk-sky-bg);
	border: 1px solid #bae6fd;
	border-radius: 9px;
	padding: 10px 11px;
}

.evtk-apply__note svg {
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
	color: var(--evtk-sky);
	margin-top: 1px;
}

.evtk-apply__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.evtk-apply .evtk-apply__link {
	align-self: center;
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	color: var(--evtk-muted);
	cursor: pointer;
	text-decoration: underline;
}

/* Uygun değil */
.evtk-apply__info-head {
	display: flex;
	align-items: center;
	gap: 11px;
}

.evtk-apply__info-badge {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #fff1f2;
	color: var(--evtk-error);
	border: 1px solid #fecdd3;
}

.evtk .evtk-apply__info-icon,
.evtk .evtk-apply__info-badge svg {
	width: 19px;
	height: 19px;
	font-size: 19px;
	color: inherit;
	fill: none;
	stroke: currentColor;
}

.evtk-apply__info-msg {
	margin: 0;
	font-size: 11.5px;
	color: var(--evtk-muted);
}

/* ═══════════════════════════════════════════════════════════════════════════
   TAKSİT SEÇENEKLERİ — vade çipleri + öne çıkan tutar + açılır karşılaştırma
   ══════════════════════════════════════════════════════════════════════════ */
.evtk-table {
	--evtk-fg: #0f172a;
	--evtk-muted: #64748b;
	--evtk-faint: #94a3b8;
	--evtk-border: #e5e7eb;
	--evtk-soft: #f8fafc;
	--evtk-line: #f1f5f9;
	--evtk-accent: #0f172a;
	--evtk-ok: #059669;
	--evtk-ok-bg: #ecfdf5;
	--evtk-ok-border: #a7f3d0;
	--evtk-amber: #b45309;
	--evtk-amber-bg: #fffbeb;
	--evtk-amber-border: #fde68a;
	--evtk-sky: #0284c7;
	--evtk-sky-bg: #f0f9ff;
	--evtk-radius: 12px;
	display: block;
	width: 100%;
	color: var(--evtk-fg);
	line-height: 1.5;
}

.evtk-table__inner {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	padding: 16px;
	background: var(--evtk-bg);
	border: 1px solid var(--evtk-border);
	border-radius: var(--evtk-radius);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.evtk-table__inner > p,
.evtk-table__inner > dl,
.evtk-table__inner > dl > div > dd {
	margin: 0;
}

/* ── Başlık satırı: sol başlık, sağ peşinat rozeti ────────────────────────── */
.evtk-table__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

.evtk-table__head {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.evtk .evtk-table__title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	font-size: 17px;
	flex: 0 0 auto;
	color: var(--evtk-muted);
}

.evtk .evtk-table__title-icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
}

.evtk-table__title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--evtk-fg);
}

.evtk-table__pesinat {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--evtk-soft);
	border: 1px solid var(--evtk-border);
	font-size: 12px;
	color: var(--evtk-muted);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.evtk-table__pesinat b {
	font-size: 12.5px;
	font-weight: 650;
	color: var(--evtk-fg);
}

.evtk-table__pesinat-pct {
	font-style: normal;
	font-size: 11.5px;
	color: var(--evtk-faint);
}

.evtk-table__badge {
	font-size: 10.5px;
	font-weight: 700;
	color: #fff;
	background: var(--evtk-accent);
	border-radius: 999px;
	padding: 2px 7px;
}

/* ── Vade seçici ──────────────────────────────────────────────────────────── */
.evtk-table__pick {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.evtk-table__pick-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--evtk-faint);
}

.evtk-table__chips {
	display: flex;
	gap: 6px;
	margin: -2px;
	padding-bottom: 2px;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.evtk-table__chips::-webkit-scrollbar {
	display: none;
}

.evtk .evtk-table__chip {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 2px;
	/* Tema butonlara min-height: 42px dayatıyor; çip yüksekliği sabitlenir. */
	height: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--evtk-border);
	background: #fff;
	color: var(--evtk-muted);
	font-size: 12.5px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.evtk .evtk-table__chip:hover {
	border-color: #cbd5e1;
	color: var(--evtk-fg);
	background: #fff;
}

.evtk-table__chip-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--evtk-ok);
	flex: 0 0 auto;
}

.evtk .evtk-table__chip[aria-checked="true"] {
	background: var(--evtk-accent);
	border-color: var(--evtk-accent);
	color: #fff;
}

.evtk-table__chip[aria-checked="true"] .evtk-table__chip-dot {
	background: #6ee7b7;
}

.evtk .evtk-table__chip:focus-visible {
	outline: 2px solid var(--evtk-sky);
	outline-offset: 2px;
}

/* ── Seçili plan: öne çıkan tutar + kırılım ───────────────────────────────── */
.evtk-table__hero {
	border: 1px solid var(--evtk-border);
	border-radius: 11px;
	background: var(--evtk-soft);
	overflow: hidden;
}

.evtk-table__hero-top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
}

.evtk-table__hero-label {
	margin: 0 0 2px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--evtk-faint);
}

.evtk-table__hero-amount {
	margin: 0;
	font-size: 26px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	color: var(--evtk-fg);
}

.evtk-table__hero-per {
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--evtk-muted);
}

.evtk-table__tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 600;
	white-space: nowrap;
}

.evtk-table__tag-ic {
	display: none;
	align-items: center;
}

.evtk-table__tag-ic svg {
	width: 12px;
	height: 12px;
	fill: none;
	stroke: currentColor;
}

.evtk-table__tag--free {
	background: var(--evtk-ok-bg);
	border: 1px solid var(--evtk-ok-border);
	color: #047857;
}

.evtk-table__tag--paid {
	background: var(--evtk-amber-bg);
	border: 1px solid var(--evtk-amber-border);
	color: var(--evtk-amber);
}

.evtk-table__tag--free .evtk-table__tag-ic--free,
.evtk-table__tag--paid .evtk-table__tag-ic--paid {
	display: inline-flex;
}

.evtk-table__cells {
	margin: 0;
	border-top: 1px solid var(--evtk-border);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.evtk-table__cell {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 9px 14px;
	border-left: 1px solid var(--evtk-border);
}

.evtk-table__cell:first-child {
	border-left: 0;
}

.evtk-table__cell dt {
	font-size: 11px;
	color: var(--evtk-faint);
}

.evtk-table__cell dd {
	margin: 0;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--evtk-fg);
	font-variant-numeric: tabular-nums;
}

.evtk-table__cell dd small {
	font-size: 11px;
	font-weight: 500;
	color: var(--evtk-faint);
}

/* ── Tüm planlar: açılır karşılaştırma ────────────────────────────────────── */
.evtk-table__all {
	border: 1px solid var(--evtk-border);
	border-radius: 11px;
	overflow: hidden;
}

.evtk-table__all-sum {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 13px;
	background: #fff;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--evtk-fg);
	cursor: pointer;
}

.evtk-table__all-sum::-webkit-details-marker {
	display: none;
}

.evtk-table__all-sum:hover {
	background: var(--evtk-soft);
}

.evtk-table__all-sum > svg {
	width: 15px;
	height: 15px;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	color: var(--evtk-muted);
}

.evtk-table__count {
	margin-left: auto;
	font-size: 11.5px;
	font-weight: 500;
	color: var(--evtk-faint);
}

.evtk-table__chev {
	transition: transform 0.2s ease;
}

.evtk-table__all[open] > .evtk-table__all-sum {
	border-bottom: 1px solid var(--evtk-border);
}

.evtk-table__all[open] .evtk-table__chev {
	transform: rotate(180deg);
}

.evtk-table__scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.evtk-table__grid {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 12.5px;
	font-variant-numeric: tabular-nums;
}

.evtk-table__grid th,
.evtk-table__grid td {
	padding: 9px 13px;
	text-align: right;
	border-bottom: 1px solid var(--evtk-line);
	white-space: nowrap;
}

.evtk-table__grid th:first-child,
.evtk-table__grid td:first-child {
	text-align: left;
}

.evtk-table__grid thead th {
	background: var(--evtk-soft);
	color: var(--evtk-muted);
	font-size: 11px;
	font-weight: 600;
}

.evtk-table__grid tbody tr:last-child td {
	border-bottom: 0;
}

.evtk-table__grid tbody tr {
	cursor: pointer;
	transition: background-color 0.12s ease;
}

.evtk-table__grid tbody tr:hover {
	background: rgba(248, 250, 252, 0.8);
}

.evtk-table__grid tbody tr.is-sel {
	background: var(--evtk-sky-bg);
}

.evtk-table__grid tbody tr.is-sel td:first-child {
	box-shadow: inset 2px 0 0 var(--evtk-sky);
}

.evtk-table__months {
	font-weight: 600;
	color: var(--evtk-fg);
}

.evtk-table__monthly {
	font-weight: 650;
	color: var(--evtk-fg);
}

.evtk-table__free {
	color: var(--evtk-faint);
}

.evtk-table__pct {
	font-size: 11.5px;
	color: var(--evtk-faint);
}

/* ── Notlar ───────────────────────────────────────────────────────────────── */
.evtk-table__foot {
	margin: 0;
	font-size: 11px;
	line-height: 1.5;
	color: var(--evtk-faint);
}

.evtk-table__note {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 9px 12px;
	background: var(--evtk-ok-bg);
	border: 1px solid var(--evtk-ok-border);
	border-radius: 10px;
	font-size: 12px;
	line-height: 1.45;
	color: #065f46;
}

.evtk-table__note[hidden] {
	display: none;
}

.evtk .evtk-table__note-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	font-size: 15px;
	margin-top: 1px;
	flex: 0 0 auto;
	color: var(--evtk-ok);
}

.evtk .evtk-table__note-icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
}

/* ── Mobil ────────────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
	.evtk-table__inner {
		padding: 13px;
	}

	.evtk-table__bar {
		align-items: flex-start;
	}

	.evtk-table__hero-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.evtk-table__hero-amount {
		font-size: 24px;
	}

	/* Kırılım: 3 kolon yerine etiket/değer satırları — taşma olmaz. */
	.evtk-table__cells {
		grid-template-columns: 1fr;
	}

	.evtk-table__cell {
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		border-left: 0;
		border-top: 1px solid var(--evtk-border);
	}

	.evtk-table__cell:first-child {
		border-top: 0;
	}

	/* Vade farkı seçili planın kırılımında zaten var; mobilde bu sütunu
	   gizleyerek tablo yatay kaydırma olmadan sığar. */
	.evtk-table__grid th:nth-child(3),
	.evtk-table__grid td:nth-child(3) {
		display: none;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   ÖDEME AKIŞI — stepper, yöntem kartları, sözleşme, peşinat/dekont
   Semantik renkler: emerald (peşin/onay), accent (taksit), amber (uyarı), rose
   ══════════════════════════════════════════════════════════════════════════ */
.evtk-flow {
	--evtk-emerald: #047857;
	--evtk-emerald-bg: #ecfdf5;
	--evtk-emerald-bd: #a7f3d0;
	--evtk-sky: #0369a1;
	--evtk-sky-bg: #f0f9ff;
	--evtk-amber: #b45309;
	--evtk-amber-bg: #fffbeb;
	--evtk-amber-bd: #fde68a;
	--evtk-rose: #be123c;
	--evtk-orange: #c2410c;
	--evtk-orange-bg: #fff7ed;
	--evtk-orange-bd: #fed7aa;
	gap: 18px;
	max-width: 760px;
	margin: 0 auto;
	width: 100%;
}

/* Stepper */
.evtk-stepper {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 6px;
	counter-reset: none;
}
.evtk-step {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.82rem;
	color: var(--evtk-faint);
	min-width: 0;
}
.evtk-step__n {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	font-size: 0.78rem;
	font-weight: 700;
	background: var(--evtk-soft);
	color: var(--evtk-faint);
	border: 1px solid var(--evtk-border);
}
.evtk-step__label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.evtk-step.is-done .evtk-step__n {
	background: var(--evtk-emerald-bg);
	color: var(--evtk-emerald);
	border-color: var(--evtk-emerald-bd);
}
.evtk-step.is-active .evtk-step__n {
	background: var(--evtk-orange);
	color: #fff;
	border-color: var(--evtk-orange);
}
.evtk-step.is-active .evtk-step__label {
	color: var(--evtk-fg);
	font-weight: 700;
}

/* Kart */
.evtk-card {
	background: var(--evtk-bg);
	border: 1px solid var(--evtk-border);
	border-radius: var(--evtk-radius);
	padding: 22px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

/* Sözleşme başlığı */
.evtk-contract__title,
.evtk-pay__title {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}
.evtk-contract__sub {
	margin: 6px 0 0;
	font-size: 0.88rem;
	color: var(--evtk-muted);
}
.evtk-contract__lead,
.evtk-pay__lead {
	margin: 8px 0 0;
	font-size: 0.85rem;
	color: var(--evtk-muted);
}

/* Uyarı kutusu (amber) */
.evtk-notice {
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 0.85rem;
	line-height: 1.55;
}
.evtk-notice--amber {
	background: var(--evtk-amber-bg);
	border: 1px solid var(--evtk-amber-bd);
	color: #92400e;
}
.evtk-notice strong { color: #78350f; }
.evtk-notice p { margin: 6px 0; }
.evtk-notice__hint { font-size: 0.78rem; opacity: 0.85; }

/* Geri sayım */
.evtk-countdown {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	margin-top: 8px;
}
.evtk-countdown__label { font-size: 0.8rem; color: var(--evtk-muted); }
.evtk-countdown__time {
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	font-size: 1.25rem;
	color: var(--evtk-amber);
	letter-spacing: 0.02em;
}
.evtk-countdown__time.is-expired { color: var(--evtk-rose); font-size: 1rem; }

/* Sözleşme belge çerçevesi */
.evtk-contract__doc {
	border: 1px solid var(--evtk-border);
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}
.evtk-contract__frame {
	width: 100%;
	height: 420px;
	border: 0;
	display: block;
}

/* Alanlar */
.evtk-field { display: flex; flex-direction: column; gap: 6px; }
.evtk-field__label { font-size: 0.82rem; font-weight: 700; color: var(--evtk-fg); }
.evtk-field__hint { font-size: 0.76rem; color: var(--evtk-emerald); }
.evtk-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--evtk-border);
	border-radius: 10px;
	font: inherit;
	color: var(--evtk-fg);
	background: #fff;
}
.evtk-input:focus { outline: 2px solid var(--evtk-orange-bd); border-color: var(--evtk-orange); }
.evtk-locked { background: var(--evtk-soft); color: var(--evtk-muted); cursor: not-allowed; }

/* İmza pad */
.evtk-sign { display: flex; flex-direction: column; gap: 6px; }
.evtk-sign__head { display: flex; align-items: center; justify-content: space-between; }
.evtk-sign__pad {
	width: 100%;
	height: 180px;
	border: 1.5px dashed var(--evtk-border);
	border-radius: 12px;
	background: #fff;
	touch-action: none;
	cursor: crosshair;
}

/* Onay kutuları */
.evtk-check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 0.83rem;
	color: var(--evtk-muted);
	line-height: 1.45;
}
.evtk-check input { margin-top: 3px; flex: 0 0 auto; }

/* Butonlar */
.evtk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 10px;
	font: inherit;
	font-weight: 700;
	border: 1px solid transparent;
	cursor: pointer;
	transition: filter 0.15s ease, opacity 0.15s ease;
	text-decoration: none;
}
.evtk-btn--primary { background: var(--evtk-orange); color: #fff; }
.evtk-btn--primary:hover { filter: brightness(1.06); }
.evtk-btn--lg { padding: 14px 20px; font-size: 1rem; }
.evtk-btn:disabled { opacity: 0.55; cursor: not-allowed; }

.evtk-link {
	background: none;
	border: 0;
	padding: 0;
	color: var(--evtk-orange);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	text-decoration: underline;
}
.evtk-link--muted { color: var(--evtk-muted); margin-left: 12px; }

.evtk-trust { font-size: 0.78rem; color: var(--evtk-muted); text-align: center; margin: 0; }
.evtk-trust__i { color: var(--evtk-emerald); font-weight: 800; }

/* IBAN paneli */
.evtk-iban {
	border: 1px solid var(--evtk-border);
	border-radius: 12px;
	overflow: hidden;
}
.evtk-iban__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	background: var(--evtk-emerald-bg);
	border-bottom: 1px solid var(--evtk-emerald-bd);
}
.evtk-iban__title { font-size: 0.85rem; font-weight: 700; color: #065f46; }
.evtk-iban__amount { font-size: 1.2rem; font-weight: 800; color: #065f46; }
.evtk-iban__rows { margin: 0; padding: 6px 16px 12px; }
.evtk-iban__row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px dashed var(--evtk-border);
}
.evtk-iban__row:last-child { border-bottom: 0; }
.evtk-iban__row dt { margin: 0; font-size: 0.8rem; color: var(--evtk-muted); }
.evtk-iban__row dd { margin: 0; font-size: 0.9rem; font-weight: 600; text-align: right; }
.evtk-iban__code { font-variant-numeric: tabular-nums; letter-spacing: 0.06em; }
.evtk-iban__pending { padding: 12px 16px; margin: 0; font-size: 0.83rem; color: var(--evtk-muted); }

/* Dekont dropzone */
.evtk-dekont { display: flex; flex-direction: column; gap: 10px; }
.evtk-dekont__title { margin: 0; font-size: 1rem; font-weight: 800; }
.evtk-dekont__lead { margin: 0; font-size: 0.83rem; color: var(--evtk-muted); }
.evtk-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 26px 18px;
	border: 1.5px dashed var(--evtk-border);
	border-radius: 12px;
	background: var(--evtk-soft);
	cursor: pointer;
	text-align: center;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.evtk-dropzone:hover,
.evtk-dropzone.is-drag { border-color: var(--evtk-orange); background: var(--evtk-orange-bg); }
.evtk-dropzone__icon { font-size: 1.4rem; color: var(--evtk-orange); }
.evtk-dropzone__text { font-size: 0.83rem; color: var(--evtk-muted); }
.evtk-dropzone input[type="file"] { display: none; }
.evtk-dekont.has-file .evtk-dropzone { border-color: var(--evtk-emerald); background: var(--evtk-emerald-bg); }

/* Güven listesi */
.evtk-trustlist {
	list-style: none;
	margin: 0;
	padding: 12px 0 0;
	border-top: 1px solid var(--evtk-border);
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 0.82rem;
	color: var(--evtk-muted);
}

/* Rozetler */
.evtk-badge {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.76rem;
	font-weight: 700;
	border: 1px solid transparent;
}
.evtk-badge--emerald { background: var(--evtk-emerald-bg); color: var(--evtk-emerald); border-color: var(--evtk-emerald-bd); }
.evtk-badge--accent { background: var(--evtk-orange-bg); color: var(--evtk-orange); border-color: var(--evtk-orange-bd); }

/* Alert tonları (akış) */
.evtk-flow .evtk-alert,
.evtk-method .evtk-alert { border-radius: 10px; padding: 10px 12px; font-size: 0.83rem; }
.evtk-alert--ok { background: var(--evtk-emerald-bg); color: var(--evtk-emerald); border: 1px solid var(--evtk-emerald-bd); }
.evtk-alert--err { background: #fff1f2; color: var(--evtk-rose); border: 1px solid #fecdd3; }
.evtk-alert--info { background: var(--evtk-sky-bg); color: var(--evtk-sky); border: 1px solid #bae6fd; }

/* ── Checkout: ödeme yöntemi içerikleri ─────────────────────────────────── */
.evtk-method { --evtk-orange: #c2410c; display: flex; flex-direction: column; gap: 12px; padding-top: 6px; }
.evtk-method__amount { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.evtk-method__old { text-decoration: line-through; color: var(--evtk-faint); font-size: 0.9rem; }
.evtk-method__new { font-size: 1.15rem; font-weight: 800; color: #065f46; }
.evtk-method__note { font-size: 0.8rem; color: var(--evtk-muted); margin: 0; }

/* Checkout plan tablosu */
.evtk-plan__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.evtk-plan__title { font-weight: 800; font-size: 0.95rem; }
.evtk-plan__list { display: flex; flex-direction: column; gap: 8px; }
.evtk-plan__row {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid var(--evtk-border);
	border-radius: 10px;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.evtk-plan__row:has(input:checked) { border-color: var(--evtk-orange); background: var(--evtk-orange-bg); }
.evtk-plan__row input { accent-color: var(--evtk-orange); }
.evtk-plan__months { font-weight: 700; font-size: 0.88rem; }
.evtk-plan__monthly { display: flex; flex-direction: column; line-height: 1.1; }
.evtk-plan__monthly b { font-size: 0.95rem; }
.evtk-plan__monthly small { font-size: 0.7rem; color: var(--evtk-faint); }
.evtk-plan__vf { font-size: 0.75rem; font-weight: 600; }
.evtk-plan__vf.is-novf { color: var(--evtk-emerald); }
.evtk-plan__vf.is-vf { color: var(--evtk-amber); }
.evtk-plan__total { font-size: 0.85rem; font-weight: 700; text-align: right; }
.evtk-plan__due { margin-top: 6px; }
.evtk-plan__due-label { font-size: 0.82rem; font-weight: 700; display: block; margin-bottom: 6px; }
.evtk-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.evtk-pill { position: relative; }
.evtk-pill input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.evtk-pill span {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--evtk-border);
	border-radius: 999px;
	font-size: 0.78rem;
	cursor: pointer;
	transition: all 0.15s ease;
}
.evtk-pill input:checked + span { background: var(--evtk-orange); color: #fff; border-color: var(--evtk-orange); }

/* Checkout kimlik rozetleri */
.evtk-co-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.evtk-cobadge { display: inline-flex; padding: 2px 9px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; }
.evtk-cobadge--sky { background: #f0f9ff; color: #0369a1; }
.evtk-cobadge--emerald { background: #ecfdf5; color: #047857; }
.evtk-co-verified { margin: 0 0 10px; }
.evtk-consents { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; }

/* Ödeme yöntemi kartları (li) */
.evtk-pm { border-radius: 10px; }
.evtk-pm--cash > label { color: #065f46; }

/* Mobil */
@media (max-width: 560px) {
	.evtk-step__label { display: none; }
	.evtk-plan__row { grid-template-columns: auto 1fr auto; }
	.evtk-plan__total { display: none; }
	.evtk-contract__frame { height: 320px; }
}