/* ===================================================================
   BLOG · liste ve tekil yazi                          2026-08-27

   Urun ve iletisim sayfalariyla ayni token seti. Yazilar 440-2.500
   kelime arasi teknik metinler; tasarimin isi okunakliligi korumak,
   dekor eklemek degil.
   =================================================================== */

.ek-blog,
.ek-yazi{
	--ek-blog-bolum:clamp(30px, 3.6vw, 52px);
	max-width:1180px;
	margin-inline:auto;
	padding:clamp(16px, 2.2vw, 26px) clamp(16px, 4vw, 40px) var(--ek-blog-bolum);
}
/* Bolum dolgularini sifirla: ek-urun ritmi (72+72px) buraya da
   uygulaniyordu ve bosluklar ikiye katlaniyordu. */
.ek-blog > section,
.ek-yazi > section,
.ek-yazi > article{padding-top:0;padding-bottom:0}

.ek-blog .ek-bolum-no,
.ek-yazi .ek-bolum-no{margin:0 0 8px}
.ek-blog .ek-urun-baslik,
.ek-yazi .ek-urun-baslik{margin:0;font-size:var(--tip-h1)}

.ek-blog-hero{margin-bottom:var(--ek-blog-bolum)}
.ek-blog .ek-blog-giris{
	max-width:56ch;margin:12px 0 0;
	font-size:var(--tip-govde);line-height:1.65;color:var(--metin);
}

/* ---- KART IZGARASI ------------------------------------------------ */
.ek-blog-izgara{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
	gap:clamp(18px, 2.4vw, 30px);
	margin-top:clamp(18px, 2.4vw, 30px);
}

.ek-blog-kart{margin:0}
.ek-blog-bag{
	display:grid;
	gap:14px;
	height:100%;
	text-decoration:none;
	color:inherit;
}
.ek-blog-gorsel{
	/* Cerceve yok: kart kutusu yerine gorsel + metin. Fotograflarda
	   cerceve gorseli kesiyormus gibi duruyordu. */
	display:block;
	overflow:hidden;
	border-radius:14px;
	background:var(--alan-zemin);
	line-height:0;
}
.ek-blog-gorsel img{
	width:100%;
	aspect-ratio:16 / 10;
	object-fit:cover;
	display:block;
	transition:transform 420ms cubic-bezier(.4,0,.2,1);
}
.ek-blog-bag:hover .ek-blog-gorsel img{transform:scale(1.03)}

.ek-blog-govde{display:grid;gap:8px;align-content:start}
.ek-blog-ust{
	display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
	font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
	color:var(--metin-ikincil);
}
.ek-blog-kat{color:var(--baslik-renk)}
.ek-blog-sure{color:var(--metin-ikincil)}

.ek-blog-baslik{
	font-size:17px;font-weight:700;line-height:1.32;letter-spacing:-.01em;
	color:var(--metin-baslik);
	transition:color 180ms ease;
}
.ek-blog-bag:hover .ek-blog-baslik{color:var(--marka-metin)}
.ek-blog-ozet{
	font-size:var(--tip-kucuk);line-height:1.6;color:var(--metin);
}

/* One cikan kart: en yeni yaziyi digerlerinden ayirir. */
.ek-blog-kart--one .ek-blog-bag{
	grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);
	align-items:center;
	gap:clamp(20px, 3vw, 40px);
}
.ek-blog-kart--one .ek-blog-gorsel img{aspect-ratio:16 / 9}
.ek-blog-kart--one .ek-blog-baslik{font-size:clamp(22px, 2.6vw, 30px);line-height:1.2}
.ek-blog-kart--one .ek-blog-ozet{font-size:var(--tip-govde);line-height:1.65}
@media (max-width:820px){
	.ek-blog-kart--one .ek-blog-bag{grid-template-columns:1fr}
}

.ek-blog-bos{color:var(--metin-ikincil)}

