/* EOK landing — tema token'ları (:root --eok-*) üzerine kurulu. */
/* === Sayfa zemini: beyaz kartlar öne çıksın diye hafif ton === */
body { background: var(--eok-paper-sunk); }
/* --- Hero --- */
.eok-hero {
	padding-block: 0 var(--eok-sp-6);
}

.eok-hero h1 {
	max-width: 20ch;
}

.eok-hero__year {
	color: var(--eok-ink-faint);
	font-weight: 700;
}

.eok-hero__intro {
	margin-top: var(--eok-sp-4);
	font-size: var(--eok-fs-500);
	color: var(--eok-ink-soft);
	max-width: var(--eok-measure);
}

.eok-hero__intro p { margin: 0; }

@media (max-width: 640px) {
	.eok-hero { padding-block: 0 var(--eok-sp-5); }
	.eok-hero__intro { font-size: var(--eok-fs-400); }
}

.eok-hero__intro > *:last-child { margin-bottom: 0; }

/* --- Bölüm --- */
.eok-section {
	padding-block: var(--eok-sp-5) var(--eok-sp-7);
}

.eok-section__title {
	margin-bottom: var(--eok-sp-6);
}

.eok-section__empty {
	color: var(--eok-ink-faint);
	font-size: var(--eok-fs-500);
	padding-block: var(--eok-sp-6);
}

/* --- Kart ızgarası --- */
/* ===== KART GRID: mobil 2 sütun, desktop 3 sütun ===== */
.eok-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--eok-sp-4);
}
@media (min-width: 720px) {
	.eok-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--eok-sp-5); }
}

/* ===== KART ===== */
.eok-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(16, 16, 16, .05);
	transition: box-shadow .15s ease, border-color .15s ease;
}
.eok-card:hover { border-color: var(--eok-tick); box-shadow: 0 3px 14px rgba(16, 16, 16, .06); }

.eok-card__media { position: relative; aspect-ratio: 1 / 1; background: #fff; display: grid; place-items: center; }
.eok-card__media img { width: 100%; height: 100%; object-fit: contain; }
.eok-card__noimg { width: 40px; height: 40px; border: 2px solid var(--eok-tick); border-radius: 50%; opacity: .5; }

.eok-card__body { display: flex; flex-direction: column; flex: 1; padding: var(--eok-sp-3) var(--eok-sp-4) var(--eok-sp-4); }

.eok-card__title {
	font-size: var(--eok-fs-400);
	line-height: 1.28;
	font-weight: 700;
	color: var(--eok-ink);
	margin: 0 0 var(--eok-sp-3);
	overflow-wrap: anywhere;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.56em;
}

/* ===== ÖLÇÜLER — temiz 2 sütun grid (hizalı, çizgisiz) ===== */
.eok-specs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 16px;
	margin: 0 0 var(--eok-sp-3);
	border: 0;
	padding: var(--eok-sp-3) 0;
	border-top: 1px solid var(--eok-rule);
	border-bottom: 1px solid var(--eok-rule);
}
.eok-specs__item { display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 0; border: 0; }
.eok-specs dt {
	font-family: var(--eok-font-display);
	font-size: .625rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
	color: var(--eok-ink-faint); margin: 0;
}
.eok-specs dd {
	margin: 0; font-family: var(--eok-font-display);
	font-size: var(--eok-fs-400); font-weight: 700; color: var(--eok-ink);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ===== ÖZELLİK ÇİPLERİ (en fazla 3 + sayaç) ===== */
.eok-feats { list-style: none; margin: var(--eok-sp-3) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.eok-feats li {
	font-family: var(--eok-font-display); font-size: .6875rem; font-weight: 600;
	color: var(--eok-steel); background: var(--eok-paper-sunk);
	border-radius: 4px; padding: 3px 8px; white-space: nowrap;
}
.eok-feats__more { color: var(--eok-ink-faint); background: transparent; }

/* ===== ALT: APT fiyat bloğu + satıcı butonları ===== */
.eok-card__foot { margin-top: auto; padding-top: var(--eok-sp-3); }

/* APT fiyat bloğu (fiyat + sparkline + "Fiyat geçmişi" → modal) buraya gömülür.
   Kendi çerçevesini/turuncusunu Faz 5'teki apt-eok/eok-theme.css nötrler;
   burada yalnızca kart içindeki konum/boşluğu hizalarız. */
.eok-card__apt { margin: 0 0 var(--eok-sp-3); min-width: 0; }
.eok-card__apt > * { max-width: 100%; }

/* Fiyat henüz gelmediğinde (yeni ASIN / API'siz satıcı) */
.eok-card__pending { margin: 0 0 var(--eok-sp-3); }
.eok-price--pending .eok-price__val {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-400); font-weight: 700; color: var(--eok-ink-faint);
}

/* Satıcı butonları — HEPSİ eşit yeşil, eşit genişlik (Amazon/Pazarama/GGT) */
.eok-card__links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--eok-sp-3); }
.eok-mp-link {
	flex: 1 1 calc(50% - 3px);
	min-width: 0;
	text-align: center;
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	background: var(--eok-green);
	padding: 10px 8px;
	border-radius: var(--eok-radius-ctl);
	transition: filter .15s ease;
}
.eok-mp-link:hover { filter: brightness(1.07); }
/* Karşılaştırma tablosundaki satıcı butonları biraz daha küçük */
.eok-cmp-table .eok-mp-link { padding: 7px 8px; font-size: var(--eok-fs-200); }
/* Üç satıcı varsa üçü de tek sıra sığmazsa alt satıra taşar; ikisi yan yana kalır */
.eok-card__links--3 .eok-mp-link { flex: 1 1 calc(33.333% - 4px); }

@media (max-width: 520px) {
	.eok-card__body { padding: var(--eok-sp-3); }
	.eok-card__title { font-size: var(--eok-fs-300); }
	.eok-mp-link { flex: 1 1 100%; } /* dar telefonda alt alta, tam genişlik */
}

/* ===========================================================
   SİHİRBAZ — hairline yuvarlak panel (cetvel/tek-yanlı kenar kaldırıldı)
   =========================================================== */
.eok-wizard {
	background: #fff;
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
	margin-block: var(--eok-sp-6);
}
.eok-wizard__inner {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--eok-sp-4) var(--eok-sp-6);
	align-items: center;
	padding: var(--eok-sp-5);
}
.eok-wizard__head { grid-column: 1 / -1; }
.eok-wizard__head p { margin: var(--eok-sp-1) 0 0; color: var(--eok-ink-soft); font-size: var(--eok-fs-400); }
.eok-eyebrow--fit { color: var(--eok-fit); }

