/* =============================================================================
   MK — ön yüz stilleri
   Kurallar: gölge yok. Degrade yalnız gökyüzünde. Dolgulu renkli düğme yok
   (düğmeler ya hayalet ya açık dolgu). Signal Blue yalnız bağlantı metninde.
   Yarıçap: 4px form, 8px düğme, 11-14px kart/görsel.
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  margin: 0;
  background: var(--color-black-void);
  color: var(--color-whiteout);
  font-family: var(--font-arayuz);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  font-weight: var(--font-weight-medium);
  -webkit-font-smoothing: antialiased;
  /* Yatay taşmayı kes ama sayfayı kaydıran kutuyu DEĞİŞTİRME.
     overflow-x:hidden gövdeyi kaydırılabilir bir kutuya çevirir ve içindeki
     her position:sticky öğeyi bozar (eklenti çıktılarındaki yapışkan
     sütunlar sayfayla birlikte kayıp üst menünün altına giriyordu).
     clip aynı kırpmayı yapar, kaydırma kutusu oluşturmaz. */
  overflow-x: clip;
}

/* clip'i tanımayan eski tarayıcılarda eski davranışa dön */
@supports not (overflow-x: clip) {
  body { overflow-x: hidden; }
}

img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: opacity var(--gecis), color var(--gecis); }
:focus-visible { outline: 2px solid var(--color-signal-blue); outline-offset: 3px; border-radius: 4px; }

.mk-gorunmez {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.mk-atla { position: absolute; left: -9999px; top: 10px; z-index: 200;
  background: var(--color-haze); color: var(--color-ink); padding: 10px 16px; border-radius: var(--radius-buttons); }
.mk-atla:focus { left: 12px; }

.mk-kapsa { width: 100%; max-width: var(--page-max-width); margin-inline: auto; padding-inline: 24px; }
.mk-tam { width: 100%; }
.mk-sonuk { opacity: .6; margin: 0; }

/* --- Tipografi ----------------------------------------------------------- */
.mk-dev {
  font-family: var(--font-dev);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  line-height: var(--leading-display);
  letter-spacing: -0.01em;
  margin: 0;
  font-size: clamp(52px, 13.5vw, var(--text-display));
}
.mk-dev__satir { display: block; }

.mk-baslik {
  font-family: var(--font-arayuz);
  font-weight: var(--font-weight-medium);
  font-size: clamp(26px, 4vw, var(--text-heading));
  line-height: var(--leading-heading);
  letter-spacing: -0.02em;
  margin: 0;
  text-wrap: balance;
}
.mk-baslik--buyuk { font-size: clamp(32px, 6vw, var(--text-heading-lg)); line-height: var(--leading-heading-lg); }

/* Tasarımın imzası: dik başlık içinde tek bir el yazısı kelime */
.mk-elyazi {
  font-family: var(--font-elyazi);
  font-style: normal;
  font-weight: 600;
  font-size: 1.22em;
  line-height: 0.8;
  letter-spacing: 0;
  padding-inline: 0.04em;
}
.mk-dev .mk-elyazi { font-size: 0.92em; text-transform: none; }

.mk-etiket {
  font-size: var(--text-caption);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.02em;
  opacity: .6;
  margin: 0 0 var(--spacing-12);
}
.mk-etiket--acik { opacity: .85; }
.mk-zemin--beyaz .mk-etiket, .mk-zemin--haze .mk-etiket { opacity: .55; }

p { margin: 0 0 var(--spacing-16); }
p:last-child { margin-bottom: 0; }

/* --- Düğmeler ve bağlantılar --------------------------------------------- */
.mk-dugme {
  display: inline-flex; align-items: center; justify-content: center;
  font: inherit; font-size: 14px; font-weight: var(--font-weight-medium);
  padding: 10px 16px; border-radius: var(--radius-buttons);
  border: 1px solid currentColor; background: transparent; color: inherit;
  cursor: pointer; text-align: center;
  transition: background-color var(--gecis), color var(--gecis), border-color var(--gecis);
}
.mk-dugme--hayalet { border-color: var(--color-whiteout); color: var(--color-whiteout); }
.mk-dugme--hayalet:hover { background: var(--color-whiteout); color: var(--color-ink); }
.mk-zemin--beyaz .mk-dugme--hayalet, .mk-zemin--haze .mk-dugme--hayalet { border-color: var(--color-ink); color: var(--color-ink); }
.mk-zemin--beyaz .mk-dugme--hayalet:hover, .mk-zemin--haze .mk-dugme--hayalet:hover { background: var(--color-ink); color: var(--color-haze); }
.mk-dugme--dolu { background: var(--color-haze); color: var(--color-ink); border-color: var(--color-ink); }
.mk-dugme--dolu:hover { background: var(--color-whiteout); }
.mk-dugme--buyuk { padding: 13px 22px; font-size: 15px; }
.mk-dugme--tam { width: 100%; }

/* Altı çizili bağlantı — tek gerçek "çağrı" biçimi */
.mk-bag-alti {
  display: inline-block; padding: 0 2px 2px; font-size: 15px;
  color: var(--color-signal-blue);
  border-bottom: 2px solid currentColor;
}
.mk-bag-alti:hover { opacity: .75; }
.mk-eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-20); margin-top: var(--spacing-32); }

/* --- Üst çubuk ----------------------------------------------------------- */
.mk-ust { position: sticky; top: 0; z-index: 100; background: rgba(0,0,0,.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.mk-ust--kaydi { background: rgba(0,0,0,.86); }
.mk-ust__ic {
  max-width: var(--page-max-width); margin-inline: auto;
  min-height: var(--ust-yukseklik);
  display: flex; align-items: center; gap: var(--spacing-32);
  padding: 12px 24px;
}
.mk-marka { margin-right: auto; }
/* Yükseklik panelden gelir (satır içi style). Buradaki eski 30px tavanı
   ayarın etkisini tamamen yutuyordu: 72px seçilse bile logo 30px kalıyordu. */
.mk-marka__logo { width: auto; }
.mk-marka__ad { font-family: var(--font-elyazi); font-weight: 700; font-size: 30px; line-height: 1; }

.mk-gezinti { display: flex; align-items: center; gap: var(--spacing-24); }
.mk-gezinti__bag { font-size: 14px; opacity: .8; }
.mk-gezinti__bag:hover { opacity: 1; }
.mk-gezinti__bag--aktif { opacity: 1; border-bottom: 1px solid currentColor; }

.mk-ust__sag { display: flex; align-items: center; gap: var(--element-gap); }
.mk-menu-dugme {
  display: none; width: 40px; height: 40px; padding: 0; place-items: center; gap: 5px;
  background: transparent; border: 1px solid var(--color-whiteout);
  border-radius: var(--radius-buttons); cursor: pointer;
}
.mk-menu-dugme span:not(.mk-gorunmez) { display: block; width: 16px; height: 1px; background: var(--color-whiteout); transition: transform var(--gecis); }
.mk-menu-dugme[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.mk-menu-dugme[aria-expanded="true"] span:nth-child(2) { transform: translateY(-3px) rotate(-45deg); }

.mk-mobil { border-top: 1px solid rgba(255,255,255,.15); padding: 12px 24px 20px; background: rgba(0,0,0,.94); }
.mk-mobil nav { display: flex; flex-direction: column; }
.mk-mobil a:not(.mk-dugme) { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.mk-mobil .mk-dugme { margin-top: 16px; }

/* --- Bölüm iskeleti ------------------------------------------------------ */
.mk-bolum { padding-block: var(--spacing-80); }
.mk-aralik--dar   { padding-block: var(--section-gap); }
.mk-aralik--genis { padding-block: var(--spacing-120); }

.mk-zemin--siyah { background: var(--color-black-void); color: var(--color-whiteout); }
.mk-zemin--beyaz { background: var(--color-whiteout); color: var(--color-ink); }
.mk-zemin--haze  { background: var(--color-haze);      color: var(--color-ink); }
.mk-zemin--gok   { background: linear-gradient(180deg, var(--mk-gok-ust), var(--mk-gok-alt)); color: var(--color-whiteout); }

.mk-bolum-bas { max-width: 720px; margin: 0 auto var(--spacing-48); text-align: center; }
.mk-bolum-bas__alt { margin-top: var(--spacing-16); font-size: var(--text-subheading); line-height: var(--leading-subheading); opacity: .8; }
.mk-orta-eylem { text-align: center; margin-top: var(--spacing-48); }
.mk-bolum--sayfabas { padding-block: var(--spacing-80) var(--spacing-32); text-align: center; }
.mk-bos { min-height: 60vh; display: grid; place-items: center; text-align: center; }
.mk-bos__alt { margin: var(--spacing-16) 0 var(--spacing-32); opacity: .7; }

/* --- Gökyüzü kahraman ---------------------------------------------------- */
.mk-gok {
  position: relative; overflow: hidden;
  display: grid; place-items: center; text-align: center;
  background: linear-gradient(180deg, var(--mk-gok-ust) 0%, var(--mk-gok-alt) 100%);
  padding: var(--spacing-120) 24px var(--spacing-80);
}
.mk-gok--tam   { min-height: calc(100vh - var(--ust-yukseklik)); }
.mk-gok--buyuk { min-height: 76vh; }
.mk-gok--orta  { min-height: 52vh; padding-block: var(--spacing-80) var(--spacing-64); }
.mk-gok__zemin { position: absolute; inset: 0; z-index: 0; }
.mk-gok__zemin img { width: 100%; height: 100%; object-fit: cover; }
.mk-gok__perde { position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.12) 45%, rgba(0,0,0,.72) 100%); }
.mk-gok--gorselli .mk-gok__perde { background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.8) 100%); }

/* Bulut izleri — fotoğraf olmadığında atmosferi kuran tek süs */
.mk-gok__bulut { position: absolute; z-index: 1; border-radius: 50%; filter: blur(60px); opacity: .5; pointer-events: none; }
.mk-gok__bulut--1 { width: 46vw; height: 26vw; left: -8vw; top: 18%; background: rgba(255,255,255,.22); }
.mk-gok__bulut--2 { width: 40vw; height: 22vw; right: -6vw; bottom: 8%;  background: rgba(255,255,255,.16); }

.mk-gok__ic { position: relative; z-index: 2; max-width: 1150px; }
.mk-gok__alt { max-width: 620px; margin: var(--spacing-32) auto 0; font-size: var(--text-subheading); line-height: var(--leading-subheading); opacity: .88; }
.mk-gok .mk-eylemler { justify-content: center; }

.mk-yorunge { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.mk-yorunge__oge {
  position: absolute; font-size: 14px; opacity: .8;
  padding: 4px 12px; border: 1px solid rgba(255,255,255,.35); border-radius: var(--radius-pills);
  backdrop-filter: blur(4px);
}
.mk-yorunge__oge--1 { left: 3%;  top: 26%; }
.mk-yorunge__oge--2 { right: 3%; top: 20%; }
.mk-yorunge__oge--3 { left: 5%;  bottom: 20%; }
.mk-yorunge__oge--4 { right: 5%; bottom: 26%; }

/* --- Manifesto ----------------------------------------------------------- */
.mk-bolum--manifesto { background: var(--color-whiteout); color: var(--color-ink); }
.mk-manifesto__etiket { text-align: center; }
.mk-manifesto { max-width: 900px; margin-inline: auto; }
.mk-manifesto__p {
  font-size: clamp(22px, 3.2vw, 38px);
  line-height: 1.28;
  letter-spacing: -0.02em;
  margin: 0 0 var(--spacing-32);
}
.mk-manifesto__imza { font-size: clamp(22px, 3.2vw, 38px); letter-spacing: -0.02em; margin: 0; }

/* Metin artık editörden geliyor: paragraf, başlık, liste ve alıntı da
   manifesto ölçüsünde görünsün. */
.mk-manifesto > p, .mk-manifesto > h2, .mk-manifesto > h3, .mk-manifesto > h4,
.mk-manifesto > ul, .mk-manifesto > ol, .mk-manifesto > blockquote {
  font-size: clamp(22px, 3.2vw, 38px);
  line-height: 1.28;
  letter-spacing: -0.02em;
  margin: 0 0 var(--spacing-32);
}
.mk-manifesto > ul, .mk-manifesto > ol { padding-left: 1.2em; }
.mk-manifesto > blockquote { border-left: 3px solid currentColor; padding-left: var(--spacing-20); }
.mk-manifesto :last-child { margin-bottom: 0; }
.mk-manifesto strong, .mk-manifesto b { font-weight: 700; }
.mk-manifesto em, .mk-manifesto i { font-style: italic; }

/* Beliren kelimeler burada renk değil saydamlık değiştirir: editörde
   seçilen yazı renkleri ve el yazısı vurguları olduğu gibi kalsın. */
.mk-manifesto .mk-kelime { color: inherit; opacity: .2; transition: opacity .28s ease; }
.mk-manifesto .mk-kelime--acik { color: inherit; opacity: 1; }
.mk-kelime { color: rgba(27, 27, 27, .16); transition: color .28s ease; }
.mk-kelime--acik { color: var(--color-ink); }

/* --- Rakam bandı --------------------------------------------------------- */
.mk-rakamlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--spacing-48); margin: 0; }
.mk-rakam { text-align: center; }
.mk-rakam__deger {
  font-family: var(--font-dev); font-weight: 400; text-transform: uppercase;
  font-size: clamp(56px, 9vw, 120px); line-height: .9; margin: 0;
  display: flex; align-items: baseline; justify-content: center; gap: .06em;
}
.mk-rakam__band {
  display: inline-block; padding: 0 .06em;
  background-image: linear-gradient(var(--color-twilight-blue), var(--color-twilight-blue));
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-position: left center;
  transition: background-size .7s cubic-bezier(.2,.7,.2,1);
}
.mk-rakam--goruldu .mk-rakam__band { background-size: 100% 100%; }
.mk-rakam__ek { font-size: .42em; opacity: .7; }
.mk-rakam__aciklama { margin: var(--spacing-16) 0 0; font-size: var(--text-caption); opacity: .7; }
.mk-zemin--beyaz .mk-rakam__band, .mk-zemin--haze .mk-rakam__band { color: var(--color-whiteout); }