/* ---- SAYFALAMA ---------------------------------------------------- */
.ek-blog-sayfalama{
	display:flex;flex-wrap:wrap;gap:8px;
	margin-top:var(--ek-blog-bolum);
}
.ek-blog-sayfalama .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:38px;height:38px;padding:0 12px;
	border:1px solid var(--cizgi);
	border-radius:var(--yuvarlak-hap,100px);
	font-size:13px;font-weight:600;
	color:var(--metin);text-decoration:none;
	transition:border-color 180ms ease, color 180ms ease;
}
.ek-blog-sayfalama .page-numbers:hover{border-color:var(--alan-cizgi-uzeri);color:var(--metin-baslik)}
.ek-blog-sayfalama .page-numbers.current{
	background:var(--marka);border-color:var(--marka);color:#fff;
}

/* ===================================================================
   TEKIL YAZI
   =================================================================== */

.ek-yazi-hero{max-width:74ch;margin-bottom:22px}
.ek-yazi .ek-yazi-lede{
	max-width:64ch;margin:14px 0 0;
	font-size:clamp(16px, 1.5vw, 19px);line-height:1.6;
	color:var(--metin-ikincil);
}

.ek-yazi-gorsel{
	margin:0 0 clamp(24px, 3vw, 40px);
	border:1px solid var(--cizgi);
	border-radius:18px;
	overflow:hidden;
	line-height:0;
}
.ek-yazi-gorsel img{
	width:100%;
	display:block;
	/* Ham hali kare bir gorselde 1098x1098 olarak basiliyordu (olculdu)
	   ve yazi ekranin cok asagisina itiliyordu. Kapak orani sabit. */
	aspect-ratio:16 / 7;
	max-height:440px;
	object-fit:cover;
}

/* ---- OKUMA ALANI --------------------------------------------------
   Tek sutun, 68ch. Yazilar 2.500 kelimeye kadar cikiyor; satir uzunlugu
   burada okunakligin tek belirleyicisi. */
.ek-yazi-govde{
	/* 68ch Montserrat'ta 726px'e denk geliyordu, yani satir basina ~90
	   karakter (olculdu) — rahat okuma araligi 60-75. */
	max-width:58ch;
	font-size:var(--tip-govde);
	line-height:1.75;
	color:var(--metin);
}
.ek-yazi-govde > *:first-child{margin-top:0}
.ek-yazi-govde p{margin:0 0 1.25em}
.ek-yazi-govde strong{color:var(--metin-baslik);font-weight:600}
.ek-yazi-govde a{
	color:var(--marka-metin);text-underline-offset:3px;
	text-decoration-thickness:1px;
}

.ek-yazi-govde h2,
.ek-yazi-govde h3,
.ek-yazi-govde h4,
.ek-yazi-govde h5,
.ek-yazi-govde h6{
	color:var(--metin-baslik);
	font-weight:700;
	letter-spacing:-.01em;
	line-height:1.25;
	margin:2em 0 .6em;
}
.ek-yazi-govde h2{font-size:clamp(22px, 2.2vw, 27px)}
.ek-yazi-govde h3{font-size:20px}
/* Yazilarda h5 h2'den bile cok kullanilmis (50'ye 36); alt baslik gibi
   davraniyor, o yuzden h4/h5/h6 ayni olcekte. */
.ek-yazi-govde h4,
.ek-yazi-govde h5,
.ek-yazi-govde h6{font-size:17px}

.ek-yazi-govde ul,
.ek-yazi-govde ol{margin:0 0 1.25em;padding-left:1.35em}
.ek-yazi-govde li{margin-bottom:.5em}
.ek-yazi-govde li::marker{color:var(--marka-metin)}

.ek-yazi-govde blockquote{
	margin:1.6em 0;padding:2px 0 2px 18px;
	border-left:2px solid var(--marka-metin);
	color:var(--metin-baslik);
}

.ek-yazi-govde img,
.ek-yazi-govde figure img{
	max-width:100%;height:auto;border-radius:12px;display:block;
}
.ek-yazi-govde figure{margin:1.6em 0}
.ek-yazi-govde figcaption{
	margin-top:8px;font-size:13px;color:var(--metin-ikincil);
}

/* Tablolar: yazilarda 180 <td> var, cogu teknik ozellik tablosu.
   Dar ekranda sayfayi yatay kaydirmasin diye kendi kabinda kayiyor. */