.eok-wizard__controls {
	display: flex;
	flex-wrap: wrap;
	gap: var(--eok-sp-5);
}
.eok-seg__label {
	display: block;
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-200);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--eok-ink-faint);
	margin-bottom: var(--eok-sp-2);
}
.eok-seg__opts { display: flex; flex-wrap: wrap; gap: 6px; }
.eok-seg__btn {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 600;
	color: var(--eok-ink-soft);
	background: #fff;
	border: 1px solid var(--eok-tick);
	border-radius: var(--eok-radius-pill);
	padding: 8px 16px;
	cursor: pointer;
	transition: border-color .12s, background .12s, color .12s;
}
.eok-seg__btn:hover { border-color: var(--eok-green); color: var(--eok-green); }
.eok-seg__btn.is-active {
	background: var(--eok-ink);
	border-color: var(--eok-ink);
	color: #fff;
}
.eok-wizard__go {
	justify-self: end;
	align-self: end;
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-400);
	font-weight: 700;
	color: #fff;
	background: var(--eok-green);
	border: none;
	border-radius: var(--eok-radius-ctl);
	padding: 12px 22px;
	cursor: pointer;
	transition: filter .12s;
}
.eok-wizard__go:hover { filter: brightness(1.06); }

/* ===========================================================
   TOOLBAR
   =========================================================== */
.eok-toolbar {
	display: flex;
	align-items: center;
	gap: var(--eok-sp-4);
	margin-bottom: var(--eok-sp-4);
}
.eok-toolbar__titles { display: flex; flex-direction: column; gap: 2px; }
.eok-toolbar__title { margin: 0; }
.eok-toolbar__subtitle {
	margin: 0;
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-400);
	font-weight: 600;
	color: var(--eok-steel);
	letter-spacing: 0;
}
.eok-toolbar__count { margin-top: 2px; color: var(--eok-ink-faint); font-family: var(--eok-font-display); font-size: var(--eok-fs-300); }

/* Model arama kutusu */
.eok-search { position: relative; margin-left: auto; display: inline-flex; align-items: center; min-width: 0; }
.eok-search__icon { position: absolute; left: 12px; color: var(--eok-ink-faint); pointer-events: none; }
.eok-search__input {
	width: 240px; max-width: 100%;
	padding: 9px 12px 9px 34px;
	font-family: var(--eok-font-display); font-size: var(--eok-fs-300);
	color: var(--eok-ink); background: #fff;
	border: 1px solid var(--eok-tick); border-radius: var(--eok-radius-ctl);
}
.eok-search__input::placeholder { color: var(--eok-ink-faint); }
.eok-search__input:focus { outline: 2px solid var(--eok-fit); outline-offset: 1px; }

.eok-sort { display: inline-flex; align-items: center; gap: 8px; font-family: var(--eok-font-display); font-size: var(--eok-fs-300); color: var(--eok-ink-faint); }
.eok-sort select {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 600;
	color: var(--eok-ink);
	background: #fff;
	border: 1px solid var(--eok-tick);
	border-radius: var(--eok-radius-ctl);
	padding: 8px 12px;
}

/* Toolbar telefon: başlık üstte; sıralama + filtre toggle tek satır */
@media (max-width: 900px) {
	/* Filtre toggle'ı toolbar hizasına al (JS .eok-shell içine koyuyor;
	   görsel olarak sıralamayla aynı satırda dursun diye toolbar altına çekiyoruz) */
	.eok-shell.is-collapsible { position: relative; }
}
@media (max-width: 900px) {
	/* Masaüstünde ray görünür; toolbar toggle yalnız mobilde. */
	.eok-toolbar .eok-filter-toggle { display: none; }
}
@media (max-width: 640px) {
	.eok-toolbar {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"titles titles"
			"search search"
			"sort   filter";
		align-items: center;
		gap: var(--eok-sp-2) var(--eok-sp-3);
	}
	.eok-toolbar__titles { grid-area: titles; }
	.eok-search { grid-area: search; margin-left: 0; }
	.eok-search__input { width: 100%; }

	/* Sıralama: etiket + select tek satır, kırılmaz, içeriğe göre daralır */
	.eok-sort {
		grid-area: sort; margin-left: 0;
		display: inline-flex; align-items: center; gap: 8px;
		min-width: 0;
	}
	.eok-sort > span { white-space: nowrap; flex: 0 0 auto; }
	.eok-sort select {
		min-width: 0; width: auto; max-width: 100%;
		padding: 9px 28px 9px 10px;
	}

	/* Filtre butonu: içeriğe göre, sağda, sort ile aynı yükseklik */
	.eok-toolbar .eok-filter-toggle {
		display: inline-flex; grid-area: filter;
		align-items: center; justify-content: center; gap: 7px;
		margin: 0; width: auto; white-space: nowrap;
		border: 1px solid var(--eok-tick); border-radius: var(--eok-radius-ctl);
		padding: 9px 16px; height: 100%;
	}
	.eok-toolbar .eok-filter-toggle svg { color: var(--eok-green); flex: 0 0 auto; }

	.eok-shell.is-collapsible > .eok-filter-toggle { display: none; }
}
/* ===========================================================
   RAY + GRID KABUĞU
   =========================================================== */
.eok-shell {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: var(--eok-sp-6);
	align-items: start;
}

/* Mobil filtre tetikleyici — JS enjekte eder; masaüstünde gizli */
.eok-filter-toggle {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: var(--eok-sp-3);
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-400);
	font-weight: 700;
	color: var(--eok-ink);
	background: #fff;
	border: 1px solid var(--eok-tick);
	border-radius: var(--eok-radius-ctl);
	padding: 12px 16px;
	cursor: pointer;
	margin-bottom: var(--eok-sp-4);
}
.eok-filter-toggle__count {
	font-size: var(--eok-fs-200);
	font-weight: 700;
	color: #fff;
	background: var(--eok-green);
	border-radius: var(--eok-radius-pill);
	padding: 2px 9px;
	min-width: 22px;
	text-align: center;
}
.eok-filter-toggle__count:empty { display: none; }
.eok-filters {
	position: sticky;
	top: var(--eok-sp-4);
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 2 * var(--eok-sp-4));
	background: #fff;
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
}
.eok-filters__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: var(--eok-sp-4) var(--eok-sp-4) var(--eok-sp-3);
	border-bottom: 1px solid var(--eok-rule);
}
.eok-filters__title { font-size: var(--eok-fs-500); margin: 0; }
.eok-filters__scroll {
	overflow-y: auto;
	padding: var(--eok-sp-4);
	scrollbar-width: thin;
	scrollbar-color: var(--eok-tick) transparent;
}
.eok-filters__scroll::-webkit-scrollbar { width: 8px; }
.eok-filters__scroll::-webkit-scrollbar-thumb { background: var(--eok-tick); border-radius: 4px; }
.eok-filters__scroll::-webkit-scrollbar-track { background: transparent; }