/* --- Kartlar ------------------------------------------------------------- */
.mk-izgara { display: grid; gap: var(--spacing-24); }
.mk-izgara--1 { grid-template-columns: 1fr; }
.mk-izgara--2 { grid-template-columns: repeat(2, 1fr); }
.mk-izgara--3 { grid-template-columns: repeat(3, 1fr); }
.mk-izgara--4 { grid-template-columns: repeat(4, 1fr); }

.mk-kart {
  display: flex; flex-direction: column;
  background: var(--color-haze); color: var(--color-ink);
  border-radius: var(--radius-cards); overflow: hidden;
  transition: transform var(--gecis);
}
a.mk-kart:hover { transform: translateY(-2px); }
.mk-kart__gorsel { position: relative; display: block; }
.mk-kart__gorsel img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.mk-kart__etiket {
  position: absolute; left: 0; top: 0;
  background: var(--color-haze); color: var(--color-ink);
  font-size: var(--text-caption); padding: 6px 12px;
  border-bottom-right-radius: var(--radius-cards);
}
.mk-kart__etiket--tek { position: static; display: inline-block; border-radius: 0 0 var(--radius-cards) 0; }
.mk-kart__govde { display: flex; flex-direction: column; gap: var(--element-gap); padding: var(--card-padding); flex: 1; }
.mk-kart__baslik { font-size: var(--text-subheading); line-height: var(--leading-subheading); letter-spacing: -0.01em; }
.mk-kart__tarih { font-size: var(--text-caption); opacity: .55; }
.mk-kart__metin { font-size: 15px; opacity: .75; }
.mk-kart__metin p { margin: 0; }
.mk-kart__bag {
  margin-top: auto; padding-top: var(--spacing-16);
  font-size: var(--text-caption); color: var(--color-signal-blue);
}
a.mk-kart:hover .mk-kart__bag { text-decoration: underline; text-underline-offset: 3px; }

/* --- İkili anlatım ------------------------------------------------------- */
.mk-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-64); align-items: center; }
.mk-ikili--sol .mk-ikili__gorsel { order: -1; }
.mk-ikili__gorsel img { width: 100%; border-radius: var(--radius-images); }
.mk-ikili__yazi .mk-zengin { margin-top: var(--spacing-20); }
.mk-ikili__eylem { margin-top: var(--spacing-24); }

/* --- Güven şeridi -------------------------------------------------------- */
.mk-guven__ust { text-align: center; }
.mk-guven { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--spacing-48) var(--spacing-64); }
.mk-guven__oge { font-size: var(--text-subheading); opacity: .65; transition: opacity var(--gecis); }
.mk-guven__oge:hover { opacity: 1; }
.mk-guven__oge img { max-height: 34px; width: auto; filter: grayscale(1) brightness(2); }
.mk-zemin--beyaz .mk-guven__oge img, .mk-zemin--haze .mk-guven__oge img { filter: grayscale(1); }

/* --- Adımlar ------------------------------------------------------------- */
.mk-adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; max-width: 860px; margin-inline: auto; }
.mk-adim { display: flex; gap: var(--spacing-32); padding: var(--spacing-32) 0; border-top: 1px solid currentColor; }
.mk-adim:first-child { border-top: 0; }
.mk-bolum--adimlar .mk-adim { border-color: rgba(255,255,255,.16); }
.mk-zemin--beyaz .mk-adim, .mk-zemin--haze .mk-adim { border-color: rgba(0,0,0,.12); }
.mk-adim__no { font-family: var(--font-dev); font-size: 28px; line-height: 1; opacity: .35; flex: none; }
.mk-adim__baslik { font-size: var(--text-subheading); font-weight: var(--font-weight-medium); margin: 0 0 8px; letter-spacing: -0.01em; }
.mk-adim__metin { opacity: .75; }

/* --- Serbest metin ------------------------------------------------------- */
.mk-metin--dar { max-width: var(--okuma-genislik); margin-inline: auto; }
.mk-metin--tam { max-width: var(--page-max-width); }
.mk-zengin { font-size: var(--text-body); line-height: 1.65; opacity: .88; margin-top: var(--spacing-24); }
.mk-zengin h2, .mk-zengin h3, .mk-zengin h4 { font-weight: var(--font-weight-medium); letter-spacing: -0.01em; margin: var(--spacing-32) 0 var(--spacing-12); opacity: 1; }
.mk-zengin h2 { font-size: 26px; } .mk-zengin h3 { font-size: 21px; } .mk-zengin h4 { font-size: 18px; }
.mk-zengin ul, .mk-zengin ol { padding-left: 22px; margin: 0 0 var(--spacing-16); }
.mk-zengin li { margin-bottom: 8px; }
.mk-zengin a { color: var(--color-signal-blue); border-bottom: 2px solid currentColor; padding-bottom: 1px; }
.mk-zengin blockquote { margin: var(--spacing-24) 0; padding-left: var(--spacing-20); border-left: 2px solid currentColor; opacity: .8; font-size: var(--text-subheading); }
.mk-zengin table { width: 100%; border-collapse: collapse; margin: var(--spacing-24) 0; font-size: 15px; }
.mk-zengin th, .mk-zengin td { border-bottom: 1px solid rgba(128,128,128,.3); padding: 10px 12px; text-align: left; }
.mk-zengin img { border-radius: var(--radius-images); margin: var(--spacing-24) 0; }
.mk-zengin hr { border: 0; border-top: 1px solid rgba(128,128,128,.3); margin: var(--spacing-32) 0; }

/* --- SSS ----------------------------------------------------------------- */
.mk-sss { max-width: 860px; margin-inline: auto; }
.mk-sss__oge { border-top: 1px solid rgba(255,255,255,.16); }
.mk-zemin--beyaz .mk-sss__oge, .mk-zemin--haze .mk-sss__oge { border-color: rgba(0,0,0,.12); }
.mk-sss__oge:last-child { border-bottom: 1px solid rgba(255,255,255,.16); }
.mk-zemin--beyaz .mk-sss__oge:last-child, .mk-zemin--haze .mk-sss__oge:last-child { border-bottom-color: rgba(0,0,0,.12); }
.mk-sss__soru {
  display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-20);
  padding: var(--spacing-24) 0; cursor: pointer; list-style: none;
  font-size: var(--text-subheading); line-height: var(--leading-subheading);
}
.mk-sss__soru::-webkit-details-marker { display: none; }
.mk-sss__isaret { position: relative; width: 14px; height: 14px; flex: none; }
.mk-sss__isaret::before, .mk-sss__isaret::after { content: ''; position: absolute; background: currentColor; opacity: .6; transition: transform var(--gecis); }
.mk-sss__isaret::before { top: 6px; left: 0; width: 14px; height: 1.5px; }
.mk-sss__isaret::after  { left: 6px; top: 0; width: 1.5px; height: 14px; }
.mk-sss__oge[open] .mk-sss__isaret::after { transform: scaleY(0); }
.mk-sss__cevap { padding-bottom: var(--spacing-24); max-width: 720px; opacity: .78; }

/* --- Eylem çağrısı ------------------------------------------------------- */
.mk-cagri { text-align: center; }
.mk-cagri__metin { max-width: 560px; margin: var(--spacing-20) auto 0; opacity: .8; font-size: var(--text-subheading); }
.mk-cagri__eylem { margin: var(--spacing-32) 0 0; }

/* --- Kurum akışı --------------------------------------------------------- */

/* --- İletişim ve form ---------------------------------------------------- */
.mk-iletisim--ikili { display: grid; grid-template-columns: 320px 1fr; gap: var(--spacing-64); align-items: start; }
.mk-iletisim__satir { margin-bottom: var(--spacing-24); }
.mk-iletisim__satir .mk-etiket { margin-bottom: 4px; }
.mk-form { display: grid; gap: var(--spacing-20); background: var(--color-haze); color: var(--color-ink); padding: var(--spacing-32); border-radius: var(--radius-cards); }
.mk-form__ikili { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-20); }
.mk-tuzak { position: absolute; left: -9999px; }
.mk-alan { display: grid; gap: 6px; }
.mk-alan > span { font-size: var(--text-caption); opacity: .6; }
.mk-alan input, .mk-alan textarea {
  width: 100%; font: inherit; font-size: var(--text-body); color: var(--color-ink);
  background: var(--color-whiteout); border: 1px solid rgba(0,0,0,.1);
  border-radius: var(--radius-inputs); padding: 10px;
  transition: border-color var(--gecis);
}
.mk-alan textarea { resize: vertical; min-height: 120px; }
.mk-alan input:focus, .mk-alan textarea:focus { border-color: var(--color-ink); outline: none; }
.mk-onay { display: flex; gap: 10px; align-items: flex-start; font-size: var(--text-caption); opacity: .8; }
.mk-onay input { margin-top: 3px; accent-color: var(--color-signal-blue); }
.mk-form__not { font-size: var(--text-caption); opacity: .6; margin: 0; }
.mk-form .mk-dugme { justify-self: start; }