.ek-yazi-govde table{
	width:100%;
	border-collapse:collapse;
	margin:1.6em 0;
	font-size:var(--tip-kucuk);
	font-variant-numeric:tabular-nums;
}
.ek-yazi-govde table th,
.ek-yazi-govde table td{
	padding:10px 12px;
	border:1px solid var(--cizgi);
	text-align:left;
	vertical-align:top;
}
.ek-yazi-govde table th{
	background:var(--alan-zemin);
	color:var(--metin-baslik);
	font-weight:700;
}
.ek-yazi-govde table tr:nth-child(even) td{background:var(--alan-zemin)}
.ek-yazi-govde .ek-tablo-kap{overflow-x:auto;margin:1.6em 0}
.ek-yazi-govde .ek-tablo-kap table{margin:0}

/* Kimyasal formullerdeki alt/ust simgeler satiri sismesin. */
.ek-yazi-govde sub,
.ek-yazi-govde sup{line-height:0;font-size:.78em}

/* ---- ETIKETLER ve BENZER YAZILAR ---------------------------------- */
.ek-yazi-etiketler{
	display:flex;flex-wrap:wrap;gap:8px;
	max-width:58ch;
	margin-top:clamp(24px, 3vw, 36px);
	padding-top:18px;
	border-top:1px solid var(--cizgi);
}
.ek-yazi-etiketler a{
	display:inline-flex;align-items:center;
	padding:5px 12px;
	border:1px solid var(--cizgi);
	border-radius:var(--yuvarlak-hap,100px);
	font-size:12px;color:var(--metin-ikincil);text-decoration:none;
	transition:border-color 180ms ease, color 180ms ease;
}
.ek-yazi-etiketler a:hover{border-color:var(--alan-cizgi-uzeri);color:var(--metin-baslik)}

.ek-yazi-benzer{margin-top:clamp(52px, 6vw, 84px)}

@media (prefers-reduced-motion:reduce){
	.ek-blog-gorsel img{transition:none}
	.ek-blog-bag:hover .ek-blog-gorsel img{transform:none}
}

/* ---- ICINDEKILER --------------------------------------------------
   Elementor sablonunda bir icindekiler widget'i vardi; yazilar 2.500
   kelimeye kadar ciktigi icin gercekten ise yariyordu. PHP ile yeniden
   uretiliyor, uc veya daha fazla baslik varsa gosteriliyor. */
.ek-yazi-icindekiler{
	max-width:58ch;
	margin:0 0 clamp(24px, 3vw, 36px);
	padding:16px 18px;
	border:1px solid var(--cizgi);
	border-radius:14px;
	background:var(--alan-zemin);
}
.ek-yazi-ic-baslik{
	margin:0 0 10px;
	font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	color:var(--baslik-renk);
}
.ek-yazi-icindekiler ol{
	margin:0;padding:0;list-style:none;
	/* Uzun listelerde iki sutun: bu yazida 24 ust duzey baslik var
	   (olculdu) ve tek sutunda icindekiler basli basina bir duvar
	   oluyordu. Az sayida baslikta tek sutun kaliyor. */
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	gap:6px 22px;
}
.ek-yazi-icindekiler li{margin:0}
.ek-yazi-icindekiler .ek-ic-d1{padding-left:14px}
.ek-yazi-icindekiler .ek-ic-d2{padding-left:28px}
.ek-yazi-icindekiler a{
	font-size:var(--tip-kucuk);
	line-height:1.45;
	color:var(--metin);
	text-decoration:none;
	transition:color 160ms ease;
}
.ek-yazi-icindekiler a:hover{color:var(--marka-metin);text-decoration:underline}

/* Yapiskan baslik, ic baglantiyla atlanan basligin ustunu kesiyordu. */
.ek-yazi-govde h2,
.ek-yazi-govde h3{scroll-margin-top:110px}

/* ===================================================================
   HAKKIMIZDA                                           2026-08-28
   =================================================================== */

.ek-hk{
	--ek-hk-bolum:clamp(34px, 4vw, 60px);
	max-width:1180px;
	margin-inline:auto;
	padding:clamp(16px, 2.2vw, 26px) clamp(16px, 4vw, 40px) var(--ek-hk-bolum);
}
.ek-hk > section{padding-top:0;padding-bottom:0;margin-bottom:var(--ek-hk-bolum)}
.ek-hk > section:last-child{margin-bottom:0}
.ek-hk .ek-bolum-no{margin:0 0 10px}
.ek-hk .ek-urun-baslik{margin:0;font-size:var(--tip-h1)}