.eok-fgroup { margin-bottom: var(--eok-sp-5); }
.eok-fgroup:last-child { margin-bottom: 0; }
.eok-fgroup__title {
	display: block;
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--eok-ink);
	padding-bottom: var(--eok-sp-2);
	margin-bottom: var(--eok-sp-3);
	border-bottom: 1px solid var(--eok-rule);
}

/* Marka listesi — "daha fazla göster" */
.eok-fgroup__list .eok-check.is-extra { display: none; }
[data-collapsible].is-open .eok-check.is-extra { display: flex; }
.eok-more {
	margin-top: var(--eok-sp-2);
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 600;
	color: var(--eok-steel);
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.eok-chips--stack { flex-direction: column; align-items: stretch; }
.eok-chips--stack .eok-chip { text-align: left; }
.eok-check {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px 0;
	font-size: var(--eok-fs-400);
	cursor: pointer;
}
.eok-check input { width: 16px; height: 16px; accent-color: var(--eok-green); }
.eok-check em { margin-left: auto; font-style: normal; color: var(--eok-ink-faint); font-family: var(--eok-font-display); font-size: var(--eok-fs-300); }

.eok-range { position: relative; height: 20px; }
.eok-range input[type="range"] {
	position: absolute;
	left: 0; top: 8px;
	width: 100%;
	margin: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}
.eok-range input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	pointer-events: auto;
	width: 16px; height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--eok-steel);
	cursor: pointer;
}
.eok-range input[type="range"]::-moz-range-thumb {
	pointer-events: auto;
	width: 16px; height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--eok-steel);
	cursor: pointer;
}
.eok-range::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 14px;
	height: 3px;
	background: var(--eok-rule);
	border-radius: 2px;
}
.eok-range__out {
	display: flex;
	justify-content: space-between;
	margin-top: var(--eok-sp-2);
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 600;
	color: var(--eok-ink-soft);
}

.eok-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.eok-chip {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 600;
	color: var(--eok-ink-soft);
	background: #fff;
	border: 1px solid var(--eok-tick);
	border-radius: var(--eok-radius-pill);
	padding: 6px 14px;
	cursor: pointer;
	transition: border-color .12s, background .12s, color .12s;
}
.eok-chip:hover { border-color: var(--eok-green); color: var(--eok-green); }
.eok-chip[aria-pressed="true"] { background: var(--eok-ink); border-color: var(--eok-ink); color: #fff; }
.eok-chips--stack .eok-chip[aria-pressed="true"] { background: var(--eok-ink); }

.eok-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0;
	font-size: var(--eok-fs-400);
	cursor: pointer;
}
.eok-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.eok-toggle__track {
	position: relative;
	flex: 0 0 auto;
	width: 34px; height: 18px;
	background: var(--eok-tick);
	border-radius: 9px;
	transition: background .15s;
}
.eok-toggle__track::after {
	content: "";
	position: absolute;
	left: 2px; top: 2px;
	width: 14px; height: 14px;
	background: #fff;
	border-radius: 50%;
	transition: transform .15s;
}
.eok-toggle input:checked + .eok-toggle__track { background: var(--eok-fit); }
.eok-toggle input:checked + .eok-toggle__track::after { transform: translateX(16px); }
.eok-toggle input:focus-visible + .eok-toggle__track { outline: 2px solid var(--eok-steel); outline-offset: 2px; }

.eok-filters__reset {
	margin-top: var(--eok-sp-3);
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	color: var(--eok-ink-faint);
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.eok-filters__reset:hover { color: var(--eok-ink); }

.eok-results { min-width: 0; }
#eok-grid.is-loading { opacity: 0.45; pointer-events: none; transition: opacity .15s; }

/* ===========================================================
   KART — indirim rozeti, fiyat satırı, sparkline
   =========================================================== */
.eok-card__media { position: relative; }
.eok-card__badge {
	position: absolute;
	left: 10px; top: 10px;
	z-index: 1;
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 700;
	color: #fff;
	background: var(--eok-signal);
	border-radius: var(--eok-radius);
	padding: 3px 9px;
}
.eok-card__pricerow {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--eok-sp-3);
	margin-bottom: var(--eok-sp-3);
}
.eok-price { display: flex; flex-direction: column; }
.eok-price__old {
	font-size: var(--eok-fs-200);
	color: var(--eok-ink-faint);
	text-decoration: line-through;
}
.eok-price__now { display: flex; align-items: baseline; gap: 4px; }
.eok-price__val {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-600);
	font-weight: 800;
	letter-spacing: -0.02em;
}
.eok-price__cur { font-family: var(--eok-font-display); font-weight: 700; }
.eok-price__mp { font-family: var(--eok-font-display); font-size: var(--eok-fs-200); color: var(--eok-steel); margin-left: 4px; }
.eok-price--down .eok-price__val,
.eok-price--down .eok-price__cur { color: var(--eok-signal); }
.eok-price--pending .eok-price__val { font-family: var(--eok-font-display); font-size: var(--eok-fs-400); font-weight: 600; color: var(--eok-ink-faint); }

.eok-spark { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.eok-spark svg { display: block; }
.eok-spark__label { font-family: var(--eok-font-display); font-size: 0.625rem; color: var(--eok-ink-faint); }

/* ===========================================================
   MOBİL
   =========================================================== */
@media (max-width: 900px) {
	.eok-shell { grid-template-columns: 1fr; }
	.eok-wizard__go { justify-self: stretch; width: 100%; }
	.eok-toolbar { align-items: flex-start; }
	.eok-wizard__inner { grid-template-columns: 1fr; }

	/* Filtre rayı: JS "is-collapsible" ekleyince toggle'la aç/kapa.
	   JS gelmezse ray açık kalır (progressive enhancement — kırılmaz). */
	.eok-filters { position: static; max-height: none; }
	.eok-filters__scroll { overflow-y: visible; }

	.eok-shell.is-collapsible .eok-filter-toggle { display: flex; }
	.eok-shell.is-collapsible .eok-filters {
		display: none;
		margin-bottom: var(--eok-sp-5);
	}
	.eok-shell.is-collapsible.is-open .eok-filters { display: flex; }
}

/* ===========================================================
   SPARKLINE BUTON RESET
   =========================================================== */
button.eok-spark {
	background: none;
	border: none;
	padding: 4px;
	margin: -4px;
	cursor: pointer;
	border-radius: var(--eok-radius);
	transition: background .12s;
}
button.eok-spark:hover { background: var(--eok-paper-sunk); }
button.eok-spark:focus-visible { outline: 2px solid var(--eok-steel); outline-offset: 1px; }
.eok-spark__label { font-family: var(--eok-font-display); font-size: 0.625rem; color: var(--eok-ink-faint); }

/* ===========================================================
   FİYAT ANALİZİ MODALI
   =========================================================== */
:root { --eok-sig-bg: #FBE9E4; }

.eok-modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--eok-sp-4);
}
.eok-modal[hidden] { display: none; }
.eok-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(21, 24, 27, 0.55);
}
.eok-modal__dialog {
	position: relative;
	width: 100%;
	max-width: 560px;
	max-height: 90vh;
	overflow-y: auto;
	background: #fff;
	border-radius: 6px;
	padding: var(--eok-sp-6) var(--eok-sp-6) var(--eok-sp-6);
}
.eok-modal__x {
	position: absolute;
	right: 14px; top: 12px;
	width: 34px; height: 34px;
	font-size: 22px;
	line-height: 1;
	color: var(--eok-ink-soft);
	background: none;
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
	cursor: pointer;
}
.eok-modal__x:hover { background: var(--eok-paper-sunk); color: var(--eok-ink); }
.eok-modal__title { margin: var(--eok-sp-1) 0 var(--eok-sp-3); font-size: var(--eok-fs-700); line-height: 1.2; }