/* --- Bildirimler --------------------------------------------------------- */
.mk-bildirimler { position: fixed; z-index: 150; left: 50%; top: 84px; transform: translateX(-50%); display: grid; gap: 8px; width: min(92vw, 520px); }
.mk-bildirim { padding: 13px 18px; border-radius: var(--radius-cards); font-size: 14px; background: var(--color-haze); color: var(--color-ink); }
.mk-bildirim--hata { background: #2a1618; color: #ffd9dc; }

/* --- Yazılar ------------------------------------------------------------- */
.mk-bolum--yazi { padding-block: var(--spacing-80); }
.mk-yazi__tarih { font-size: var(--text-caption); opacity: .55; margin-top: var(--spacing-12); }
.mk-yazi__ozet { font-size: var(--text-subheading); line-height: var(--leading-subheading); margin-top: var(--spacing-24); }
.mk-yazi__kapak { margin: var(--spacing-32) 0; }
.mk-yazi__kapak img { width: 100%; border-radius: var(--radius-images); }
.mk-yazi__geri { margin-top: var(--spacing-48); }
.mk-sayfalama { display: flex; gap: 8px; justify-content: center; margin-top: var(--spacing-48); }
.mk-sayfalama__no { padding: 8px 14px; border: 1px solid rgba(255,255,255,.3); border-radius: var(--radius-buttons); font-size: 14px; }
.mk-sayfalama__no--aktif { background: var(--color-whiteout); color: var(--color-ink); border-color: var(--color-whiteout); }

/* --- Alt bilgi ----------------------------------------------------------- */
.mk-alt { background: var(--color-black-void); color: var(--color-whiteout); padding-block: var(--spacing-64) var(--spacing-32); border-top: 1px solid rgba(255,255,255,.12); }
.mk-alt__ust { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--spacing-48); }
.mk-alt__ad { font-family: var(--font-elyazi); font-weight: 700; font-size: 30px; line-height: 1; margin: 0 0 var(--spacing-16); }
.mk-alt__not { font-size: 15px; opacity: .7; max-width: 320px; }
.mk-alt__sosyal { display: flex; flex-wrap: wrap; gap: var(--spacing-16); margin-top: var(--spacing-20); font-size: 14px; }
.mk-alt__sosyal a, .mk-alt__gezinti a { opacity: .7; }
.mk-alt__sosyal a:hover, .mk-alt__gezinti a:hover { opacity: 1; }
.mk-alt__gezinti { display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.mk-alt__iletisim { font-size: 14px; opacity: .85; }
.mk-alt__iletisim p { margin-bottom: 8px; }
.mk-alt .mk-sonuk { opacity: .5; }
.mk-alt__cizgi { height: 1px; background: rgba(255,255,255,.12); margin: var(--spacing-48) 0 var(--spacing-24); }
.mk-alt__son { font-size: var(--text-caption); opacity: .5; }
.mk-alt__son p { margin: 0; }

.mk-wa { position: fixed; right: 20px; bottom: 20px; z-index: 90; width: 48px; height: 48px;
  display: grid; place-items: center; border-radius: var(--radius-pills);
  background: var(--color-haze); color: var(--color-ink); border: 1px solid rgba(0,0,0,.1); }

/* =============================================================================
   Duyarlılık
   ========================================================================== */
@media (max-width: 1050px) {
  .mk-izgara--4 { grid-template-columns: repeat(2, 1fr); }
  .mk-iletisim--ikili { grid-template-columns: 1fr; gap: var(--spacing-32); }
  .mk-ikili { gap: var(--spacing-32); }
}

@media (max-width: 1150px) {
  /* Yörünge etiketleri ancak geniş ekranda metne girmeden durabiliyor */
  .mk-yorunge { display: none; }
}

@media (max-width: 860px) {
  .mk-gezinti { display: none; }
  .mk-menu-dugme { display: inline-grid; }
  .mk-izgara--2, .mk-izgara--3 { grid-template-columns: repeat(2, 1fr); }
  .mk-ikili, .mk-ikili--sol { grid-template-columns: 1fr; }
  .mk-ikili--sol .mk-ikili__gorsel { order: 0; }
  .mk-alt__ust { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  :root { --spacing-80: 56px; --spacing-120: 72px; --spacing-64: 40px; }
  .mk-kapsa { padding-inline: 18px; }
  .mk-izgara--2, .mk-izgara--3, .mk-izgara--4 { grid-template-columns: 1fr; }
  .mk-alt__ust { grid-template-columns: 1fr; gap: var(--spacing-32); }
  .mk-ust__sag .mk-dugme { display: none; }
  .mk-form { padding: var(--spacing-20); }
  .mk-form__ikili { grid-template-columns: 1fr; }
  .mk-adim { flex-direction: column; gap: 10px; }
  .mk-rakamlar { gap: var(--spacing-32); }
  .mk-bildirimler { top: 76px; }
}

@media print {
  .mk-ust, .mk-alt, .mk-wa, .mk-bildirimler { display: none !important; }
  body { background: #fff; color: #000; }
}

/* =============================================================================
   v2 — GÖKYÜZÜ KATMANI, CAM YÜZEYLER, VAKİT KUMANDASI, KAYAN YAZI
   Bu blok, üstteki bölüm-bölüm zemin mantığının yerini alır: gökyüzü artık
   sayfanın tamamının arkasında sabit durur, bölümler onun üstünde yüzer.
   ========================================================================== */

body {
  background: transparent;
  color: var(--gok-metin);
  transition: color var(--vakit-gecis);
}

/* --- Sabit gökyüzü ------------------------------------------------------- */
.mk-gokyuzu {
  position: fixed; inset: 0; z-index: -2; overflow: hidden;
  background: linear-gradient(180deg, var(--gok-1) 0%, var(--gok-2) 34%, var(--gok-3) 72%, var(--gok-4) 100%);
  transition: background var(--vakit-gecis);
}
.mk-gokyuzu__bulut {
  position: absolute; border-radius: 50%;
  background: var(--gok-bulut);
  filter: blur(42px);
  opacity: .55;
  transition: background var(--vakit-gecis), opacity var(--vakit-gecis);
  will-change: transform;
}
.mk-gokyuzu__bulut--1 { width: 46vw; height: 22vw; left: -6vw;  top: 8%;  animation: mk-suzul 90s linear infinite; }
.mk-gokyuzu__bulut--2 { width: 38vw; height: 18vw; right: -4vw; top: 34%; animation: mk-suzul 130s linear infinite reverse; opacity: .42; }
.mk-gokyuzu__bulut--3 { width: 56vw; height: 24vw; left: 12vw;  bottom: -6%; animation: mk-suzul 160s linear infinite; opacity: .6; }
.mk-gokyuzu__bulut--4 { width: 26vw; height: 13vw; right: 18vw; top: 62%; animation: mk-suzul 110s linear infinite reverse; opacity: .35; }
@keyframes mk-suzul {
  from { transform: translateX(-6vw); }
  50%  { transform: translateX(6vw); }
  to   { transform: translateX(-6vw); }
}
@media (prefers-reduced-motion: reduce) { .mk-gokyuzu__bulut { animation: none !important; } }

/* Gece: yıldızlar */
.mk-gokyuzu__yildiz { position: absolute; inset: 0; opacity: 0; transition: opacity var(--vakit-gecis);
  background-image:
    radial-gradient(1.5px 1.5px at 12% 18%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 28% 46%, #fff, transparent),
    radial-gradient(1px 1px   at 44% 12%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 63% 32%, #fff, transparent),
    radial-gradient(1px 1px   at 76% 8%,  #fff, transparent),
    radial-gradient(1.5px 1.5px at 88% 40%, #fff, transparent),
    radial-gradient(1px 1px   at 8%  62%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 52% 70%, #fff, transparent);
}
:root[data-vakit="gece"] .mk-gokyuzu__yildiz { opacity: .85; }

/* --- Vakit kumandası (sağ kenar) ----------------------------------------- */
.mk-vakit {
  position: fixed; right: 16px; top: 50%; transform: translateY(-50%); z-index: 95;
  display: flex; flex-direction: column; gap: 4px; padding: 6px;
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-pills);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  transition: background-color var(--vakit-gecis), border-color var(--vakit-gecis);
}
.mk-vakit__dugme {
  width: 34px; height: 34px; display: grid; place-items: center;
  background: transparent; border: 0; border-radius: 50%; cursor: pointer;
  color: var(--cam-metin); opacity: .5;
  transition: opacity var(--gecis), background-color var(--gecis);
}
.mk-vakit__dugme:hover { opacity: .85; background: var(--cam-zemin); }
.mk-vakit__dugme[aria-pressed="true"] { opacity: 1; background: var(--cam-kenar); }
.mk-vakit__dugme svg { width: 18px; height: 18px; }

/* --- Cam yüzeyler -------------------------------------------------------- */
.mk-cam {
  background: var(--cam-zemin);
  border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-xl);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  color: var(--cam-metin);
  transition: background-color var(--vakit-gecis), border-color var(--vakit-gecis), color var(--vakit-gecis);
}

/* Bölüm zeminleri v2: gökyüzü görünür kalsın */
.mk-zemin--seffaf { background: transparent; color: var(--gok-metin); }
.mk-zemin--cam    { background: transparent; }
.mk-zemin--cam > .mk-kapsa > * { color: var(--cam-metin); }
.mk-zemin--koyu   { background: rgba(6, 14, 30, .55); color: #fff;
                    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mk-zemin--acik   { background: rgba(255,255,255,.88); color: var(--color-ink);
                    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* Eski adları da yaşat (kurulu içerik bozulmasın) */
.mk-zemin--gok    { background: transparent; color: var(--gok-metin); }
.mk-zemin--siyah  { background: rgba(6, 14, 30, .5); color: #fff;
                    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mk-zemin--beyaz  { background: rgba(255,255,255,.9); color: var(--color-ink);
                    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mk-zemin--haze   { background: rgba(245,245,245,.86); color: var(--color-ink);
                    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* --- Üst çubuk: cam ------------------------------------------------------ */
.mk-ust { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 12px 16px; }
.mk-ust--kaydi { background: transparent; }
.mk-ust__ic {
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-pills);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  color: var(--cam-metin);
  padding: 10px 12px 10px 22px; min-height: 60px;
  transition: background-color var(--vakit-gecis), border-color var(--vakit-gecis), color var(--vakit-gecis);
}
.mk-ust--kaydi .mk-ust__ic { background: var(--cam-kenar); }
.mk-dugme--hayalet { border-color: var(--cam-kenar); color: var(--cam-metin); background: var(--cam-zemin); }
.mk-dugme--hayalet:hover { background: var(--cam-metin); color: var(--gok-1); border-color: transparent; }
.mk-menu-dugme { border-color: var(--cam-kenar); }
.mk-menu-dugme span:not(.mk-gorunmez) { background: var(--cam-metin); }
.mk-mobil { background: var(--cam-zemin); border: 1px solid var(--cam-kenar); border-radius: var(--radius-xl);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); margin-top: 8px; color: var(--cam-metin); }
.mk-mobil a:not(.mk-dugme) { border-bottom-color: var(--cam-kenar); }

/* --- Kartlar: cam -------------------------------------------------------- */
.mk-kart {
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  color: var(--cam-metin);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-radius: var(--radius-xl);
  transition: background-color var(--vakit-gecis), border-color var(--vakit-gecis), color var(--vakit-gecis), transform var(--gecis);
}
.mk-kart__etiket { background: var(--cam-kenar); color: var(--cam-metin); }
.mk-kart__bag { color: inherit; opacity: .8; }
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar); color: var(--cam-metin);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: var(--radius-xl);
}
.mk-form { background: var(--cam-zemin); border: 1px solid var(--cam-kenar); color: var(--cam-metin);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: var(--radius-xl); }
.mk-alan input, .mk-alan textarea {
  background: rgba(255,255,255,.14); border-color: var(--cam-kenar); color: var(--cam-metin);
}
.mk-alan input::placeholder, .mk-alan textarea::placeholder { color: var(--cam-metin); opacity: .5; }
.mk-alan input:focus, .mk-alan textarea:focus { border-color: var(--cam-metin); background: rgba(255,255,255,.2); }
.mk-dugme--dolu { background: var(--cam-metin); color: var(--gok-1); border-color: transparent; }
.mk-dugme--dolu:hover { opacity: .88; }
.mk-bag-alti { color: inherit; }

/* Manifesto artık gökyüzü üstünde: kelimeler sönükten metin rengine döner */
.mk-bolum--manifesto { background: transparent; color: var(--gok-metin); }
.mk-kelime { color: color-mix(in srgb, var(--gok-metin) 22%, transparent); }
.mk-kelime--acik { color: var(--gok-metin); }
@supports not (color: color-mix(in srgb, red 50%, blue)) {
  .mk-kelime { opacity: .25; } .mk-kelime--acik { opacity: 1; }
}

/* Rakam bandı: cam vurgu */
.mk-rakam__band { background-image: linear-gradient(var(--cam-kenar), var(--cam-kenar)); }

/* Adımlar ve SSS çizgileri vakte uyar */
.mk-bolum--adimlar .mk-adim, .mk-sss__oge, .mk-sss__oge:last-child { border-color: var(--cam-kenar); }

/* --- Kayan yazı ---------------------------------------------------------- */
.mk-kayan { position: relative; overflow: hidden; padding-block: var(--spacing-24);
  border-block: 1px solid var(--cam-kenar); }
.mk-kayan__ray { display: flex; width: max-content; animation: mk-kay 38s linear infinite; }
.mk-kayan:hover .mk-kayan__ray { animation-play-state: paused; }
.mk-kayan__oge {
  display: inline-flex; align-items: center; gap: var(--spacing-24);
  padding-inline: var(--spacing-24);
  font-family: var(--font-dev); text-transform: uppercase;
  font-size: clamp(26px, 4.4vw, 56px); line-height: 1.1; white-space: nowrap;
  color: var(--gok-metin);
}
.mk-kayan__oge::after { content: ''; width: 10px; height: 10px; border-radius: 50%;
  background: currentColor; opacity: .5; flex: none; }
.mk-kayan--sade .mk-kayan__oge { font-family: var(--font-arayuz); text-transform: none;
  font-size: var(--text-subheading); font-weight: var(--font-weight-medium); }
@keyframes mk-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .mk-kayan__ray { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; }
}

/* --- Alt bilgi: gökyüzünün altı ------------------------------------------ */
.mk-alt { background: transparent; border-top: 1px solid var(--cam-kenar); color: var(--gok-metin); }
.mk-alt__cizgi { background: var(--cam-kenar); }
.mk-wa { background: var(--cam-zemin); border: 1px solid var(--cam-kenar); color: var(--cam-metin);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.mk-bildirim { background: var(--cam-zemin); border: 1px solid var(--cam-kenar); color: var(--cam-metin);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }

/* --- Kahraman: gökyüzü zaten arkada, kendi degradesini kullanma ---------- */
.mk-gok { background: transparent; }
.mk-gok::before { display: none; }
.mk-gok__perde { background: none; }
.mk-gok__bulut { display: none; }
.mk-gok--gorselli .mk-gok__perde {
  background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.55) 100%);
}
.mk-yorunge__oge { border-color: var(--cam-kenar); background: var(--cam-zemin);
  color: var(--cam-metin); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

@media (max-width: 860px) {
  .mk-vakit { top: auto; bottom: 14px; right: 50%; transform: translateX(50%);
              flex-direction: row; }
}

/* =============================================================================
   v3 — ÜST ÇUBUK (air.inc düzeni): solda açılır menü · ortada logo · sağda eylem
   ========================================================================== */
.mk-ust__ic {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--spacing-16);
}
.mk-gezinti { justify-self: start; gap: var(--spacing-4); }
.mk-marka { justify-self: center; margin: 0; }
.mk-ust__sag { justify-self: end; gap: var(--spacing-8); }

.mk-gezinti__oge { position: relative; }
.mk-gezinti__bag {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 12px; border-radius: var(--radius-pills);
  font: inherit; font-size: 14px; color: inherit;
  background: transparent; border: 0; cursor: pointer; opacity: .82;
  transition: opacity var(--gecis), background-color var(--gecis);
}
.mk-gezinti__bag:hover { opacity: 1; background: var(--cam-zemin); }
.mk-gezinti__bag--aktif { opacity: 1; background: var(--cam-zemin); border-bottom: 0; }
.mk-gezinti__bag svg { transition: transform var(--gecis); opacity: .7; }
.mk-gezinti__oge[data-acik] .mk-gezinti__bag svg { transform: rotate(180deg); }
.mk-gezinti__oge[data-acik] .mk-gezinti__bag { opacity: 1; background: var(--cam-zemin); }

.mk-ust__yazibag { font-size: 14px; padding: 8px 10px; opacity: .82; }
.mk-ust__yazibag:hover { opacity: 1; }

/* Açılır mega menü */
.mk-acilir {
  position: absolute; left: 0; top: calc(100% + 12px); z-index: 60;
  min-width: 330px; max-width: 92vw;
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-xl); padding: 8px;
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  color: var(--cam-metin);
  animation: mk-acil .18s ease;
}
.mk-acilir[hidden] { display: none; }
@keyframes mk-acil { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.mk-acilir__ic { display: grid; gap: 2px; }
.mk-acilir__oge {
  display: grid; gap: 2px; padding: 10px 12px;
  border-radius: var(--radius-buttons);
  transition: background-color var(--gecis);
}
.mk-acilir__oge:hover { background: var(--cam-kenar); }
.mk-acilir__baslik { font-size: 14px; }
.mk-acilir__not { font-size: 12.5px; opacity: .68; line-height: 1.4; }

/* Mobil menü grupları */
.mk-mobil__grup summary { padding: 12px 0; cursor: pointer; list-style: none;
  border-bottom: 1px solid var(--cam-kenar); }
.mk-mobil__grup summary::-webkit-details-marker { display: none; }
.mk-mobil__grup a { padding-left: 14px !important; font-size: 15px; opacity: .8; }
.mk-mobil__eylem { display: grid; gap: 8px; margin-top: 16px; }

@media (max-width: 1000px) {
  .mk-ust__ic { grid-template-columns: auto 1fr auto; }
  .mk-gezinti { display: none; }
  .mk-marka { justify-self: start; }
  .mk-menu-dugme { display: inline-grid; }
}
@media (max-width: 640px) {
  .mk-ust__sag .mk-dugme, .mk-ust__sag .mk-ust__yazibag { display: none; }
}

/* =============================================================================
   v3 — CÜMLE İÇİ YAZI BİÇİMLERİ ve BÖLÜM YAZI AYARLARI
   Panelde: *el yazısı* · **DEV HARF** · _ince_ · ==vurgulu==
   ========================================================================== */
.mk-elyazi {
  font-family: var(--font-elyazi); font-style: normal; font-weight: 600;
  font-size: 1.22em; line-height: .8; letter-spacing: 0; padding-inline: .04em;
}
.mk-dev-vurgu {
  font-family: var(--font-dev); font-weight: 400; text-transform: uppercase;
  letter-spacing: -.01em; font-size: 1.04em;
}
.mk-ince { font-style: italic; font-weight: var(--font-weight-regular); opacity: .9; }
.mk-renkli {
  background: none; color: var(--b-vurgu-renk, var(--color-signal-blue));
  padding: 0;
}
.mk-dev .mk-elyazi { font-size: .92em; text-transform: none; }
.mk-dev .mk-dev-vurgu { font-size: 1em; }

/* --- Bölüm yazı ayarları -------------------------------------------------- */
.mk-bolum[style*="--b-baslik-renk"] .mk-baslik,
.mk-bolum[style*="--b-baslik-renk"] .mk-dev { color: var(--b-baslik-renk); }
.mk-bolum[style*="--b-metin-renk"],
.mk-bolum[style*="--b-metin-renk"] p,
.mk-bolum[style*="--b-metin-renk"] .mk-zengin { color: var(--b-metin-renk); }

/* Kurum kartlarında başlık bir <h3>, kart da rengini cam paletinden alıyordu;
   bölümün renk ayarı bu ikisine hiç ulaşmıyor, açık gökyüzünde yazılar siyah
   kalıyordu. Ara başlıkları da genel olarak kapsıyoruz. */
.mk-bolum[style*="--b-baslik-renk"] :is(h2, h3, h4),
.mk-bolum[style*="--b-baslik-renk"] .mk-kurum__ad { color: var(--b-baslik-renk); }
.mk-bolum[style*="--b-metin-renk"] .mk-kurum,
.mk-bolum[style*="--b-metin-renk"] .mk-kurum__alt,
.mk-bolum[style*="--b-metin-renk"] .mk-kurum__ic { color: var(--b-metin-renk); }

.mk-font--arayuz .mk-baslik { font-family: var(--font-arayuz); }
.mk-font--dev    .mk-baslik { font-family: var(--font-dev); text-transform: uppercase; letter-spacing: -.01em; font-weight: 400; }
.mk-font--elyazi .mk-baslik { font-family: var(--font-elyazi); font-weight: 600; letter-spacing: 0; }

.mk-olcek--kucuk .mk-baslik { font-size: clamp(20px, 2.6vw, 24px); }
.mk-olcek--buyuk .mk-baslik { font-size: clamp(30px, 5vw, 44px); }
.mk-olcek--dev   .mk-baslik { font-size: clamp(36px, 7vw, 68px); line-height: 1.05; }
.mk-olcek--kucuk .mk-dev { font-size: clamp(34px, 8vw, 92px); }
.mk-olcek--buyuk .mk-dev { font-size: clamp(60px, 15vw, 200px); }
.mk-olcek--dev   .mk-dev { font-size: clamp(64px, 17vw, var(--text-display)); }

.mk-hiza--sol,  .mk-hiza--sol  .mk-bolum-bas { text-align: left;   margin-inline: 0; }
.mk-hiza--orta, .mk-hiza--orta .mk-bolum-bas { text-align: center; margin-inline: auto; }
.mk-hiza--sag,  .mk-hiza--sag  .mk-bolum-bas { text-align: right;  margin-inline: 0 0 0 auto; }
.mk-hiza--orta .mk-adimlar, .mk-hiza--orta .mk-metin { margin-inline: auto; }

/* =============================================================================
   v4 — ALAN BAZINDA YAZI BİÇİMİ
   Her metnin kendi yazı tipi / boyutu / kalınlığı / rengi / hizası olabilir.
   Boyut oransaldır (--y-olcek): duyarlı ölçek korunur, sadece çarpılır.
   ========================================================================== */
.mk-yf--arayuz { font-family: var(--font-arayuz); text-transform: none; letter-spacing: -.02em; }
.mk-yf--dev    { font-family: var(--font-dev); font-weight: 400; text-transform: uppercase; letter-spacing: -.01em; }
.mk-yf--elyazi { font-family: var(--font-elyazi); font-weight: 600; text-transform: none; letter-spacing: 0; line-height: 1.1; }

.mk-yh--sol  { text-align: left;   margin-inline: 0; }
.mk-yh--orta { text-align: center; margin-inline: auto; }
.mk-yh--sag  { text-align: right;  margin-inline: 0 0 0 auto; }

/* Ölçek: önce genel kural, sonra kendi boyutu olan sınıflar */
[style*="--y-olcek"]                { font-size: calc(1em * var(--y-olcek, 1)); }
.mk-dev[style*="--y-olcek"]         { font-size: calc(clamp(52px, 13.5vw, var(--text-display)) * var(--y-olcek, 1)); }
.mk-baslik[style*="--y-olcek"]      { font-size: calc(clamp(26px, 4vw, var(--text-heading)) * var(--y-olcek, 1)); }
.mk-baslik--buyuk[style*="--y-olcek"] { font-size: calc(clamp(32px, 6vw, var(--text-heading-lg)) * var(--y-olcek, 1)); }
.mk-etiket[style*="--y-olcek"]      { font-size: calc(var(--text-caption) * var(--y-olcek, 1)); }
.mk-gok__alt[style*="--y-olcek"]    { font-size: calc(var(--text-subheading) * var(--y-olcek, 1)); }
.mk-manifesto[style*="--y-olcek"] .mk-manifesto__p,
.mk-manifesto[style*="--y-olcek"] > p,
.mk-manifesto[style*="--y-olcek"] > h2,
.mk-manifesto[style*="--y-olcek"] > h3,
.mk-manifesto[style*="--y-olcek"] > h4,
.mk-manifesto[style*="--y-olcek"] .mk-manifesto__imza { font-size: calc(clamp(22px, 3.2vw, 38px) * var(--y-olcek, 1)); }
.mk-kayan__oge[style*="--y-olcek"]  { font-size: calc(clamp(26px, 4.4vw, 56px) * var(--y-olcek, 1)); }

/* Renk alan üstünde verildiyse alt öğeler de devralsın */
.mk-manifesto[style*="color"] .mk-kelime--acik { color: inherit; }
.mk-gok__alt[style*="color"] p, .mk-bolum-bas__alt[style*="color"] p,
.mk-cagri__metin[style*="color"] p, .mk-zengin[style*="color"] p { color: inherit; }

/* Dev harf seçilen başlıkta el yazısı vurgusu boğulmasın */
.mk-yf--dev .mk-elyazi { font-size: .9em; text-transform: none; }

/* --- Gömülü harita ------------------------------------------------------- */
.mk-harita {
  margin-top: var(--spacing-48);
  border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--cam-zemin);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.mk-harita iframe { display: block; width: 100%; border: 0; }
.mk-harita--kisa iframe { height: 260px; }
.mk-harita--orta iframe { height: 360px; }
.mk-harita--uzun iframe { height: 480px; }
@media (max-width: 640px) {
  .mk-harita--uzun iframe, .mk-harita--orta iframe { height: 300px; }
}

/* =============================================================================
   BİNEK ARAÇ KİRA GİDER HESAPLAMA
   WordPress eklentisinden taşındı; görünüm MK'un cam diline uyarlandı.
   ========================================================================== */
.mk-kh { display: grid; gap: var(--spacing-16); max-width: 900px; margin-inline: auto; }
.mk-kh__kart {
  min-width: 0;   /* ızgara çocuğu: geniş fiş tablosu kartı esnetmesin */
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar); color: var(--cam-metin);
  border-radius: var(--radius-xl); padding: var(--spacing-24);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  transition: background-color var(--vakit-gecis), border-color var(--vakit-gecis), color var(--vakit-gecis);
}
.mk-kh__izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-16); }
.mk-kh .mk-alan > span em { font-style: normal; opacity: .6; }
.mk-kh__hata { margin: var(--spacing-16) 0 0; font-size: var(--text-caption);
  color: #ffd9dc; background: rgba(140,32,32,.35); border-radius: var(--radius-buttons); padding: 9px 12px; }

/* Kabul edilen / KKEG oran çubuğu */
.mk-kh__cubuk { display: flex; height: 12px; border-radius: var(--radius-pills); overflow: hidden;
  background: var(--cam-kenar); }
.mk-kh__cubuk-kabul { background: var(--cam-metin); transition: width .45s cubic-bezier(.2,.7,.2,1); }
.mk-kh__cubuk-kkeg  { background: var(--color-signal-blue); transition: width .45s cubic-bezier(.2,.7,.2,1); }
.mk-kh__gosterge { display: flex; flex-wrap: wrap; gap: var(--spacing-24); margin-top: var(--spacing-16);
  font-size: var(--text-caption); }
.mk-kh__gosterge strong { margin-left: 6px; }
.mk-kh__nokta { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; }
.mk-kh__nokta--kabul { background: var(--cam-metin); }
.mk-kh__nokta--kkeg  { background: var(--color-signal-blue); }

/* Sonuç satırları */
.mk-kh__liste { margin: var(--spacing-24) 0 0; display: grid; gap: 0; }
.mk-kh__liste > div { display: flex; justify-content: space-between; gap: var(--spacing-16);
  padding: 11px 0; border-top: 1px solid var(--cam-kenar); font-size: 15px; }
.mk-kh__liste > div:first-child { border-top: 0; }
.mk-kh__liste dt { opacity: .75; margin: 0; }
.mk-kh__liste dt em { font-style: normal; opacity: .7; font-size: .9em; }
.mk-kh__liste dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-kh__guclu { font-weight: var(--font-weight-medium); }
.mk-kh__guclu dt { opacity: 1; }

.mk-kh__uyari { margin: var(--spacing-16) 0 0; font-size: var(--text-caption); line-height: 1.55;
  background: var(--cam-kenar); border-radius: var(--radius-buttons); padding: 11px 14px; }
.mk-kh__dayanak { margin: var(--spacing-12) 0 0; font-size: 12px; opacity: .6; }

/* Muhasebe fişi */
.mk-kh__fis-baslik { font-size: var(--text-subheading); font-weight: var(--font-weight-medium);
  margin: 0 0 4px; letter-spacing: -.01em; }
.mk-kh__fis-not { font-size: var(--text-caption); opacity: .65; margin: 0 0 var(--spacing-16); }
.mk-kh__tablo-sar { overflow-x: auto; max-width: 100%; }
.mk-kh__tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 560px; }
.mk-kh__tablo th { text-align: left; font-weight: var(--font-weight-medium); opacity: .6;
  font-size: 12px; padding: 8px 10px; border-bottom: 1px solid var(--cam-kenar); white-space: nowrap; }
.mk-kh__tablo td { padding: 9px 10px; border-bottom: 1px solid var(--cam-kenar); vertical-align: top; }
.mk-kh__sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-kh__toplam td { font-weight: var(--font-weight-medium); border-bottom: 0; border-top: 1px solid var(--cam-metin); }
.mk-kh__denge { margin: var(--spacing-16) 0 0; font-size: var(--text-caption);
  border-radius: var(--radius-buttons); padding: 9px 13px; display: inline-block; }
.mk-kh__denge--iyi  { background: var(--cam-kenar); }
.mk-kh__denge--hata { background: rgba(140,32,32,.35); color: #ffd9dc; }
.mk-kh__sorumluluk { font-size: 12.5px; opacity: .6; line-height: 1.6; margin: 0; }

@media (max-width: 640px) {
  .mk-kh__izgara { grid-template-columns: 1fr; }
  .mk-kh__liste > div { flex-direction: column; gap: 2px; }
  .mk-kh__liste dd { align-self: flex-end; }
}

/* --- WordPress kısa kodu bölümü ------------------------------------------ */
.mk-kisakod { max-width: 100%; }
.mk-kisakod--cam {
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar); color: var(--cam-metin);
  border-radius: var(--radius-xl); padding: var(--spacing-24);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.mk-kisakod__uyari { font-size: var(--text-caption); opacity: .7; background: var(--cam-kenar);
  border-radius: var(--radius-buttons); padding: 12px 15px; margin: 0; }
/* Eklenti çıktısı MK sayfasını yana kaydırmasın */
.mk-kisakod > * { max-width: 100%; }
.mk-kisakod img, .mk-kisakod iframe, .mk-kisakod embed, .mk-kisakod object { max-width: 100%; }

/* =============================================================================
   v5.1 — ÜST ÇUBUK: logo başta · AÇILIR MENÜ: air.inc'in kendi ölçüleriyle
   Not: asıl sitede açılır panel CAM DEĞİL — dolu beyaz ve yumuşak gölgeli.
   Ölçüler air.inc'ten alındı: 16px yarıçap, 1px #f5f5f5 kenar,
   0 8px 32px rgba(0,0,0,.2) gölge, 20px dikey dolgu, iki sütun.
   ========================================================================== */
.mk-ust__ic { grid-template-columns: auto 1fr auto; }
.mk-marka { justify-self: start; }
.mk-gezinti { justify-self: start; }
.mk-ust__sag { justify-self: end; }
.mk-marka__logo { width: auto; }        /* yükseklik panelden gelir */
.mk-marka__ad { line-height: 1; }       /* boyut panelden gelir */

/* --- Açılır menü ---------------------------------------------------------- */
.mk-acilir {
  position: absolute; left: 0; top: calc(100% + 14px); z-index: 60;
  min-width: 330px; max-width: min(92vw, 780px);
  background: var(--color-whiteout);
  border: 1px solid var(--color-haze);
  border-radius: 16px;                    /* air.inc ölçüsü */
  box-shadow: 0 8px 32px rgba(0, 0, 0, .2);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  color: var(--color-ink);
  padding: 14px;
}
.mk-acilir--genis { width: 720px; }
.mk-acilir__ic { display: grid; grid-template-columns: 1fr; gap: 2px; }
.mk-acilir--genis .mk-acilir__ic { grid-template-columns: 1fr 1fr; gap: 2px 10px; }

.mk-acilir__oge {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px; border-radius: var(--radius-buttons);
  color: var(--color-ink);
  transition: background-color var(--gecis);
}
.mk-acilir__oge:hover { background: var(--color-haze); color: var(--color-ink); }
.mk-acilir__isaret {
  flex: none; width: 30px; height: 30px; display: grid; place-items: center;
  border-radius: 8px; background: var(--color-haze); color: var(--color-ink);
  opacity: .55; transition: opacity var(--gecis), background-color var(--gecis);
}
.mk-acilir__isaret svg { width: 16px; height: 16px; }
.mk-acilir__oge:hover .mk-acilir__isaret { opacity: 1; background: var(--color-whiteout); }
.mk-acilir__yazi { display: grid; gap: 3px; min-width: 0; }
.mk-acilir__baslik { font-size: 15px; font-weight: var(--font-weight-medium); color: var(--color-ink); }
.mk-acilir__not { font-size: 13.5px; line-height: 1.45; color: var(--color-ink); opacity: .6; }

@media (max-width: 1150px) {
  .mk-acilir--genis { width: auto; }
  .mk-acilir--genis .mk-acilir__ic { grid-template-columns: 1fr; }
}

/* =============================================================================
   WordPress eklentisi kipi — tema/çekirdek stilleri bağlantı renklerini
   ezmesin diye MK kendi renklerini daha yüksek özgüllükle sabitler.
   ========================================================================== */
body.mk-govde a:where(:not(.wp-element-button)),
.mk-ust a, .mk-alt a, .mk-bolum a, .mk-gok a, .mk-kayan a { color: inherit; }
.mk-ust .mk-dugme--dolu { color: var(--gok-1); }
.mk-acilir a, .mk-acilir__oge, .mk-acilir__baslik, .mk-acilir__not { color: var(--color-ink); }
.mk-zengin a:where(:not(.wp-element-button)),
.mk-bag-alti, .mk-kart__bag { color: var(--color-signal-blue); }
.mk-kart__bag { color: inherit; }


/* =============================================================================
   v5.2 — WordPress çekirdek/tema stilleri açıkken MK'un kendi kabuğunu koru
   -----------------------------------------------------------------------------
   Çekirdeğin global-styles kuralı a:where(:not(.wp-element-button)) biçiminde,
   yani 0,0,1 özgüllüğünde ve MK'un CSS'inden SONRA basılıyor; sade a{} kuralı
   onu yenemiyor (bağlantılar mor çıkıyordu). Aşağıdakiler sınıf üzerinden
   yazıldığı için her durumda kazanır.
   ========================================================================== */
/* DÜĞMELER HARİÇ. ".mk-ust a:hover" özgüllüğü (0,2,1), düğmenin kendi
   ":hover" kuralından (0,2,0) yüksek; dolu/cam düğmeye gelince yazı rengi
   "inherit" oluyor ve beyaz zemin üstünde beyaz yazıya dönüşüp kayboluyordu.
   Düğmeler rengini kendi belirler. */
.mk-ust a:not(.mk-dugme), .mk-gezinti a:not(.mk-dugme), .mk-acilir a:not(.mk-dugme),
.mk-alt a:not(.mk-dugme), .mk-mobil a:not(.mk-dugme), .mk-kart a:not(.mk-dugme) { color: inherit; }
.mk-ust a:not(.mk-dugme):hover, .mk-gezinti a:not(.mk-dugme):hover,
.mk-acilir a:not(.mk-dugme):hover, .mk-alt a:not(.mk-dugme):hover { color: inherit; }
.mk-dugme, .mk-dugme:hover, .mk-dugme:focus { text-decoration: none; }

/* WordPress emojiyi <img class="emoji"> ile değiştirir; boyutunu çekirdek stili
   verir. O stil herhangi bir nedenle yüklenmezse emoji sayfayı kaplayacak kadar
   büyüyordu — burada kendi güvencemizi koyuyoruz. */
img.emoji, img.wp-smiley {
  display: inline-block; width: 1em; height: 1em;
  margin: 0 .07em; padding: 0; border: 0; background: none;
  box-shadow: none; vertical-align: -.1em;
}

/* =============================================================================
   v5.3 — MENÜ, ALT BİLGİ MARKASI, KAREKOD
   ========================================================================== */

/* --- Açılır menü: tetikleyici ile panel arasındaki boşluk da öğeye dahil ----
   Panel 14px aşağıda duruyor; fare o boşluğu geçerken öğeden çıkmış sayılıp
   menü kapanabiliyordu. Görünmez bir köprü koyuyoruz. */
.mk-gezinti__oge { position: relative; }
.mk-gezinti__oge[data-acik]::after {
  content: ''; position: absolute; left: 0; right: 0; top: 100%;
  height: 18px; z-index: 59;
}

/* --- Mobil açılır menü -----------------------------------------------------
   <details> içindeki bağlantılar satır içi kaldığı için alt maddeler yan yana
   diziliyordu ("Muhasebe Vergi Bordro Kuruluş" tek satırda). Blok yapıyoruz. */
.mk-mobil__grup > a { display: block; }
.mk-mobil__grup summary {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font-weight: var(--font-weight-medium);
}
.mk-mobil__grup summary::after {
  content: ''; flex: 0 0 auto; width: 8px; height: 8px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform var(--gecis); opacity: .7;
}
.mk-mobil__grup[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.mk-mobil__grup[open] summary { border-bottom-color: transparent; }
.mk-mobil__grup > a:last-of-type { border-bottom: 1px solid var(--cam-kenar); }

/* --- Alt bilgi markası ------------------------------------------------------ */
.mk-alt__logo { width: auto; display: block; margin-bottom: var(--spacing-12); }
.mk-alt__ad { line-height: 1.1; margin: 0 0 var(--spacing-12); }

/* --- Karekod ---------------------------------------------------------------- */
.mk-qr {
  --qr-boyut: 140px;
  display: flex; align-items: center; gap: var(--spacing-16);
  margin-top: var(--spacing-32);
}
.mk-qr__kod {
  /* flex öğesi olarak sıkışmasın: karekod belli bir boyutun altında okunmaz */
  flex: 0 0 auto;
  width: var(--qr-boyut); height: var(--qr-boyut);
  max-width: none;
  display: block; border-radius: var(--radius-cards);
  background: #fff; padding: 8px; box-sizing: border-box;
  /* Karekod okunabilmek için beyaz zemin ister; cam panelin üstünde de
     kontrastı garanti olsun diye zemini burada veriyoruz. */
}
.mk-qr__bag { flex: 0 0 auto; display: block; border-radius: var(--radius-cards); transition: transform var(--gecis); }
.mk-qr__bag:hover { transform: translateY(-2px); }
.mk-qr__yazi { min-width: 0; }
.mk-qr__baslik { font-weight: var(--font-weight-medium); margin: 0 0 4px; }
.mk-qr__not { font-size: 14px; opacity: .72; margin: 0; line-height: 1.45; }

.mk-alt__qr { margin-top: var(--spacing-32); }
.mk-qr--iletisim { margin-top: var(--spacing-24); }

@media (max-width: 520px) {
  .mk-qr { flex-direction: column; align-items: flex-start; }
}

/* =============================================================================
   v5.4 — KURUM KARTLARI
   -----------------------------------------------------------------------------
   İçeriği kısa kod ürettiği için kart, yabancı bir çıktıyı barındırıyor:
   .mk-gomme yalıtımı burada da geçerli (gomme.css). Kartın kendisi cam panel,
   içerik onun rengini miras alır.
   ========================================================================== */
.mk-kurum {
  display: flex; flex-direction: column;
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  color: var(--cam-metin);
  border-radius: var(--radius-xl); padding: var(--spacing-24);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  min-width: 0;
}

.mk-kurum__bas {
  display: flex; align-items: center; gap: var(--spacing-12);
  padding-bottom: var(--spacing-16); margin-bottom: var(--spacing-16);
  border-bottom: 1px solid var(--cam-kenar);
}
.mk-kurum__logo {
  flex: 0 0 auto; width: 44px; height: 44px;
  object-fit: contain; border-radius: var(--radius-buttons);
  background: #fff; padding: 5px; box-sizing: border-box;
  /* Kurum logoları çoğunlukla renkli ve koyu; cam panelde kaybolmasın */
}
.mk-kurum__harf {
  flex: 0 0 auto; width: 44px; height: 44px;
  display: grid; place-items: center;
  border-radius: var(--radius-buttons);
  background: color-mix(in srgb, currentColor 14%, transparent);
  border: 1px solid var(--cam-kenar);
  font-weight: var(--font-weight-black); font-size: 15px; letter-spacing: .02em;
}
.mk-kurum__yazi { min-width: 0; }
.mk-kurum__alt {
  margin: 0 0 2px; font-size: var(--text-caption);
  text-transform: uppercase; letter-spacing: .06em; opacity: .7;
}
.mk-kurum__ad { margin: 0; font-size: 17px; line-height: 1.25; font-weight: var(--font-weight-medium); }

.mk-kurum__ic { flex: 1; min-width: 0; }
.mk-kurum__ic.mk-gomme { color: inherit; }   /* kartın rengini kullan */

.mk-kurum__tumu {
  margin-top: var(--spacing-16); padding-top: var(--spacing-16);
  border-top: 1px solid var(--cam-kenar);
  font-size: 14px; opacity: .8;
}
.mk-kurum__tumu:hover { opacity: 1; }

@media (max-width: 640px) {
  .mk-kurum { padding: var(--spacing-20); }
  .mk-kurum__logo, .mk-kurum__harf { width: 38px; height: 38px; }
}

/* =============================================================================
   v5.4.1 — KURUM KARTI İÇERİĞİ HER ZAMAN TEMAYA UYAR
   -----------------------------------------------------------------------------
   Kısa kod çıktısı normalde eski temanın tasarımıyla gelir: kendi yazı tipi,
   kocaman koyu başlıklar, altı çizili bağlantılar ve içeriğin başında kurum
   logosu. Kart zaten başlığında kurumu ve logosunu gösterdiği için bunlar
   tekrar oluyor ve MK'un görünümünü bozuyordu.

   Aşağıdakiler seçeneğe bağlı değil: kart, içindeki yabancı çıktının
   görünümünü her zaman kendisi belirler. Bağlantı bulunup liste üretilen
   normal durumda zaten kendi işaretlememiz geçerlidir; buradaki kurallar
   çevrilemeyen (bağlantısız) çıktılar için güvence olarak durur.
   ========================================================================== */

/* Snippet'in kendi kurum logosu ve başlığı kart içinde tekrarlanmaz */
.mk-kurum__ic :is(img, svg, picture, figure) { display: none !important; }
.mk-kurum__ic :is(h1, h2, h3, h4, h5, h6),
.mk-kurum__ic [role="heading"] { display: none !important; }

/* Kendi listemiz dışındaki çıktıda yazı düzenini temaya çevir */
.mk-kurum__ic:not(:has(.mk-kurum__liste)),
.mk-kurum__ic:not(:has(.mk-kurum__liste)) * {
  font-family: var(--font-arayuz) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
.mk-kurum__ic:not(:has(.mk-kurum__liste)) { font-size: 15px !important; line-height: 1.5 !important; }
.mk-kurum__ic:not(:has(.mk-kurum__liste)) a {
  color: inherit !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: var(--font-weight-regular) !important;
}
.mk-kurum__ic:not(:has(.mk-kurum__liste)) a:hover { text-decoration: underline !important; }
.mk-kurum__ic:not(:has(.mk-kurum__liste)) :is(ul, ol) { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mk-kurum__ic:not(:has(.mk-kurum__liste)) li {
  margin: 0 !important; padding: 12px 0 !important;
  border-bottom: 1px solid var(--cam-kenar);
}
.mk-kurum__ic:not(:has(.mk-kurum__liste)) li:last-child { border-bottom: 0; }

/* --- Kart başlığındaki kurum logosu --------------------------------------- */
.mk-kurum__logo, .mk-kurum__harf { width: 56px; height: 56px; }
.mk-kurum__harf { font-size: 17px; }
.mk-kurum__ad { font-size: 18px; }

@media (max-width: 640px) {
  .mk-kurum__logo, .mk-kurum__harf { width: 46px; height: 46px; }
}

/* =============================================================================
   v5.4.2 — MK LİSTESİNE ÇEVRİLMİŞ KURUM DUYURULARI
   -----------------------------------------------------------------------------
   Artık kısa kodun HTML'ini biçimlendirmeye çalışmıyoruz; PHP tarafında
   veriyi alıp KENDİ işaretlememizi üretiyoruz (kurum_listeye_cevir).
   Bu yüzden buradaki kurallar tahmine dayanmıyor, kendi sınıflarımızı hedefliyor.
   ========================================================================== */
.mk-kurum__liste { list-style: none; margin: 0; padding: 0; }

.mk-kurum__oge {
  padding: 13px 0;
  border-bottom: 1px solid var(--cam-kenar);
}
.mk-kurum__oge:first-child { padding-top: 0; }
.mk-kurum__oge:last-child  { padding-bottom: 0; border-bottom: 0; }

.mk-kurum__oge > a { display: block; color: inherit; text-decoration: none; }
.mk-kurum__oge > a:hover .mk-kurum__baslik { text-decoration: underline; text-underline-offset: 2px; }
.mk-kurum__oge > a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }

.mk-kurum__baslik {
  display: block;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: var(--font-weight-regular);   /* vergi takvimiyle aynı ağırlık */
}
.mk-kurum__meta {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
  opacity: .58;                               /* başlıktan görünür biçimde sönük */
  text-transform: none;
}

/* Kendi listemizde yazı tipini temaya sabitliyoruz */
.mk-kurum__liste, .mk-kurum__liste * { font-family: var(--font-arayuz) !important; }

/* --- Logo: şeffaf zemin ----------------------------------------------------
   Beyaz kutu içinde duran logolar cam kartın üstünde yama gibi duruyordu.
   Kurum logoları genelde şeffaf PNG; olduğu gibi göstermek daha temiz. */
.mk-kurum__logo { background: none; padding: 0; }

/* =============================================================================
   v5.5 — DUYURU KATEGORİLERİ, DOSYA EKLERİ, ZENGİN İÇERİK
   ========================================================================== */

/* --- Kategori etiketi ve süzgeci ------------------------------------------ */
.mk-kat {
  --kat-renk: var(--color-signal-blue);
  color: var(--kat-renk);
  font-weight: var(--font-weight-medium);
}
.mk-kat:hover { text-decoration: underline; text-underline-offset: 2px; }

.mk-kat-suzgec {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: var(--spacing-32);
}
.mk-kat-suzgec__oge {
  --kat-renk: currentColor;
  display: inline-block;
  padding: 7px 15px;
  border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-pills);
  font-size: 14px;
  color: inherit;
  transition: background-color var(--gecis), border-color var(--gecis);
}
.mk-kat-suzgec__oge:hover {
  background: color-mix(in srgb, currentColor 10%, transparent);
  border-color: color-mix(in srgb, currentColor 40%, transparent);
}
.mk-kat-suzgec__oge--acik {
  background: color-mix(in srgb, var(--kat-renk) 20%, transparent);
  border-color: color-mix(in srgb, var(--kat-renk) 55%, transparent);
  font-weight: var(--font-weight-medium);
}

/* --- Ekli dosyalar ve indir düğmesi --------------------------------------- */
.mk-ekler {
  margin-top: var(--spacing-48);
  padding-top: var(--spacing-24);
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.mk-ekler__ad {
  font-size: var(--text-subheading); margin: 0 0 var(--spacing-16);
  font-weight: var(--font-weight-medium);
}
.mk-ekler__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }

.mk-indir {
  display: flex; align-items: center; gap: var(--spacing-12);
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: var(--radius-cards);
  color: inherit; text-decoration: none;
  background: color-mix(in srgb, currentColor 4%, transparent);
  transition: border-color var(--gecis), background-color var(--gecis), transform var(--gecis);
}
.mk-indir:hover {
  border-color: color-mix(in srgb, currentColor 35%, transparent);
  background: color-mix(in srgb, currentColor 8%, transparent);
  transform: translateY(-1px);
}
.mk-indir:focus-visible { outline: 2px solid var(--color-signal-blue); outline-offset: 3px; }

.mk-indir__simge {
  flex: 0 0 auto; width: 40px; height: 40px;
  display: grid; place-items: center;
  border-radius: var(--radius-buttons);
  background: color-mix(in srgb, currentColor 10%, transparent);
}
.mk-indir__yazi { flex: 1; min-width: 0; }
.mk-indir__ad {
  display: block; font-weight: var(--font-weight-medium); font-size: 15px;
  line-height: 1.35; overflow-wrap: anywhere;
}
.mk-indir__not { display: block; font-size: 12.5px; opacity: .6; margin-top: 2px; }
.mk-indir__eylem {
  flex: 0 0 auto; font-size: 13px; font-weight: var(--font-weight-medium);
  padding: 7px 14px; border-radius: var(--radius-pills);
  border: 1px solid currentColor; opacity: .75;
}
.mk-indir:hover .mk-indir__eylem { opacity: 1; }

@media (max-width: 520px) {
  .mk-indir { flex-wrap: wrap; }
  .mk-indir__eylem { margin-left: 52px; }
}

/* --- Editörden gelen zengin içerik ---------------------------------------- */
.mk-zengin table {
  width: 100%; border-collapse: collapse; margin: var(--spacing-24) 0;
  font-size: 15px;
}
/* Kenar ve dolgular metin rengine bağlıdır: duyuru artık gökyüzünün
   üstünde (açık yazı) da, beyaz kartın içinde (koyu yazı) de duruyor.
   Sabit siyah tonlar gökyüzünde görünmez oluyordu. */
.mk-zengin :is(th, td) {
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  padding: 9px 12px; text-align: left; vertical-align: top;
}
.mk-zengin th {
  background: color-mix(in srgb, currentColor 8%, transparent);
  font-weight: var(--font-weight-medium);
}
.mk-zengin caption { caption-side: bottom; font-size: 13px; opacity: .6; padding-top: 8px; }

.mk-zengin blockquote {
  margin: var(--spacing-24) 0; padding: 4px 0 4px var(--spacing-20);
  border-left: 3px solid var(--color-signal-blue);
  font-size: var(--text-subheading); line-height: 1.5; opacity: .85;
}
.mk-zengin pre {
  background: color-mix(in srgb, currentColor 9%, transparent); border-radius: var(--radius-cards);
  padding: var(--spacing-16); overflow-x: auto; font-size: 14px; line-height: 1.5;
}
.mk-zengin code { font-size: .92em; }
.mk-zengin :not(pre) > code {
  background: color-mix(in srgb, currentColor 11%, transparent);
  padding: 2px 6px; border-radius: 4px;
}
.mk-zengin hr { border: 0; border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent); margin: var(--spacing-32) 0; }
.mk-zengin img { border-radius: var(--radius-images); margin: var(--spacing-16) 0; }
.mk-zengin :is(sub, sup) { font-size: .75em; }
.mk-zengin mark { background: color-mix(in srgb, var(--color-signal-blue) 22%, transparent); padding: 0 3px; }

/* Geniş tablolar sayfayı yana kaydırmasın */
.mk-zengin { overflow-x: auto; }


/* =============================================================================
   v5.6.1 — DUYURU KARTLARI: daha derli toplu, kapak görseli tam otursun
   -----------------------------------------------------------------------------
   Kapak object-fit:cover ile çiziliyordu. Cover, görseli kutuyu DOLDURACAK
   kadar büyütüp taşan kısmı kırpar; fotoğrafta doğru davranış ama logo/afiş
   tipi geniş kapaklarda yazının kenarları kesiliyordu ("MURAT KE…").
   contain ise görselin tamamını kutuya sığdırır — hiçbir şey kırpılmaz.
   Arkasına ince bir yüzey koyuyoruz ki sığdırma boşlukları kasıtlı dursun.
   ========================================================================== */
.mk-kart__gorsel {
  background: color-mix(in srgb, currentColor 7%, transparent);
  padding: 10px;
}
.mk-kart__gorsel img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: center;
  border-radius: calc(var(--radius-cards) - 4px);
}

/* Kart ölçüleri: aynı bilgiyi daha az yer kaplayarak göster */
.mk-kart__govde { padding: 16px; gap: 6px; }
.mk-kart__baslik { font-size: 17px; line-height: 1.35; }
.mk-kart__tarih { font-size: 12.5px; }
.mk-kart__metin { font-size: 14px; line-height: 1.5; }
.mk-kart__bag { font-size: 13.5px; }
.mk-kart__etiket { font-size: 12px; padding: 5px 10px; }

/* Geniş ekranda duyuru kartı genişliği kontrolden çıkmasın.
   NOT: bu kural önce tüm .mk-izgara--3 ızgaralarına uygulanmıştı; Kurum
   Akışları gibi 3 kartlı bölümlerde auto-fill 4 sütun üretip kartları
   daraltıyor, sağda boşluk bırakıyordu. Yalnız duyuru ızgaralarına özel. */
.mk-bolum--duyurular .mk-izgara--3,
#duyurular .mk-izgara--3 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* Duyuru kartları satırda AYNI boyda dursun. Kapağı olmayan duyuru artık
   site logosuyla çizildiği için kartlar zaten aynı yapıda; yükseklik farkını
   da bırakmıyoruz. "Devamını okuyun" bağlantısı alta sabitlenir. */
.mk-bolum--duyurular .mk-izgara,
#duyurular .mk-izgara { align-items: stretch; }
.mk-bolum--duyurular .mk-kart,
#duyurular .mk-kart { height: 100%; }
.mk-kart__bag { margin-top: auto; padding-top: 6px; }

@media (max-width: 640px) {
  .mk-kart__govde { padding: 14px; }
  .mk-kart__baslik { font-size: 16px; }
}


/* =============================================================================
   v5.7 — KAPAK YEDEĞİ (site logosu) ve KÖŞEDEKİ KATEGORİ ETİKETİ
   ========================================================================== */

/* Kapak yerine logo konduğunda: logo kırpılmasın, kutuyu da doldurmasın —
   ortalanmış, biraz küçültülmüş bir marka plakası gibi dursun. */
.mk-kart__gorsel--logo { padding: 18px 22px; }
.mk-kart__gorsel--logo img { object-fit: contain; opacity: .9; }

/* Kategori etiketi her kartta aynı yerde: sol üst köşe.
   Önceden kapaksız kartta statik bir şeride dönüşüyordu (mk-kart__etiket--tek)
   ve kartlar arasında farklı görünüyordu; artık tek bir görünüm var. */
.mk-kart__etiket {
  position: absolute; left: 0; top: 0; z-index: 2;
  border-radius: 0 0 var(--radius-cards) 0;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  line-height: 1.2;
}
.mk-kart__etiket--tek { position: absolute; display: inline-block; }

/* Tüm duyuru kartları aynı boyda olsun: başlık en çok 2, özet en çok 3 satır.
   Böylece satırlar arasında da yükseklik farkı kalmıyor. */
.mk-kart__baslik {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
  /* min + max aynı: kısa başlıklı kart da iki satırlık yer kaplasın ki
     satırlar arasında yükseklik farkı kalmasın */
  min-height: calc(2 * 1.35em);
}
.mk-kart__metin {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(3 * 1.5em);
}
.mk-kart__metin p { margin: 0; }

/* =============================================================================
   v5.8 — PAYLAŞIM ÇUBUĞU
   ========================================================================== */
.mk-paylas {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--spacing-16);
  margin-top: var(--spacing-48);
  padding-top: var(--spacing-24);
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.mk-paylas__ad {
  font-size: var(--text-caption); text-transform: uppercase;
  letter-spacing: .06em; opacity: .55;
}
.mk-paylas__liste { display: flex; flex-wrap: wrap; gap: 8px; }

.mk-paylas__oge {
  position: relative;
  width: 42px; height: 42px; flex: 0 0 auto;
  display: grid; place-items: center;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: var(--radius-pills);
  background: none; color: inherit; cursor: pointer;
  transition: background-color var(--gecis), border-color var(--gecis),
              color var(--gecis), transform var(--gecis);
}
.mk-paylas__oge:hover { transform: translateY(-2px); color: #fff; border-color: transparent; }
.mk-paylas__oge:focus-visible { outline: 2px solid var(--color-signal-blue); outline-offset: 3px; }

/* Her ağın kendi rengi — yalnız üzerine gelince */
.mk-paylas__oge--wa:hover     { background: #25D366; }
.mk-paylas__oge--fb:hover     { background: #1877F2; }
.mk-paylas__oge--li:hover     { background: #0A66C2; }
.mk-paylas__oge--mail:hover   { background: var(--color-ink); }
.mk-paylas__oge--kopya:hover,
.mk-paylas__oge--yazdir:hover { background: var(--color-ink); }

/* Kopyalandı gibi kısa bildirimler */
.mk-paylas__oge--bildirim::after {
  content: attr(data-ipucu);
  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  white-space: nowrap; font-size: 12.5px; line-height: 1;
  padding: 7px 11px; border-radius: var(--radius-buttons);
  background: var(--color-ink); color: #fff; z-index: 5;
}

@media (max-width: 520px) {
  .mk-paylas__oge { width: 38px; height: 38px; }
}

/* =============================================================================
   ANTET — ekranda görünmez
   -----------------------------------------------------------------------------
   Yapı bir TABLO: baskıda üst/alt bilgiyi her sayfada tekrarlatmanın güvenilir
   yolu <thead>/<tfoot>. Ekranda tabloyu sıradan bir bloğa çeviriyoruz ki sayfa
   görünümü hiç değişmesin; başlık ve alt bilgi satırları da gizleniyor.
   ========================================================================== */
.mk-antet,
.mk-antet > tbody,
.mk-antet > tbody > tr,
.mk-antet > tbody > tr > td {
  display: block; width: auto; padding: 0; margin: 0; border: 0;
}
.mk-antet > thead, .mk-antet > tfoot { display: none; }

/* Sayfaya sabitlenen alt bilgi YALNIZ baskıda vardır. Tablo dışında ayrı bir
   öğe olduğu için yukarıdaki tablo nötrlemesi onu kapsamıyordu ve karekod,
   adres, iletişim satırı ekranda sayfanın altında görünüyordu. */
.mk-antet--sabit { display: none !important; }

/* =============================================================================
   v5.8 — BASKI ÖNİZLEMESİ
   -----------------------------------------------------------------------------
   Yazdır düğmesi doğrudan yazdırmaz; çıktıyı önce burada gösterir. İçerideki
   çerçeve sayfanın ?onizleme=1 sürümüdür, orada yazdırma stili ekrana da
   uygulanır — yani görülen, basılanın aynısıdır.
   ========================================================================== */
.mk-kilitli { overflow: hidden; }

.mk-onizleme {
  position: fixed; inset: 0; z-index: 200;
  display: grid; place-items: center;
  padding: clamp(12px, 3vw, 32px);
  background: rgba(6, 12, 24, .72);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.mk-onizleme__ic {
  display: flex; flex-direction: column;
  width: min(840px, 100%); max-height: 100%;
  background: var(--color-haze); color: var(--color-ink);
  border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .4);
}
.mk-onizleme__cubuk {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 12px 16px; background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.mk-onizleme__ad { font-weight: var(--font-weight-medium); font-size: 15px; }
.mk-onizleme__eylem { display: flex; gap: 8px; }
.mk-onizleme__eylem .mk-dugme { padding: 9px 18px; font-size: 14px; }

.mk-onizleme__sayfa {
  flex: 1; min-height: 0; padding: 16px; overflow: auto;
  display: flex; justify-content: center;
}
/* Ölçeklenen çerçeve akışta yer kaplamaz; sarmalayıcının yüksekliğini js'in
   verdiği --sayfa-boy değişkeninden alıyoruz ki kaydırma doğru çalışsın. */
.mk-onizleme__kagit {
  flex: 0 0 auto;
  width: 100%; max-width: 794px;
  height: var(--sayfa-boy, auto);
}
.mk-onizleme__kagit iframe { box-shadow: 0 2px 14px rgba(0, 0, 0, .16); }
.mk-onizleme__not {
  margin: 0; padding: 10px 16px 14px;
  font-size: 13px; line-height: 1.45; color: var(--color-ink);
  background: #fff; border-top: 1px solid rgba(0, 0, 0, .08);
}
.mk-onizleme__sayfa iframe {
  /* Yükseklik js tarafından A4 oranına göre verilir (bkz. a4Oranla) */
  display: block; width: 100%;
  border: 0; border-radius: var(--radius-cards);
  background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
}

@media (max-width: 560px) {
  .mk-onizleme { padding: 0; }
  .mk-onizleme__ic { width: 100%; height: 100%; max-height: none; border-radius: 0; }
}

/* Yazı altındaki sorumluluk notu — paylaş çubuğunun çizgisinin hemen üstünde.
   Metin Ayarlar → "Yazıcı çıktısı uyarı metni" ile aynı kaynaktan gelir. */
.mk-yazi__uyari {
  margin: var(--spacing-48) 0 0;
  font-size: 13px; line-height: 1.5; font-style: italic;
  opacity: .6;
}
.mk-yazi__uyari + .mk-paylas { margin-top: var(--spacing-16); }

/* Menü logosu: masaüstünde panelden verilen yükseklik geçerli; küçük ekranda
   üst çubuğu şişirmesin diye sınırlanır. */
@media (max-width: 860px) {
  .mk-marka__logo:not(.mk-marka__logo--mobil) { max-height: 40px; }
}
@media (max-width: 520px) {
  .mk-marka__logo:not(.mk-marka__logo--mobil) { max-height: 32px; }
}

/* --- Duyuru araması -------------------------------------------------------
   Cam yüzeyli arama satırı, yazarken beliren öneriler ve alakaya göre
   sıralanmış sonuç listesi. Renkler bölümün kendi zemininden gelir; koyu
   ya da açık zeminde ayrı kural gerekmez. */
.mk-arama { position: relative; margin: var(--spacing-32) auto 0; max-width: 720px; }
.mk-arama__kutu {
  display: flex; align-items: center; gap: 10px;
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-pills); padding: 6px 6px 6px 18px;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: border-color var(--gecis), background-color var(--gecis);
}
.mk-arama__kutu:focus-within { border-color: color-mix(in srgb, currentColor 55%, transparent); }
.mk-arama__simge {
  flex: none; width: 20px; height: 20px; opacity: .7;
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round;
}
.mk-arama__girdi {
  flex: 1 1 auto; min-width: 0; background: none; border: 0; outline: none;
  color: inherit; font: inherit; font-size: 16px; padding: 12px 0;
}
.mk-arama__girdi::placeholder { color: currentColor; opacity: .55; }
.mk-arama__girdi::-webkit-search-cancel-button { -webkit-appearance: none; }
/* Çubuk hap biçiminde; düğme de aynı yuvarlaklıkta. Renkler üst çubuktaki
   düğmenin değişkenlerine sabitlenir: hangi gök paleti seçilirse seçilsin
   menüdeki düğmeyle aynı görünür, bölüm zemini onu karartmaz. */
.mk-arama__dugme {
  flex: none; padding: 12px 26px; border-radius: var(--radius-pills);
  background: var(--cam-metin); color: var(--gok-1); border-color: transparent;
}
.mk-arama__dugme:hover { background: var(--cam-metin); color: var(--gok-1); opacity: .88; }
.mk-arama__not { margin: 10px 2px 0; font-size: var(--text-caption); opacity: .55; }

/* Yazarken beliren öneriler */
.mk-arama__oneri {
  position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 8px);
  background: var(--color-haze); color: var(--color-ink);
  border-radius: var(--radius-cards); overflow: hidden;
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}
.mk-arama__oge {
  display: flex; align-items: baseline; gap: 10px;
  padding: 12px 16px; color: inherit; text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}
.mk-arama__oge:last-child { border-bottom: 0; }
.mk-arama__oge:hover, .mk-arama__oge--secili { background: color-mix(in srgb, currentColor 8%, transparent); }
.mk-arama__oge b { font-weight: var(--font-weight-medium); }
.mk-arama__oge mark { background: none; color: inherit; font-weight: 700; }
.mk-arama__oge span { margin-left: auto; padding-left: 12px; font-size: var(--text-caption); opacity: .55; white-space: nowrap; }
.mk-arama__tumu { display: block; padding: 11px 16px; font-size: var(--text-caption); opacity: .7; color: inherit; }

/* Sonuç listesi */
.mk-arama__ozet { margin: 0 0 var(--spacing-24); font-size: 15px; opacity: .85; }
.mk-arama__temiz { margin-left: 10px; text-decoration: underline; text-underline-offset: 3px; opacity: .7; }
.mk-sonuclar { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.mk-sonuc__bag {
  display: flex; gap: 16px; padding: var(--spacing-20);
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  border-radius: var(--radius-cards); color: inherit;
  transition: background-color var(--gecis), border-color var(--gecis), transform var(--gecis);
}
.mk-sonuc__bag:hover {
  background: color-mix(in srgb, currentColor 10%, transparent);
  border-color: color-mix(in srgb, currentColor 35%, transparent);
  transform: translateY(-1px);
}
.mk-sonuc__sira {
  flex: none; width: 30px; height: 30px; display: grid; place-items: center;
  border-radius: var(--radius-pills); font-size: 13px; font-weight: 700;
  background: color-mix(in srgb, currentColor 14%, transparent);
}
.mk-sonuc__govde { display: grid; gap: 7px; min-width: 0; }
.mk-sonuc__baslik { font-size: 19px; font-weight: var(--font-weight-medium); line-height: 1.3; }
.mk-sonuc__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: var(--text-caption); opacity: .75; }
.mk-sonuc__kat {
  --kat-renk: currentColor;
  padding: 3px 11px; border-radius: var(--radius-pills);
  background: color-mix(in srgb, var(--kat-renk) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--kat-renk) 45%, transparent);
}
.mk-sonuc__uyum { display: inline-flex; align-items: center; gap: 7px; }
.mk-sonuc__cubuk {
  display: inline-block; width: 54px; height: 4px; border-radius: var(--radius-pills);
  background: color-mix(in srgb, currentColor 20%, transparent); overflow: hidden;
}
.mk-sonuc__cubuk > span { display: block; height: 100%; background: currentColor; border-radius: inherit; }
.mk-sonuc__alinti { font-size: 15px; line-height: 1.55; opacity: .82; }
/* Vurgu, aranan kelimeyi göstersin ama metni blok blok boyamasın. */
.mk-sonuc__baslik mark {
  background: none; color: inherit; font-weight: 700;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
.mk-sonuc__alinti mark {
  background: color-mix(in srgb, currentColor 13%, transparent);
  color: inherit; border-radius: 3px; padding: 0 2px; font-weight: var(--font-weight-medium);
}
.mk-arama__bos { display: grid; gap: var(--spacing-16); justify-items: start; }

@media (max-width: 640px) {
  .mk-arama__kutu { flex-wrap: wrap; border-radius: var(--radius-cards); padding: 12px 14px; }
  .mk-arama__girdi { padding: 4px 0; }
  .mk-arama__dugme { width: 100%; margin-top: 4px; }
  .mk-sonuc__bag { gap: 12px; padding: var(--spacing-16); }
  .mk-sonuc__sira { width: 26px; height: 26px; font-size: 12px; }
  .mk-sonuc__baslik { font-size: 17px; }
}
.mk-arama__son { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mk-arama__son li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }
.mk-arama__son a { text-decoration: underline; text-underline-offset: 3px; }
.mk-arama__son span { font-size: var(--text-caption); opacity: .55; }
/* Sonraki bölümün backdrop-filter'ı kendi yığın bağlamını kurduğu için açılır
   öneriler onun altında kalıyordu; arama bölümü öne alınır. */
.mk-bolum--arama { position: relative; z-index: 5; }
/* Sayfada görünür bölüm başlığı yoksa eklenen H1: ekran okuyucu ve arama
   motoru görür, düzeni etkilemez. */
.mk-gizli-baslik {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; overflow: hidden; white-space: nowrap; border: 0;
  clip-path: inset(50%);
}
.mk-yazi__yazar a { text-decoration: underline; text-underline-offset: 3px; }
.mk-yazi__guncel { font-style: italic; }

/* --- Kurum bağlantı kartları ---------------------------------------------
   Logo solda kare bir yuvada, ad ve tek satırlık tanım sağda. Kartın
   tamamı tıklanabilir; dış adreslerde adın yanında ok simgesi çıkar.
   Yüzey sitenin cam dilini kullanır; yalnız logo yuvası açık kalır ki
   koyu mürekkepli kurum logoları her zeminde okunsun. */
.mk-portallar {
  display: grid; gap: 14px;
  grid-template-columns: repeat(var(--portal-sutun, 3), minmax(0, 1fr));
}
.mk-portallar--2 { --portal-sutun: 2; }
.mk-portallar--3 { --portal-sutun: 3; }
.mk-portallar--4 { --portal-sutun: 4; }

.mk-portal {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 18px 20px;
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  color: var(--cam-metin);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-radius: var(--radius-xl);
  transition: background-color var(--vakit-gecis), border-color var(--vakit-gecis),
              color var(--vakit-gecis), transform var(--gecis);
}
.mk-portal:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, currentColor 40%, transparent);
}
/* Açık zeminli bölümlerde kart da açık yüzeye döner */
.mk-zemin--acik .mk-portal, .mk-zemin--beyaz .mk-portal, .mk-zemin--haze .mk-portal {
  background: var(--color-whiteout); border-color: rgba(0,0,0,.08); color: var(--color-ink);
}

.mk-portal__logo {
  flex: none; width: 52px; height: 52px;
  display: grid; place-items: center;
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 12px; overflow: hidden;
}
.mk-portal__logo img { width: 34px; height: 34px; object-fit: contain; }
.mk-portal__logo--harf {
  font-family: var(--font-dev); font-size: 22px; line-height: 1;
  color: var(--color-ink); opacity: .5;
}

.mk-portal__govde { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mk-portal__ad {
  font-size: 17px; font-weight: var(--font-weight-medium); line-height: 1.3;
  letter-spacing: -0.01em; display: inline-flex; align-items: center; gap: 7px; flex-wrap: wrap;
}
.mk-portal__ok {
  width: 14px; height: 14px; flex: none; opacity: .5;
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.mk-portal:hover .mk-portal__ok { opacity: 1; }
.mk-portal__metin { font-size: 14.5px; line-height: 1.5; opacity: .75; }
.mk-portal__metin p { margin: 0; }

@media (max-width: 900px) { .mk-portallar { --portal-sutun: 2; } }
@media (max-width: 600px) { .mk-portallar { --portal-sutun: 1; } }

/* --- Mobil üst çubuk: ortadaki logo ve köşenin mobil karşılığı -------------
   Masaüstü düzenine hiç dokunulmaz: her iki öğe de yalnız dar ekranda
   görünür. Ortadaki logo, menü çubuğunun boş kalan orta sütununa oturur. */
.mk-ust__orta,
.mk-marka__logo--mobil { display: none; }

@media (max-width: 860px) {
  /* Çubuğun GERÇEK ortası: köşedeki logo ile menü düğmesi farklı
     genişlikte olduğu için ızgara sütununun ortası çubuğun ortasına
     denk gelmiyor. Bu yüzden konumlandırma çubuğa göre yapılır. */
  .mk-ust__ic { position: relative; }
  .mk-ust__orta {
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex; align-items: center;
    max-width: calc(100% - 170px);   /* köşelere asla değmesin */
  }
  .mk-ust__orta img { width: auto; max-width: 100%; height: auto; display: block; }

  /* Köşede mobil logo tanımlıysa masaüstü logosu/yazısı gizlenir */
  .mk-marka__logo--mobil { display: block; }
  .mk-marka__logo--masa, .mk-marka__ad--masa { display: none; }

  /* Mobil logoların yüksekliği panelden geldiği için genel tavan onlara
     uygulanmaz; yoksa seçilen boyut kırpılırdı. */
  .mk-marka__logo--mobil { max-height: none; }
}

/* --- Başlıklar bölümün rengini izler -------------------------------------
   WordPress temalarının theme.json'dan ürettiği "global-styles" bloğu
   sayfaya düz "h1, h2, h3 { color: … }" kuralları basıyor. Düz etiket
   kuralı, devralınan rengi her zaman ezdiği için bölüm başlıkları gökyüzü
   paletinden bağımsız olarak koyu kalıyordu (yalnız şafak paletinde doğru
   görünüyordu, çünkü orada metin zaten koyu).

   Burada özgüllüğü bir sınıf kadar yükseltip başlığı yeniden bölümün
   rengine bağlıyoruz. Bölüme özel renk seçildiyse o kural (daha yüksek
   özgüllükte) yine üstte kalır. */
.mk-govde :is(h1, h2, h3, h4, h5, h6) { color: inherit; }

/* --- Açılış duyurusu penceresi -------------------------------------------
   Temanın cam diliyle: bulanık perde, cam kart. Görsel, yazı ya da ikisi
   birden gösterilebilir; hangisi seçilirse pencere ona göre daralır. */
.mk-popup {
  position: fixed; inset: 0; z-index: 400;
  display: grid; place-items: center;
  padding: 20px;
}
.mk-popup[hidden] { display: none; }

.mk-popup__perde {
  position: absolute; inset: 0;
  background: rgba(6, 14, 30, .55);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  animation: mk-popup-perde .25s ease both;
}

.mk-popup__kutu {
  position: relative;
  width: min(520px, 100%);
  max-height: min(86vh, 760px);
  overflow: auto;
  background: var(--cam-zemin); border: 1px solid var(--cam-kenar);
  color: var(--cam-metin);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border-radius: var(--radius-xl);
  box-shadow: 0 24px 70px -24px rgba(0,0,0,.6);
  animation: mk-popup-kutu .3s cubic-bezier(.2, .8, .3, 1) both;
}

.mk-popup__capraz {
  position: absolute; top: 10px; right: 10px; z-index: 2;
  width: 34px; height: 34px; display: grid; place-items: center;
  border-radius: var(--radius-pills);
  background: color-mix(in srgb, currentColor 14%, transparent);
  border: 1px solid var(--cam-kenar); color: inherit; cursor: pointer;
}
.mk-popup__capraz svg { width: 16px; height: 16px; }
.mk-popup__capraz:hover { background: color-mix(in srgb, currentColor 26%, transparent); }

.mk-popup__gorsel { display: block; }
.mk-popup__gorsel img {
  width: 100%; display: block;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.mk-popup__govde { display: grid; gap: 12px; padding: var(--spacing-24); }
.mk-popup__ad { font-size: clamp(19px, 2.6vw, 24px); line-height: 1.25; margin: 0; letter-spacing: -0.01em; }
.mk-popup__metin { font-size: 15.5px; line-height: 1.55; opacity: .9; }
.mk-popup__metin > :first-child { margin-top: 0; }
.mk-popup__metin > :last-child { margin-bottom: 0; }
.mk-popup__metin p { margin: 0 0 10px; }
.mk-popup__metin img { max-width: 100%; height: auto; border-radius: var(--radius-images); margin: 10px 0; }
.mk-popup__metin ul, .mk-popup__metin ol { margin: 0 0 10px; padding-left: 1.25em; }
.mk-popup__metin a { text-decoration: underline; text-underline-offset: 3px; }
.mk-popup__metin table { width: 100%; border-collapse: collapse; font-size: 14px; }
.mk-popup__metin td, .mk-popup__metin th {
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent); padding: 5px 8px;
}

.mk-popup__eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
.mk-popup__eylem .mk-dugme { flex: 1 1 auto; justify-content: center; }

.mk-popup__bir-daha {
  display: flex; align-items: center; gap: 8px;
  font-size: 13.5px; opacity: .75; cursor: pointer;
  padding-top: 4px;
}
.mk-popup__bir-daha input { width: 16px; height: 16px; accent-color: currentColor; }

@keyframes mk-popup-perde { from { opacity: 0 } to { opacity: 1 } }
@keyframes mk-popup-kutu {
  from { opacity: 0; transform: translateY(14px) scale(.98) }
  to   { opacity: 1; transform: none }
}
@media (prefers-reduced-motion: reduce) {
  .mk-popup__perde, .mk-popup__kutu { animation: none; }
}
/* Penceredeki düğmeler: renklerini devralmaya bırakmıyoruz. Kart içindeki
   bağlantılara rengi miras aldıran kurallar, dolgulu düğmenin yazısını
   zeminiyle aynı renge düşürüyordu (beyaz üstüne beyaz). */
.mk-popup .mk-dugme--dolu {
  background: var(--cam-metin); color: var(--gok-1); border-color: transparent;
}
.mk-popup .mk-dugme--dolu:hover { opacity: .9; color: var(--gok-1); }
.mk-popup .mk-dugme--hayalet {
  background: transparent; color: var(--cam-metin); border-color: var(--cam-kenar);
}
.mk-popup .mk-dugme--hayalet:hover {
  background: color-mix(in srgb, currentColor 14%, transparent); color: var(--cam-metin);
}

/* =============================================================================
   Günün vergi takvimi — sağ alt köşede cam kart
   Zemini .mk-cam'dan gelir; gökyüzü paleti değiştiğinde kart da onunla döner.
   ========================================================================== */

.mk-takvim {
  position: fixed; right: 20px; bottom: 20px; z-index: 90;
  width: min(360px, calc(100vw - 40px));
  padding: 0; overflow: hidden;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
  opacity: 0; transform: translateY(14px) scale(.98);
  transition: opacity .45s ease, transform .45s ease;
}
.mk-takvim--acik { opacity: 1; transform: none; }

/* Kapanış "yok olarak": yerinden kaymadan söner */
.mk-takvim--soner { opacity: 0; transform: scale(.98); transition: opacity .5s ease, transform .5s ease; }

.mk-takvim__bag {
  display: block; padding: 18px 44px 18px 20px; color: inherit; text-decoration: none;
}
a.mk-takvim__bag:hover .mk-takvim__git { opacity: 1; }

.mk-takvim__ustetiket {
  margin: 0; font-size: 11px; letter-spacing: .09em; text-transform: uppercase;
  opacity: .6;
}
.mk-takvim__tarih { margin: 3px 0 10px; font-size: 15px; font-weight: 600; }
.mk-takvim__liste { margin: 0; padding-left: 18px; display: grid; gap: 7px; }
.mk-takvim__liste li { font-size: 13px; line-height: 1.5; }
.mk-takvim__kalan { margin: 9px 0 0; font-size: 12.5px; opacity: .6; }
.mk-takvim__git { margin: 12px 0 0; font-size: 12.5px; opacity: .75; transition: opacity var(--gecis); }

.mk-takvim__capraz {
  position: absolute; top: 10px; right: 10px;
  width: 30px; height: 30px; display: grid; place-items: center;
  border: 0; border-radius: 50%; cursor: pointer;
  background: var(--cam-kenar); color: var(--cam-metin);
  font-size: 19px; line-height: 1; opacity: .65;
  transition: opacity var(--gecis);
}
.mk-takvim__capraz:hover { opacity: 1; }

@media (max-width: 640px) {
  .mk-takvim { right: 12px; left: 12px; bottom: 12px; width: auto; }
  .mk-takvim__liste li { font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-takvim, .mk-takvim--soner { transition: opacity .2s linear; transform: none; }
}

/* ——— Güncel Rakamlar ——— */
.mk-gr__donem {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 0 0 22px; font-size: 14px; opacity: .7;
}
.mk-gr__rozet {
  display: inline-block; padding: 3px 10px; border-radius: 999px;
  background: color-mix(in srgb, var(--color-signal-blue) 14%, transparent);
  color: var(--color-signal-blue); font-size: 12px; font-weight: 600;
  letter-spacing: .02em; opacity: 1;
}
.mk-gr { display: grid; gap: 28px; }
.mk-gr__ad { margin: 0 0 10px; font-size: 19px; font-weight: 600; letter-spacing: -.01em; }
.mk-gr__sar { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mk-gr__tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.mk-gr__tablo th, .mk-gr__tablo td {
  text-align: left; padding: 11px 14px; border-bottom: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}
.mk-gr__tablo thead th {
  font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em;
  opacity: .5; font-weight: 600; border-bottom-width: 2px;
}
.mk-gr__sag, .mk-gr__deger { text-align: right; white-space: nowrap; }
.mk-gr__kalem { font-weight: 500; }
.mk-gr__not { display: block; font-size: 13px; opacity: .55; font-weight: 400; margin-top: 2px; }
.mk-gr__deger { font-variant-numeric: tabular-nums; font-weight: 600; }
.mk-gr__birim { font-size: 13px; font-weight: 400; opacity: .6; }
.mk-gr__dayanak { font-size: 13px; opacity: .6; }
.mk-gr__altnot { margin-top: 24px; font-size: 14px; opacity: .6; }
.mk-gr__bos { opacity: .55; }

@media (max-width: 640px) {
  .mk-gr__tablo { font-size: 14px; }
  .mk-gr__tablo th, .mk-gr__tablo td { padding: 9px 10px; }
  .mk-gr__dayanak { display: none; }   /* dar ekranda tabloyu okunur tutar */
}