.ek-hk .ek-hk-lede{
	max-width:62ch;margin:14px 0 0;
	font-size:clamp(16px, 1.5vw, 19px);line-height:1.65;color:var(--metin);
}

/* ---- 01 SIRKET: gorsel solda, metin sagda ------------------------- */
.ek-hk-sirket{
	display:grid;
	grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);
	gap:clamp(22px, 3.4vw, 48px);
	align-items:center;
}
@media (max-width:860px){
	.ek-hk-sirket{grid-template-columns:1fr}
}
/* Cerceve YOK: gorsel kutunun icinden cikarildi, serbest duruyor.
   Kenarlik, yuvarlaklik ve zemin kaldirildi. */
.ek-hk-gorsel{
	margin:0;
	line-height:0;
}
.ek-hk-gorsel img{
	width:100%;
	height:auto;
	display:block;
	border:0;
	border-radius:0;
	background:none;
}
.ek-hk .ek-hk-sirket-metin p:not(.ek-bolum-no){
	margin:0;
	max-width:56ch;
	font-size:var(--tip-govde);
	line-height:1.75;
	color:var(--metin);
}

/* ---- 02 VIZYON / MISYON ------------------------------------------- */
.ek-hk-izgara{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
	gap:clamp(16px, 2.2vw, 26px);
}
.ek-hk-kart{
	padding:22px;
	border:1px solid var(--cizgi);
	border-radius:16px;
	background:var(--alan-zemin);
}
.ek-hk .ek-hk-kart h2{
	margin:0 0 10px;
	font-size:var(--tip-h3);
	font-weight:700;
	letter-spacing:-.01em;
	color:var(--metin-baslik);
}
.ek-hk .ek-hk-kart p{
	margin:0;
	font-size:var(--tip-kucuk);
	line-height:1.7;
	color:var(--metin);
}

/* ---- 03 STRATEJI ---------------------------------------------------
   Kaynak metin tek paragrafta, virgullerle birbirine yapismis bes
   maddeydi. Numaralar CSS ile ureiliyor; icerik olduğu gibi. */
.ek-hk-strateji-liste{
	counter-reset:ek-strateji;
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	gap:14px;
	max-width:78ch;
}
.ek-hk .ek-hk-strateji-liste li{
	counter-increment:ek-strateji;
	position:relative;
	margin:0;
	padding:0 0 0 44px;
	font-size:var(--tip-govde);
	line-height:1.7;
	color:var(--metin);
}
.ek-hk-strateji-liste li::before{
	content:counter(ek-strateji, decimal-leading-zero);
	position:absolute;
	left:0;
	top:1px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	color:var(--baslik-renk);
	font-variant-numeric:tabular-nums;
}

/* ---- CTA ----------------------------------------------------------- */
/* Secici .ek-hk > section.ek-hk-cta: yukaridaki
   `.ek-hk > section{padding-top:0;padding-bottom:0}` kurali — bolum
   ritmini ek-urun'dan devralmamak icin yazilmisti — bu KUTUNUN kendi
   dolgusunu da sifirliyordu. Olculdu: dolgu "0px 24px", yani baslikla
   kutunun ust kenari arasinda 1px kalmisti. */
.ek-hk > section.ek-hk-cta{
	padding:clamp(26px, 3vw, 38px);
	border:1px solid var(--cizgi);
	border-radius:18px;
	background:var(--alan-zemin);
}
.ek-hk .ek-hk-cta h2{
	/* Baslik ortali kaliyordu (ek-urun'dan gelen text-align:center);
	   govde metni ve dugmeler sola yasliyken tek basina ortada
	   duruyordu. */
	text-align:left;
	margin:0 0 10px;
	font-size:var(--tip-h2);
	font-weight:700;
	letter-spacing:-.015em;
	color:var(--metin-baslik);
}
.ek-hk .ek-hk-cta p{
	text-align:left;
	margin:0 0 20px;
	max-width:58ch;
	font-size:var(--tip-govde);
	line-height:1.65;
	color:var(--metin);
}
.ek-hk-cta-baglar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.ek-hk-ikincil{
	font-size:14px;
	font-weight:600;
	color:var(--marka-metin);
	text-decoration:none;
	text-underline-offset:4px;
}
.ek-hk-ikincil:hover{text-decoration:underline}