/* Üst: büyük fiyat + trend + zaman sekmeleri */
.eok-modal__top { display: flex; align-items: center; justify-content: space-between; gap: var(--eok-sp-4); flex-wrap: wrap; }
.eok-modal__pricewrap { display: flex; align-items: baseline; gap: var(--eok-sp-3); }
.eok-modal__price { font-family: var(--eok-font-display); font-size: var(--eok-fs-800); font-weight: 800; letter-spacing: -0.03em; color: var(--eok-ink); }
.eok-modal__sub { margin: var(--eok-sp-1) 0 var(--eok-sp-5); color: var(--eok-ink-soft); font-family: var(--eok-font-display); font-size: var(--eok-fs-300); }

.eok-range-tabs { display: inline-flex; border: 1px solid var(--eok-rule); border-radius: var(--eok-radius); overflow: hidden; }
.eok-range-tab {
	font-family: var(--eok-font-display); font-size: var(--eok-fs-300); font-weight: 600;
	color: var(--eok-ink-soft); background: #fff; border: none; padding: 7px 14px; cursor: pointer;
	border-left: 1px solid var(--eok-rule); transition: background .12s, color .12s;
}
.eok-range-tab:first-child { border-left: none; }
.eok-range-tab:hover { background: var(--eok-paper-sunk); }
.eok-range-tab.is-active { background: var(--eok-steel); color: #fff; }

.eok-modal__chart { position: relative; min-width: 0; margin-bottom: var(--eok-sp-5); }

/* Gradyan aralık çubuğu (eski üç-dilimli bandın yerine) */
.eok-rangebar { margin: 0 0 var(--eok-sp-4); }
.eok-rangebar__track {
	position: relative; height: 14px; border-radius: 7px;
	background: linear-gradient(to right, var(--eok-fit) 0%, var(--eok-tick) 55%, var(--eok-signal) 100%);
}
.eok-rangebar__marker {
	position: absolute; top: -6px; width: 0; height: 0; transform: translateX(-6px);
	border-left: 6px solid transparent; border-right: 6px solid transparent;
	border-top: 8px solid var(--eok-ink); transition: left .2s ease;
}
.eok-rangebar__ends {
	display: flex; justify-content: space-between; margin-top: var(--eok-sp-2);
	font-family: var(--eok-font-display); font-size: var(--eok-fs-200); color: var(--eok-ink-faint);
}
.eok-rangebar__ends strong { color: var(--eok-ink); font-weight: 700; }
.eok-rangebar__ends span:first-child strong { color: var(--eok-fit); }
.eok-rangebar__ends span:last-child { text-align: right; }
.eok-rangebar__ends span:last-child strong { color: var(--eok-signal); }

.eok-modal__signal {
	margin: 0 0 var(--eok-sp-5); color: var(--eok-ink);
	font-family: var(--eok-font-body); font-size: var(--eok-fs-400);
}

/* Tek CTA */
.eok-modal__buy {
	display: block; width: 100%; text-align: center; box-sizing: border-box;
	font-family: var(--eok-font-display); font-size: var(--eok-fs-400); font-weight: 700;
	color: #fff; background: var(--eok-fit); text-decoration: none;
	padding: 14px 20px; border-radius: var(--eok-radius); transition: filter .12s;
}
.eok-modal__buy:hover { filter: brightness(1.06); }
.eok-modal__foot { margin: var(--eok-sp-3) 0 0; font-family: var(--eok-font-display); font-size: var(--eok-fs-200); color: var(--eok-ink-faint); text-align: center; }
.eok-chart { display: block; height: 240px; }
.eok-chart__axis { stroke: var(--eok-rule); stroke-width: 1; }
.eok-chart__pt { font-family: var(--eok-font-display); font-size: 11px; font-weight: 600; }
.eok-chart__x {
	display: flex;
	justify-content: space-between;
	margin-top: var(--eok-sp-2);
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-200);
	color: var(--eok-ink-faint);
}
.eok-modal__empty { color: var(--eok-ink-faint); padding: var(--eok-sp-6) 0; }

/* Modal meta: trend rozeti */
.eok-modal__meta { display: flex; align-items: center; gap: var(--eok-sp-3); flex-wrap: wrap; margin: 0 0 var(--eok-sp-5); }
.eok-modal__meta .eok-modal__sub { margin: 0; }
.eok-trend {
	font-family: var(--eok-font-display); font-size: var(--eok-fs-200); font-weight: 700;
	padding: 3px 10px; border-radius: 999px; white-space: nowrap;
}
.eok-trend.is-down { color: var(--eok-fit); background: color-mix(in srgb, var(--eok-fit) 12%, #fff); }
.eok-trend.is-up   { color: var(--eok-signal); background: var(--eok-sig-bg); }
.eok-trend.is-flat { color: var(--eok-ink-faint); background: var(--eok-paper-sunk); }

/* Zengin grafik: ızgara, eksen etiketleri, hover */
.eok-chart { display: block; height: 260px; overflow: visible; }
.eok-chart__grid { stroke: var(--eok-rule); stroke-width: 1; stroke-dasharray: 3 4; }
.eok-chart__axis { stroke: var(--eok-tick); stroke-width: 1; }
.eok-chart__ylab, .eok-chart__xlab {
	font-family: var(--eok-font-display); font-size: 11px; font-weight: 600; fill: var(--eok-ink-faint);
}
.eok-chart__cursor { stroke: var(--eok-ink-faint); stroke-width: 1; stroke-dasharray: 2 3; pointer-events: none; }
.eok-chart__hoverpt { fill: var(--eok-ink); stroke: #fff; stroke-width: 2; pointer-events: none; }
.eok-chart__hit { cursor: crosshair; }

.eok-modal__chart { position: relative; min-width: 0; }
.eok-chart__tip {
	position: absolute; z-index: 3; transform: translate(-50%, -100%);
	background: var(--eok-ink); color: #fff; border-radius: var(--eok-radius);
	padding: 6px 10px; pointer-events: none; white-space: nowrap;
	font-family: var(--eok-font-display); box-shadow: 0 4px 14px rgba(20,24,27,.24);
}
.eok-chart__tip strong { display: block; font-size: var(--eok-fs-300); }
.eok-chart__tip span { font-size: var(--eok-fs-200); color: var(--eok-tick); }

/* Modal CTA */
.eok-modal__cta { grid-column: 1 / -1; margin-top: var(--eok-sp-5); }
.eok-modal__buy { display: inline-block; min-width: 240px; text-align: center; padding: 12px 20px; font-size: var(--eok-fs-400); }

@media (max-width: 560px) {
	.eok-modal__dialog { padding: var(--eok-sp-5) var(--eok-sp-4) var(--eok-sp-5); }
	.eok-modal__top { gap: var(--eok-sp-3); }
	.eok-modal__price { font-size: var(--eok-fs-700); }
}

/* ===========================================================
   EDİTORYAL İÇERİK (gridin altında, uzun form rehber)
   =========================================================== */
.eok-editorial { padding-block: var(--eok-sp-7) var(--eok-sp-8); }
.eok-editorial .eok-prose > h2 { margin-top: var(--eok-sp-8); }
.eok-editorial .eok-prose > h2:first-child { margin-top: 0; }
.eok-editorial .eok-prose > h3 { margin-top: var(--eok-sp-6); }
.eok-editorial .eok-prose h2 { scroll-margin-top: var(--eok-sp-5); }

/* ===========================================================
   MARKA BLOKLARI (ana sayfa) + FACET SAYFASI
   =========================================================== */
.eok-brands { padding-block: var(--eok-sp-7); }
.eok-brandrow { margin-bottom: var(--eok-sp-8); }
.eok-brandrow:last-child { margin-bottom: 0; }
.eok-brandrow__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--eok-sp-4);
	margin-bottom: var(--eok-sp-4);
	flex-wrap: wrap;
}
.eok-brandrow__title { margin: 0; font-size: var(--eok-fs-700); }
.eok-brandrow__more {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	font-weight: 600;
	color: var(--eok-steel);
	text-decoration: none;
	white-space: nowrap;
}
.eok-brandrow__more:hover { color: var(--eok-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Breadcrumb + marka sayfası başlığı */
.eok-hero--brand { padding-block: var(--eok-sp-6) var(--eok-sp-5); }
.eok-crumb {
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
	color: var(--eok-ink-faint);
	margin-bottom: var(--eok-sp-3);
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
}
.eok-crumb a { color: var(--eok-steel); text-decoration: none; }
.eok-crumb a:hover { text-decoration: underline; text-underline-offset: 3px; }
.eok-crumb__current { color: var(--eok-ink-soft); }
.eok-backhome {
	margin-top: var(--eok-sp-6);
	font-family: var(--eok-font-display);
	font-size: var(--eok-fs-300);
}
.eok-backhome a { color: var(--eok-steel); text-decoration: none; }
.eok-backhome a:hover { text-decoration: underline; text-underline-offset: 3px; }
/* ===========================================================
   KARŞILAŞTIRMA
   =========================================================== */

/* Kart üzerindeki karşılaştır ikonu — yalnız karşılaştırma bölümü olan sayfada görünür */
.eok-card__cmp {
	position: absolute; right: 8px; top: 8px; z-index: 2;
	display: none;
	width: 34px; height: 34px;
	align-items: center; justify-content: center;
	background: rgba(255, 255, 255, .92);
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
	color: var(--eok-steel);
	cursor: pointer;
	transition: background .12s, color .12s, border-color .12s;
}
body:has(#eok-compare) .eok-card__cmp { display: inline-flex; }
.eok-card__cmp { border-radius: var(--eok-radius-pill); }
.eok-card__cmp:hover { border-color: var(--eok-green); color: var(--eok-green); }
.eok-card__cmp-check { display: none; }
.eok-card__cmp[aria-pressed="true"] { background: var(--eok-green); border-color: var(--eok-green); color: #fff; }
.eok-card__cmp[aria-pressed="true"] svg:not(.eok-card__cmp-check) { display: none; }
.eok-card__cmp[aria-pressed="true"] .eok-card__cmp-check { display: block; }

.eok-compare { padding-block: var(--eok-sp-7); }
.eok-compare__head { margin-bottom: var(--eok-sp-5); }
.eok-compare__title { margin: 0 0 var(--eok-sp-2); font-size: var(--eok-fs-800); }
.eok-compare__lead { margin: 0; max-width: var(--eok-measure); color: var(--eok-ink-soft); font-size: var(--eok-fs-400); }

/* Sütun başlığı = model seçici dropdown (tek alan) */
.eok-cmp-table thead th { padding: var(--eok-sp-2); }
.eok-cmp-pick { display: block; min-width: 0; }
.eok-cmp-select {
	width: 100%; max-width: 100%; box-sizing: border-box;
	padding: var(--eok-sp-2) var(--eok-sp-3);
	font-family: var(--eok-font-display); font-weight: 700;
	font-size: var(--eok-fs-300); line-height: 1.3;
	color: var(--eok-ink); background: #fff;
	border: 1px solid var(--eok-tick); border-radius: var(--eok-radius);
	cursor: pointer;
}
.eok-cmp-select:focus { outline: 2px solid var(--eok-fit); outline-offset: 1px; }
.eok-cmp-emptyrow td { grid-column: 1 / -1; text-align: center; padding: var(--eok-sp-6) var(--eok-sp-4); }

.eok-compare__table { overflow-x: auto; }
.eok-compare__table.is-loading { opacity: .5; }
.eok-cmp-table {
	width: 100%; border-collapse: collapse;
	font-family: var(--eok-font-display); font-size: var(--eok-fs-300);
	background: #fff; border: 1px solid var(--eok-rule); border-radius: var(--eok-radius);
}
.eok-cmp-table th, .eok-cmp-table td { padding: var(--eok-sp-3) var(--eok-sp-4); text-align: left; border-bottom: 1px solid var(--eok-rule); vertical-align: top; }
.eok-cmp-table thead th { font-size: var(--eok-fs-400); color: var(--eok-ink); border-bottom: 2px solid var(--eok-tick); }
.eok-cmp-table thead th:first-child { color: var(--eok-ink-faint); font-size: var(--eok-fs-200); text-transform: uppercase; letter-spacing: .08em; }
.eok-cmp-table tbody th { font-weight: 600; color: var(--eok-ink-soft); width: 30%; }
.eok-cmp-table td { font-weight: 600; color: var(--eok-ink); }
.eok-cmp-table tr:last-child th, .eok-cmp-table tr:last-child td { border-bottom: none; }
.eok-cmp-table tr.is-diff td { background: var(--eok-paper-sunk); }
.eok-cmp-table__price td { font-size: var(--eok-fs-500); }
.eok-cmp-price { font-weight: 800; letter-spacing: -.02em; }
.eok-cmp-price__mp { display: block; font-size: var(--eok-fs-200); font-weight: 500; color: var(--eok-steel); }
.eok-cmp-noprice { color: var(--eok-ink-faint); font-weight: 600; }
.eok-cmp-prompt {
	color: var(--eok-ink-faint); text-align: center; padding: var(--eok-sp-5);
	background: #fff; border: 1px dashed var(--eok-tick); border-radius: var(--eok-radius);
	font-family: var(--eok-font-display);
}

@media (max-width: 640px) {
	.eok-cmp-table th, .eok-cmp-table td { padding: var(--eok-sp-2) var(--eok-sp-3); }
}

/* Toast — ilk ekleme bildirimi */
.eok-toast {
	position: fixed; left: 50%; bottom: var(--eok-sp-5);
	transform: translateX(-50%) translateY(20px);
	z-index: 1100; max-width: 90vw;
	background: var(--eok-ink); color: #fff;
	font-family: var(--eok-font-display); font-size: var(--eok-fs-300); font-weight: 600;
	padding: var(--eok-sp-3) var(--eok-sp-5); border-radius: var(--eok-radius);
	box-shadow: 0 8px 24px rgba(20, 24, 27, .22);
	opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
}
.eok-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }


/* ===========================================================
   ŞU AN İNDİRİMDE
   =========================================================== */
.eok-deals { padding-top: var(--eok-sp-6); }
.eok-deals__head { margin-bottom: var(--eok-sp-5); }
.eok-deals__title { margin: 0 0 var(--eok-sp-1); font-size: var(--eok-fs-700); }
.eok-deals__sub { margin: 0; color: var(--eok-ink-soft); font-size: var(--eok-fs-400); }
.eok-deals__empty {
	margin: 0;
	padding: var(--eok-sp-6);
	background: var(--eok-paper-sunk);
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
	color: var(--eok-ink-soft);
	font-size: var(--eok-fs-400);
	text-align: center;
}
/* Kart grid'i .eok-cards ile aynı; deals kendi grid'ini cards_html'den alır */
.eok-deals .eok-cards { margin-top: 0; }
/* ===========================================================
   İNDİRİM BİLDİRİM KUTUSU
   =========================================================== */
.eok-alertbox {
	margin-top: var(--eok-sp-6);
	padding: var(--eok-sp-5);
	background: var(--eok-paper-sunk);
	border: 1px solid var(--eok-rule);
	border-radius: var(--eok-radius);
	max-width: 620px;
}
.eok-alertbox__title { margin: 0 0 var(--eok-sp-1); font-size: var(--eok-fs-500); }
.eok-alertbox__sub { margin: 0 0 var(--eok-sp-4); color: var(--eok-ink-soft); font-size: var(--eok-fs-300); }
.eok-alertbox__search { position: relative; }
.eok-alertbox__input {
	width: 100%; box-sizing: border-box;
	font-family: var(--eok-font-display); font-size: var(--eok-fs-400);
	color: var(--eok-ink); background: #fff;
	border: 1px solid var(--eok-tick); border-radius: var(--eok-radius-ctl);
	padding: 12px 14px;
}
.eok-alertbox__input:focus { outline: none; border-color: var(--eok-green); box-shadow: 0 0 0 3px rgba(22,130,79,.12); }
.eok-alertbox__results {
	position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 4px);
	margin: 0; padding: 4px; list-style: none;
	background: #fff; border: 1px solid var(--eok-rule); border-radius: var(--eok-radius-ctl);
	box-shadow: 0 6px 20px rgba(16,16,16,.08); max-height: 280px; overflow-y: auto;
}
.eok-alertbox__results[hidden] { display: none; }
.eok-alertbox__opt {
	padding: 10px 12px; border-radius: 6px; cursor: pointer;
	font-family: var(--eok-font-display); font-size: var(--eok-fs-300); color: var(--eok-ink);
	display: flex; justify-content: space-between; gap: var(--eok-sp-3); align-items: center;
}
.eok-alertbox__opt:hover, .eok-alertbox__opt.is-active { background: var(--eok-paper-sunk); }
.eok-alertbox__opt-price { color: var(--eok-green-strong); font-weight: 700; white-space: nowrap; }
.eok-alertbox__opt-price--none { color: var(--eok-ink-faint); font-weight: 500; }
.eok-alertbox__empty { padding: 10px 12px; color: var(--eok-ink-faint); font-size: var(--eok-fs-300); }

.eok-alertbox__picked { margin-top: var(--eok-sp-4); }
.eok-alertbox__picked[hidden] { display: none; }
.eok-alertbox__pickedinfo { display: flex; align-items: baseline; justify-content: space-between; gap: var(--eok-sp-3); flex-wrap: wrap; }
.eok-alertbox__pickedname { font-family: var(--eok-font-display); font-weight: 700; color: var(--eok-ink); }
.eok-alertbox__pickedprice { font-family: var(--eok-font-display); font-size: var(--eok-fs-600); font-weight: 800; color: var(--eok-ink); }
.eok-alertbox__note { margin: var(--eok-sp-2) 0 var(--eok-sp-4); color: var(--eok-ink-soft); font-size: var(--eok-fs-300); }
.eok-alertbox__go {
	width: 100%; font-family: var(--eok-font-display); font-size: var(--eok-fs-400); font-weight: 700;
	color: #fff; background: var(--eok-green); border: none; border-radius: var(--eok-radius-ctl);
	padding: 13px 20px; cursor: pointer; transition: filter .12s;
}
.eok-alertbox__go:hover { filter: brightness(1.06); }
/* ===========================================================
   MARKA BLOKLARI + SERİ KARTLARI
   =========================================================== */
.eok-brands { padding-top: var(--eok-sp-6); }
.eok-brandrow { margin-bottom: var(--eok-sp-8); }
.eok-brandrow:last-child { margin-bottom: 0; }

.eok-brandrow__head {
	display: flex; align-items: center; gap: var(--eok-sp-4);
	margin-bottom: var(--eok-sp-5);
}
.eok-brandrow__logo {
	flex: 0 0 auto; height: 48px;
	display: inline-flex; align-items: center;
}
.eok-brandrow__logo img { height: 48px; width: auto; max-width: 200px; object-fit: contain; display: block; }
.eok-brandrow__logo--txt {
	width: 48px; justify-content: center;
	background: var(--eok-paper-sunk); border-radius: 8px;
	font-family: var(--eok-font-display); font-weight: 800; color: var(--eok-ink);
}

.eok-brandrow__titles { flex: 1 1 auto; min-width: 0; }
.eok-brandrow__title { margin: 0; font-size: var(--eok-fs-600); line-height: 1.2; }
.eok-brandrow__title a { color: var(--eok-ink); text-decoration: none; }
.eok-brandrow__title a:hover { color: var(--eok-green); }
.eok-brandrow__meta { margin: 2px 0 0; font-family: var(--eok-font-display); font-size: var(--eok-fs-300); color: var(--eok-ink-faint); }

.eok-brandrow__more {
	flex: 0 0 auto; font-family: var(--eok-font-display); font-size: var(--eok-fs-300); font-weight: 700;
	color: var(--eok-green-strong); text-decoration: none; white-space: nowrap;
}
.eok-brandrow__more:hover { text-decoration: underline; }

/* Seri grid */
.eok-series {
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--eok-sp-4);
}
.eok-serie {
	display: flex; flex-direction: column;
	background: #fff; border: 1px solid var(--eok-rule); border-radius: var(--eok-radius);
	text-decoration: none; color: inherit; overflow: hidden;
	transition: border-color .12s, box-shadow .12s;
}
.eok-serie:hover { border-color: var(--eok-tick); box-shadow: 0 3px 14px rgba(16,16,16,.06); }

.eok-serie__media {
	position: relative; aspect-ratio: 16 / 10; background: var(--eok-paper-sunk);
	display: flex; align-items: center; justify-content: center;
}
.eok-serie__media img { width: 100%; height: 100%; object-fit: contain; }
.eok-serie__noimg { width: 100%; height: 100%; background: var(--eok-paper-sunk); }
.eok-serie__badge {
	position: absolute; top: 10px; left: 10px; z-index: 2;
	font-family: var(--eok-font-display); font-size: 11px; font-weight: 700;
	color: var(--eok-green-strong); background: var(--eok-green-bg);
	padding: 3px 10px; border-radius: var(--eok-radius-pill);
}

.eok-serie__body { padding: var(--eok-sp-4); display: flex; flex-direction: column; gap: var(--eok-sp-3); }
.eok-serie__title { font-family: var(--eok-font-display); font-size: var(--eok-fs-400); font-weight: 800; color: var(--eok-ink); letter-spacing: -0.02em; }

.eok-serie__specs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--eok-sp-2) var(--eok-sp-4); }
.eok-serie__spec { display: flex; align-items: baseline; justify-content: space-between; gap: var(--eok-sp-2); }
.eok-serie__spec-k { font-family: var(--eok-font-display); font-size: 11px; color: var(--eok-ink-faint); }
.eok-serie__spec-v { font-family: var(--eok-font-display); font-size: var(--eok-fs-300); font-weight: 700; color: var(--eok-ink); }

.eok-serie__price { margin-top: auto; padding-top: var(--eok-sp-2); border-top: 1px solid var(--eok-rule); }
.eok-serie__price-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--eok-sp-3); font-family: var(--eok-font-display); }
.eok-serie__price-lbl { font-size: 11px; color: var(--eok-ink-faint); }
.eok-serie__price-row b { font-size: var(--eok-fs-400); font-weight: 800; color: var(--eok-ink); }
.eok-serie__price-one { font-family: var(--eok-font-display); font-size: var(--eok-fs-500); font-weight: 800; color: var(--eok-ink); }
.eok-serie__price-soon { font-family: var(--eok-font-display); font-size: var(--eok-fs-300); font-weight: 700; color: var(--eok-ink-faint); }

/* Responsive */
@media (max-width: 900px) {
	.eok-series { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.eok-series { grid-template-columns: 1fr; }
	.eok-brandrow__head { flex-wrap: wrap; }
	.eok-brandrow__more { flex-basis: 100%; margin-top: var(--eok-sp-2); }
}

/* Facet: seri bölümleri */
.eok-serieblock { margin-bottom: var(--eok-sp-7); }
.eok-serieblock:last-child { margin-bottom: 0; }
.eok-serieblock__head {
	display: flex; align-items: baseline; gap: var(--eok-sp-3);
	margin-bottom: var(--eok-sp-4); padding-bottom: var(--eok-sp-2);
	border-bottom: 1px solid var(--eok-rule);
}
.eok-serieblock__title { margin: 0; font-size: var(--eok-fs-500); }
.eok-serieblock__count { font-family: var(--eok-font-display); font-size: var(--eok-fs-300); color: var(--eok-ink-faint); }

/* Sayfalama */
.eok-pager { margin-top: var(--eok-sp-7); text-align: center; }
.eok-pager__ctx {
	margin: 0 0 var(--eok-sp-3); font-family: var(--eok-font-display);
	font-size: var(--eok-fs-200); font-weight: 700; letter-spacing: 0.04em;
	text-transform: uppercase; color: var(--eok-ink-faint);
}
.eok-pager__row { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; }
.eok-pager__nums { display: inline-flex; gap: 4px; }
.eok-pager__num, .eok-pager__nav {
	font-family: var(--eok-font-display); font-size: var(--eok-fs-300); font-weight: 700;
	color: var(--eok-ink-soft); text-decoration: none;
	height: 44px; border: 1px solid var(--eok-tick); border-radius: var(--eok-radius-ctl);
	background: #fff; display: inline-flex; align-items: center; justify-content: center;
	transition: border-color .12s, color .12s, background .12s;
}
.eok-pager__num { min-width: 44px; }
.eok-pager__nav { gap: 6px; padding: 0 16px; }
.eok-pager__nav svg { display: block; }
.eok-pager__num:hover, .eok-pager__nav--prev:hover { border-color: var(--eok-green); color: var(--eok-green); }
.eok-pager__num.is-active { background: var(--eok-ink); border-color: var(--eok-ink); color: #fff; }
/* Sonraki: yeşil vurgu (ana ileri eylem) */
.eok-pager__nav--next { background: var(--eok-green); border-color: var(--eok-green); color: #fff; }
.eok-pager__nav--next:hover { background: var(--eok-green-strong); border-color: var(--eok-green-strong); color: #fff; }
.eok-pager__gap { min-width: 28px; text-align: center; color: var(--eok-tick); align-self: center; font-weight: 700; letter-spacing: 1px; }
@media (max-width: 560px) {
	.eok-pager__nav { flex-basis: 100%; padding: 0 12px; }
	.eok-pager__nav--prev { order: 3; }
	.eok-pager__nums { order: 1; flex-basis: 100%; justify-content: center; margin-bottom: var(--eok-sp-2); }
	.eok-pager__nav--next { order: 2; }
}

/* Deals + dropped bölümlerinde kart görseli ana grid'le aynı sınırda kalsın */
.eok-deals .eok-cards,
.eok-dropped .eok-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: var(--eok-sp-4);
}
/* Deals/dropped kartları ana kart media stilini kullanır (aspect-ratio 1/1 +
   object-fit: contain) — ayrı 16/10 override kaldırıldı, görsel kırpılmıyor. */

/* Lazy APT fiyat bloğu: gerçek içerik gelene kadar yer ayır (reflow/zıplama önle) */
.eok-card__apt--lazy {
	min-height: 92px; /* .apt-embed'in tipik yüksekliği: rozet + fiyat + geçmiş satırı */
	display: flex;
	align-items: center;
}
.eok-card__apt {
	min-height: 92px; /* gelen içerik de aynı taban — grid satırları sabit kalsın */
}

/* ===========================================================
   MOBİL KARŞILAŞTIRMA — kaydırmasız, değer | etiket | değer
   =========================================================== */
@media (max-width: 640px) {
	.eok-cmp-table,
	.eok-cmp-table thead,
	.eok-cmp-table tbody,
	.eok-cmp-table tr { display: block; width: 100%; min-width: 0; }
	.eok-compare__table { overflow-x: visible; }
	.eok-cmp-table { min-width: 0; }

	/* Başlık: iki ürün yan yana, "Özellik" başlığı gizli */
	.eok-cmp-table thead th:first-child { display: none; }
	.eok-cmp-table thead tr { display: flex; gap: var(--eok-sp-3); border: none; }
	.eok-cmp-table thead th {
		flex: 1 1 0; min-width: 0; text-align: center;
		border: 1px solid var(--eok-rule); border-radius: var(--eok-radius);
		padding: var(--eok-sp-3); font-size: var(--eok-fs-300);
	}

	/* Gövde satırı: değer(sol) | etiket(orta) | değer(sağ) */
	.eok-cmp-table tbody tr {
		display: grid; grid-template-columns: 1fr auto 1fr;
		align-items: center; gap: var(--eok-sp-2);
		border-bottom: 1px solid var(--eok-rule);
		padding: var(--eok-sp-3) 0;
	}
	.eok-cmp-table tbody th[scope="row"] {
		order: 2; width: auto; text-align: center;
		font-size: var(--eok-fs-200); font-weight: 600;
		color: var(--eok-ink-faint); text-transform: none; letter-spacing: 0;
		padding: 0 var(--eok-sp-3);
	}
	.eok-cmp-table tbody td { font-size: var(--eok-fs-400); font-weight: 800; text-align: center; }
	.eok-cmp-table tbody td:first-of-type { order: 1; }
	.eok-cmp-table tbody td:last-of-type  { order: 3; }

	/* Fiyat satırı vurgulu */
	.eok-cmp-table__price { background: var(--eok-green-bg); border-radius: var(--eok-radius); border-bottom: none !important; }
	.eok-cmp-table__price td { color: var(--eok-green-strong); font-size: var(--eok-fs-500); }
	.eok-cmp-table__price th[scope="row"] { color: var(--eok-green-strong); }

	/* Fark olan satır zemini */
	.eok-cmp-table tbody tr.is-diff { background: var(--eok-paper-sunk); border-radius: var(--eok-radius); }

	/* Satıcılar satırı: etiket üstte tam genişlik, butonlar altında iki sütun (flex) */
	.eok-cmp-table tbody tr:last-child {
		display: flex; flex-wrap: wrap; gap: var(--eok-sp-3);
		border-bottom: none;
	}
	.eok-cmp-table tbody tr:last-child th[scope="row"] {
		display: block; flex: 1 1 100%; order: 0; width: auto;
		text-align: center; margin: 0 0 var(--eok-sp-2);
		font-family: var(--eok-font-display);
		font-size: var(--eok-fs-200); font-weight: 700;
		text-transform: uppercase; letter-spacing: .06em;
		color: var(--eok-ink-soft);
	}
	.eok-cmp-table tbody tr:last-child td {
		flex: 1 1 calc(50% - var(--eok-sp-3));
		display: flex; flex-direction: column; gap: 6px;
	}
}

/* === Ana sayfa SSS (accordion, native <details>) === */
.eok-faq { padding-block: var(--eok-sp-7); }
.eok-faq__title { margin: var(--eok-sp-2) 0 var(--eok-sp-5); }
.eok-faq__list { border-top: 1px solid var(--eok-rule); }
.eok-faq__item { border-bottom: 1px solid var(--eok-rule); }
.eok-faq__q {
	display: flex; align-items: center; justify-content: space-between; gap: var(--eok-sp-4);
	padding: var(--eok-sp-4) 0; cursor: pointer; list-style: none;
	font-family: var(--eok-font-display); font-weight: 700; font-size: var(--eok-fs-500); color: var(--eok-ink);
}
.eok-faq__q::-webkit-details-marker { display: none; }
.eok-faq__q:hover { color: var(--eok-green); }
.eok-faq__icon { flex: 0 0 auto; color: var(--eok-ink-faint); transition: transform .18s ease; }
.eok-faq__item[open] .eok-faq__icon { transform: rotate(180deg); }
.eok-faq__a { padding: 0 0 var(--eok-sp-4); }
.eok-faq__a p { margin: 0; max-width: var(--eok-measure); color: var(--eok-ink-soft); font-size: var(--eok-fs-400); line-height: 1.65; }

/* === Ana sayfa "Biz Kimiz" === */
.eok-about { padding-block: var(--eok-sp-6) var(--eok-sp-7); border-top: 1px solid var(--eok-rule); }
.eok-about__title { margin: var(--eok-sp-2) 0 var(--eok-sp-4); }
.eok-about p { margin: 0 0 var(--eok-sp-3); max-width: var(--eok-measure); color: var(--eok-ink-soft); font-size: var(--eok-fs-400); line-height: 1.7; }
.eok-about p:last-child { margin-bottom: 0; }

/* === Marka sayfası hero logosu === */
.eok-brandhero__logo { margin: var(--eok-sp-3) 0 var(--eok-sp-2); }
.eok-brandhero__logo img { height: 56px; width: auto; max-width: 240px; object-fit: contain; display: block; }