/* EVG Techworks — site stili (29 Eylül 2026)
   Renkler logodan ve tanıtım videosundan. Yazı tipleri kendi sunucumuzda:
   ziyaretçinin bilgisi hiçbir üçüncü tarafa gitmez. */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/varlik/yazi/poppins-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/varlik/yazi/poppins-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(/varlik/yazi/poppins-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(/varlik/yazi/poppins-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(/varlik/yazi/poppins-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(/varlik/yazi/poppins-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap; src: url(/varlik/yazi/source-sans-3-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap; src: url(/varlik/yazi/source-sans-3-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap; src: url(/varlik/yazi/source-sans-3-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap; src: url(/varlik/yazi/source-sans-3-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  --zemin: #060B14;
  --zemin2: #0A1628;
  --panel: #0B1729;
  --panel2: #0F1F38;
  --cizgi: #1C2D48;
  --cizgi2: #3A5578;
  --yazi: #F4F8FF;
  --soluk: #A9BAD2;
  --silik: #8FA2BE;
  --vurgu: #7FC4FF;
  --vurgu-acik: #B9DFFF;
  --vurgu-murekkep: #04101F;
  --altin: #F2C46D;
  --altin-zemin: #2A2210;
  --baslik: "Poppins", "Segoe UI", system-ui, sans-serif;
  --govde: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --genislik: 1160px;
  --kenar: 40px;
  --yuvarlak: 20px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 72px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0; background: var(--zemin); color: var(--yazi);
  font-family: var(--govde); font-size: 15px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--vurgu); }
a:hover { color: var(--vurgu-acik); }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 6px; }
h1, h2, h3 { font-family: var(--baslik); margin: 0; }
h1 { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.25; letter-spacing: -0.02em; font-weight: 700; }
h2 { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.12; letter-spacing: -0.01em; font-weight: 700; }
h3 { font-size: 16px; line-height: 1.3; font-weight: 600; }
p { margin: 0; }
code { font-size: 0.92em; background: var(--panel2); padding: 1px 6px; border-radius: 6px; }
[hidden] { display: none !important; }

.kabuk { width: 100%; max-width: calc(var(--genislik) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar); }
.atla { position: absolute; left: -9999px; top: 8px; background: var(--vurgu); color: var(--vurgu-murekkep); padding: 10px 16px; border-radius: 10px; z-index: 100; }
.atla:focus { left: 12px; }

/* ---------- Üst menü ---------- */
.ust { position: sticky; top: 0; z-index: 50; background: rgba(6, 11, 20, 0.94); border-bottom: 1px solid var(--cizgi); backdrop-filter: blur(10px); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 60px; }
.marka { display: flex; align-items: center; gap: 12px; color: var(--yazi); text-decoration: none; flex-shrink: 0; }
.marka img { width: 32px; height: 32px; }
.marka span { font-family: var(--baslik); font-size: 16px; font-weight: 600; }
.marka:hover { color: var(--yazi); }
.ana-menu { display: flex; align-items: center; gap: 26px; }
.ana-menu > a:not(.dugme), .acilir-dugme {
  font-family: var(--govde); font-size: 14px; font-weight: 600; color: var(--soluk);
  text-decoration: none; background: none; border: 0; cursor: pointer;
  padding: 19px 0 17px; border-bottom: 2px solid transparent;
  display: inline-flex; align-items: center; gap: 6px;
}
.ana-menu > a:not(.dugme):hover, .acilir-dugme:hover { color: var(--yazi); }
.ana-menu > a[aria-current="page"], .acilir-dugme.aktif { color: var(--yazi); border-bottom-color: var(--vurgu); }
.acilir { position: relative; }
.acilir-dugme svg { transition: transform .15s; }
.acilir-dugme[aria-expanded="true"] svg { transform: rotate(180deg); }
.acilir-panel {
  position: absolute; top: calc(100% + 4px); left: -24px; width: 440px; padding: 12px;
  background: var(--panel); border: 1px solid #22324A; border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55); display: flex; flex-direction: column; gap: 4px;
}
.acilir-baslik { padding: 10px 14px 6px; font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--silik); text-transform: uppercase; }
.acilir-oge { display: flex; align-items: center; gap: 16px; padding: 12px 14px; border-radius: 14px; color: var(--yazi); text-decoration: none; }
a.acilir-oge:hover, a.acilir-oge:focus-visible { background: var(--panel2); color: var(--yazi); }
.acilir-oge img, .acilir-oge .yer-tutucu { width: 52px; height: 52px; border-radius: 13px; flex-shrink: 0; }
.yer-tutucu { display: flex; align-items: center; justify-content: center; border: 1px dashed var(--cizgi2); }
.acilir-oge .metin { flex-grow: 1; display: flex; flex-direction: column; gap: 2px; line-height: 1.3; }
.acilir-oge strong { font-family: var(--baslik); font-size: 16px; font-weight: 600; }
.acilir-oge .metin span { font-size: 14px; color: var(--soluk); }
.acilir-oge.pasif strong { color: var(--soluk); }
.acilir-oge.pasif .metin span { color: var(--silik); }
.acilir-ayrac { height: 1px; margin: 6px 14px; background: var(--cizgi); }
.acilir-tumu { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-radius: 12px; font-weight: 600; text-decoration: none; }
.acilir-tumu:hover { background: var(--panel2); }
.menu-dugme { display: none; width: 46px; height: 46px; align-items: center; justify-content: center; border: 1px solid var(--cizgi); border-radius: 12px; background: transparent; color: var(--yazi); cursor: pointer; }

/* ---------- Düğmeler, rozetler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 40px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--vurgu);
  background: var(--vurgu); color: var(--vurgu-murekkep); font-family: var(--govde);
  font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.dugme:hover { background: var(--vurgu-acik); border-color: var(--vurgu-acik); color: var(--vurgu-murekkep); }
.dugme-ikincil { background: transparent; border-color: var(--cizgi2); color: var(--yazi); }
.dugme-ikincil:hover { background: var(--panel2); border-color: var(--vurgu); color: var(--yazi); }
.dugme-kucuk { min-height: 36px; padding: 0 16px; font-size: 14px; }
.dugme:disabled { opacity: .45; cursor: not-allowed; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 14px; }
.etiket { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--vurgu); }
.rozet { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--cizgi); font-size: 14px; color: var(--soluk); white-space: nowrap; }
.rozet-altin { border: 0; background: var(--altin-zemin); color: var(--altin); font-weight: 600; font-size: 13px; padding: 4px 12px; }
.rozet-mavi { border: 0; background: var(--panel2); color: var(--vurgu); font-weight: 600; font-size: 13px; padding: 4px 12px; }
.rozetler { display: flex; flex-wrap: wrap; gap: 10px; }
.soluk { color: var(--soluk); }
.buyuk { font-size: 15px; line-height: 1.6; color: var(--soluk); }
.ikon { width: 24px; height: 24px; flex-shrink: 0; stroke: var(--vurgu); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ikon-kutu { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: var(--panel2); }
.ikon-kutu .ikon { width: 22px; height: 22px; }

/* ---------- Bölümler ---------- */
.bolum { padding-top: 52px; }
.bolum-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 28px; flex-wrap: wrap; }
.bolum-bas > div { display: flex; flex-direction: column; gap: 12px; max-width: 780px; }
.ok-baglanti { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; text-decoration: none; }
.izgara { display: grid; gap: 24px; }
.izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kart { padding: 18px 20px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); display: flex; flex-direction: column; gap: 14px; }
.kart p { color: var(--soluk); font-size: 14px; }
a.kart { color: var(--yazi); text-decoration: none; }
a.kart:hover { border-color: var(--cizgi2); background: #0D1A2F; }
.kart-kesik { background: transparent; border-style: dashed; border-color: var(--cizgi2); }
.vitrin { background: var(--zemin2); border: 1px solid var(--cizgi); border-radius: 32px; overflow: hidden; }
.cagri { background: var(--panel2); border: 1px solid var(--cizgi2); border-radius: 20px; padding: 26px 32px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.cagri > div { display: flex; flex-direction: column; gap: 16px; max-width: 780px; }
.cagri h2 { font-size: clamp(19px, 1.8vw, 24px); }
.tik-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; font-size: 14px; }
.tik-liste li { display: flex; align-items: center; gap: 10px; }
.tik-liste svg { width: 20px; height: 20px; flex-shrink: 0; stroke: var(--vurgu); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.telefon { width: 170px; filter: drop-shadow(0 30px 50px rgba(0, 0, 0, .45)); }

/* Giriş (hero) */
.giris { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 32px; min-height: 0; padding: 36px 0 32px; }
.giris-metin { display: flex; flex-direction: column; gap: 14px; }
.giris-metin .buyuk { max-width: 600px; font-size: 16px; }
.logo-halka { justify-self: center; width: min(100%, 340px); aspect-ratio: 1; border-radius: 50%; border: 1px solid #16345A; display: flex; align-items: center; justify-content: center; }
.logo-halka > div { width: 88%; aspect-ratio: 1; border-radius: 50%; border: 1px solid #22324A; display: flex; align-items: center; justify-content: center; }
.logo-halka img { width: 88%; }

/* Arxa vitrini */
.arxa-vitrin { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; padding: 32px 40px 0; min-height: 0; }
.arxa-vitrin .metin { display: flex; flex-direction: column; gap: 14px; padding-bottom: 32px; }
.uygulama-bas { display: flex; align-items: center; gap: 16px; }
.uygulama-bas img { width: 48px; height: 48px; border-radius: 12px; }
.uygulama-bas > div { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.telefonlar { display: flex; gap: 18px; align-items: flex-start; }
.telefonlar .telefon:first-child { margin-top: 44px; }

/* Araç kartları */
.arac-kart { flex-direction: row; align-items: center; gap: 16px; padding: 16px 20px; }
.arac-kart .metin { display: flex; flex-direction: column; gap: 4px; }
.arac-kart strong { font-family: var(--baslik); font-size: 15px; font-weight: 600; }
.arac-kart span.aciklama { font-size: 13px; color: var(--soluk); }
.arac-kart .rozet { margin-left: auto; }

/* Alt bilgi */
.alt { margin-top: 64px; background: #04080F; border-top: 1px solid var(--cizgi); padding: 44px 0 24px; }
.alt-ust { display: flex; justify-content: space-between; gap: 48px; flex-wrap: wrap; }
.alt-marka { max-width: 380px; display: flex; flex-direction: column; gap: 16px; }
.alt-marka .marka img { width: 36px; height: 36px; }
.slogan { display: block; font-size: 14px; letter-spacing: .12em; color: var(--vurgu); }
.alt-sutunlar { display: flex; gap: 64px; flex-wrap: wrap; }
.alt-sutun { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.alt-sutun h2 { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.alt-sutun a { color: var(--soluk); text-decoration: none; }
.alt-sutun a:hover { color: var(--yazi); }
.alt-alt { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--cizgi); font-size: 14px; color: var(--silik); }
.alt-alt a { color: var(--silik); }

/* Sayfa başı (iç sayfalar) */
.sayfa-bas { padding: 36px 0 24px; display: flex; flex-direction: column; gap: 20px; }
.sayfa-bas h1 { font-size: clamp(20px, 1.7vw, 24px); }
.sayfa-bas .buyuk { max-width: 780px; }

/* Adımlar */
.adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.adimlar li { display: flex; flex-direction: column; gap: 10px; }
.adimlar .no { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--vurgu); color: var(--vurgu); font-family: var(--baslik); font-size: 15px; font-weight: 600; }
.adimlar h3 { font-size: 16px; }
.adimlar p { color: var(--soluk); }
.serit { background: var(--zemin2); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); padding: 44px 0; margin-top: 12px; }

/* SSS */
.sss { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; }
.sss-liste { border-top: 1px solid var(--cizgi); }
.sss details { padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.sss summary { cursor: pointer; font-family: var(--baslik); font-size: 15px; font-weight: 600; list-style-position: outside; }
.sss details p { margin-top: 12px; color: var(--soluk); }

/* Tanım tablosu */
.bilgi { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--cizgi); }
.bilgi > div { padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.bilgi dt { font-size: 14px; color: var(--silik); }
.bilgi dd { margin: 4px 0 0; font-size: 14px; font-weight: 600; }

/* Formlar */
label.baslikli, .alan > label, legend { font-size: 15px; font-weight: 600; color: var(--soluk); }
.alan { display: flex; flex-direction: column; gap: 8px; }
input[type=text], input[type=email], input[type=number], select, textarea {
  width: 100%; min-height: 42px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--cizgi2);
  background: #081222; color: var(--yazi); font-family: var(--govde); font-size: 15px;
}
textarea { resize: vertical; min-height: 160px; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--vurgu); outline-offset: 1px; }
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
legend { padding: 0 0 10px; }
.secenekler { display: flex; gap: 10px; flex-wrap: wrap; }
.secenekler label { flex: 1 1 0; min-width: 88px; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--cizgi2); font-size: 16px; cursor: pointer; }
.secenekler label:has(input:checked) { border-color: var(--vurgu); background: var(--panel2); font-weight: 600; }
.secenekler input { accent-color: var(--vurgu); margin: 0; }

/* Metin sayfaları (gizlilik) */
.metin-sayfa { max-width: 800px; margin: 0 auto; padding: 72px var(--kenar) 0; }
.metin-sayfa h1 { font-size: clamp(20px, 1.7vw, 24px); margin-bottom: 16px; }
.metin-sayfa h2 { font-size: 18px; margin: 44px 0 12px; }
.metin-sayfa h3 { font-size: 16px; margin: 26px 0 8px; }
.metin-sayfa p { margin: 0 0 16px; }
.metin-sayfa .kart { margin: 28px 0; }
.metin-sayfa .kart h2 { margin-top: 0; }
.metin-sayfa .kart p:last-child { margin-bottom: 0; }
.metin-sayfa .rozet { margin-bottom: 18px; }
.metin-sayfa .tarih { color: var(--soluk); font-size: 15px; margin-bottom: 34px; }
.metin-sayfa ul { padding-left: 22px; }
.metin-sayfa li { margin-bottom: 8px; }
.sozluk { margin: 0; }
.sozluk dt { font-weight: 600; margin-top: 18px; }
.sozluk dd { margin: 4px 0 0; color: var(--soluk); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
  .arxa-vitrin { grid-template-columns: 1fr; padding: 48px 40px 0; }
  .telefonlar { justify-content: center; }
  .sss { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 960px) {
  :root { --kenar: 24px; }
  .menu-dugme { display: inline-flex; }
  .ana-menu { display: none; position: absolute; top: 60px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 8px var(--kenar) 24px; background: var(--zemin); border-bottom: 1px solid var(--cizgi); max-height: calc(100vh - 60px); overflow-y: auto; }
  .ana-menu.acik { display: flex; }
  .ana-menu > a:not(.dugme), .acilir-dugme { width: 100%; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(--cizgi); font-size: 16px; }
  .ana-menu > a[aria-current="page"], .acilir-dugme.aktif { border-bottom-color: var(--cizgi); color: var(--vurgu); }
  .acilir-panel { position: static; width: auto; box-shadow: none; border: 0; background: transparent; padding: 4px 0 8px; }
  .ana-menu .dugme { margin-top: 20px; }
  .giris { grid-template-columns: 1fr; min-height: 0; padding: 56px 0 24px; }
  .logo-halka { width: min(80%, 340px); }
  .izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adimlar { grid-template-columns: 1fr; }
  .cagri { flex-direction: column; align-items: flex-start; padding: 40px 32px; }
  .bolum { padding-top: 80px; }
}
@media (max-width: 640px) {
  :root { --kenar: 20px; }
  body { font-size: 15px; }
  .ust-ic { height: 56px; }
  .ana-menu { top: 56px; }
  .marka img { width: 34px; height: 34px; }
  .marka span { font-size: 16px; }
  .izgara-3, .izgara-2, .tik-liste, .bilgi { grid-template-columns: 1fr; }
  .arxa-vitrin { padding: 32px 22px 0; }
  .telefon { width: 170px; }
  .telefonlar .telefon:first-child { display: none; }
  .telefonlar .telefon { margin-top: 0 !important; }
  .dugmeler .dugme { width: 100%; }
  .kart { padding: 24px; }
  .cagri { padding: 32px 22px; border-radius: 24px; }
  .vitrin { border-radius: 24px; }
  .sayfa-bas { padding: 56px 0 40px; }
  .alt-sutunlar { gap: 32px 48px; }
}

/* Yardımcılar (satır içi stil yok: güvenlik politikası izin vermez) */
.sol-hizali { align-self: flex-start; }
.kart-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.simge-64 { width: 48px; height: 48px; border-radius: 12px; }
.simge-96 { width: 64px; height: 64px; border-radius: 16px; }
.h3-buyuk { font-size: 16px; }
.kart-alt { margin-top: auto; font-size: 15px; }
.kart-baglanti { font-size: 16px; font-weight: 600; text-decoration: none; }
.dugme .ikon, .ok-baglanti .ikon, .acilir-tumu .ikon { width: 20px; height: 20px; stroke: currentColor; }
.acilir-dugme .ikon { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.2; }
.menu-dugme .ikon, .yer-tutucu .ikon { width: 22px; height: 22px; }
.menu-dugme .ikon { stroke: var(--yazi); stroke-width: 2; }
.ust-bosluk { margin-top: 32px; }
.ince { font-size: 15px; color: var(--silik); }
.orta { text-align: center; }

/* Uygulamalar sayfası */
.uyg-satir { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 48px; padding: 40px 48px 0; }
.uyg-satir .telefon { width: 155px; }
.uyg-metin { display: flex; flex-direction: column; gap: 18px; padding-bottom: 40px; }
.uygulama-bas h2 { font-size: 20px; }
.altin { color: var(--altin); }
.uyg-yakinda { margin-top: 32px; flex-direction: row; align-items: center; gap: 40px; padding: 40px 56px; }
.uyg-yakinda-metin { flex-grow: 1; display: flex; flex-direction: column; gap: 10px; }
.buyuk-kutu { width: 96px; height: 96px; border-radius: 24px; }
.buyuk-kutu .ikon { width: 40px; height: 40px; }
.h2-kucuk { font-size: clamp(18px, 1.6vw, 21px); }
.dagitim { padding: 48px 56px; display: flex; flex-direction: column; gap: 32px; background: var(--panel); }
.dagitim-bas { display: flex; align-items: center; gap: 16px; }
.dagitim-bas .ikon { width: 40px; height: 40px; }
.dagitim h3 { font-size: 16px; margin-bottom: 8px; }
@media (max-width: 1100px) {
  .uyg-satir { grid-template-columns: 1fr; padding: 40px 32px 0; gap: 32px; }
  .uyg-satir .telefonlar { order: 2; }
}
@media (max-width: 640px) {
  .uyg-satir { padding: 28px 22px 0; }
  .uyg-satir .telefon { width: 155px; }
  .uyg-yakinda { flex-direction: column; align-items: flex-start; padding: 28px 22px; gap: 20px; }
  .dagitim { padding: 28px 22px; }
}

/* Arxa sayfası */
.arxa-giris { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); min-height: 0; }
.arxa-giris .telefonlar { justify-content: center; }
.arxa-giris .telefonlar .telefon:first-child { margin-top: 56px; width: 145px; }
.arxa-giris .telefonlar .telefon:last-child { width: 170px; }
.uyg-ad { font-family: var(--baslik); font-size: 18px; font-weight: 600; }
.h1-orta { font-size: clamp(20px, 1.7vw, 24px); }
.alt-bosluk { margin-bottom: 24px; }
.gizlilik-vitrin { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 48px; padding: 40px 48px 0; }
.gizlilik-vitrin .telefon { width: 160px; }
.gizlilik-metin { display: flex; flex-direction: column; gap: 18px; padding: 16px 0 40px; }
.kiyas { gap: 20px; }
.kiyas-kutu { padding: 16px 18px; border: 1px solid var(--cizgi); border-radius: 14px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.kiyas-biz { border-color: var(--vurgu); }
.vurgu-yazi { color: var(--vurgu); }
.pro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 56px; align-items: center; }
.pro-metin { display: flex; flex-direction: column; gap: 18px; }
.plan-ad { font-family: var(--baslik); font-size: 16px; font-weight: 700; }
.kart-vurgulu { background: var(--panel2); border-color: var(--vurgu); }
.kalin { font-weight: 600; }
.cagri-dikey { flex-direction: column; align-items: stretch; gap: 40px; }
.cagri-dikey .cagri-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
.cagri-dikey .cagri-ust > div { display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
.adimlar-kucuk li { flex-direction: row; gap: 16px; }
.adimlar-kucuk .no { width: 38px; height: 38px; font-size: 16px; flex-shrink: 0; }
.adimlar-kucuk p { color: #D4DEEC; }
@media (max-width: 1100px) {
  .gizlilik-vitrin { grid-template-columns: 1fr; padding: 40px 32px; }
  .gizlilik-vitrin .telefon { display: none; }
  .gizlilik-metin { padding: 0; }
  .pro { grid-template-columns: 1fr; }
  .pro .telefon { justify-self: center; }
  .cagri-dikey .cagri-ust { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 960px) {
  .arxa-giris .telefonlar .telefon:first-child { display: none; }
  .arxa-giris .telefonlar .telefon:last-child { width: 170px; }
}
@media (max-width: 640px) {
  .gizlilik-vitrin { padding: 28px 22px; }
  .serit { padding: 64px 0; }
  .pro .telefon { width: 170px; }
}

/* Hakkımızda */
.hakkimizda-giris { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.hakkimizda-logo { width: min(100%, 200px); justify-self: center; }
.kart-cizgili { border-top: 2px solid var(--vurgu); border-radius: 0 0 var(--yuvarlak) var(--yuvarlak); }
.iletisim { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 48px; padding: 36px; }
.iletisim-sol { display: flex; flex-direction: column; gap: 14px; }
.iletisim-bas { display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
.iletisim-kart { min-height: 56px; padding: 12px 20px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--cizgi); border-radius: 16px; color: var(--yazi); text-decoration: none; }
a.iletisim-kart:hover { border-color: var(--cizgi2); color: var(--yazi); background: var(--panel); }
.iletisim-kart .ikon { width: 24px; height: 24px; }
.iletisim-kart > span { display: flex; flex-direction: column; }
.iletisim-kart strong { font-size: 14px; }
.iletisim-form { display: flex; flex-direction: column; gap: 20px; }
.form-alt { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.bulunamadi { min-height: 50vh; justify-content: center; }
@media (max-width: 1100px) { .iletisim { grid-template-columns: 1fr; padding: 40px 32px; } }
@media (max-width: 960px) { .hakkimizda-logo { width: min(60%, 220px); } }
@media (max-width: 640px) {
  .iletisim { padding: 28px 22px; }
  .form-alt { flex-direction: column; align-items: stretch; }
}
.marka .slogan { font-family: var(--govde); font-size: 12px; font-weight: 600; letter-spacing: .12em; color: var(--vurgu); }
@media (max-width: 640px) {
  .uygulama-bas .rozet { white-space: normal; }
  .arxa-vitrin .metin { padding-bottom: 32px; }
}
.cagri > .cagri-ust { flex-direction: row; max-width: none; justify-content: space-between; align-items: flex-end; }
.cagri > .uygulama-bas { flex-direction: row; align-items: center; gap: 24px; }
.cagri > .uygulama-bas > div { gap: 8px; }
@media (max-width: 1100px) { .cagri > .cagri-ust { flex-direction: column; align-items: flex-start; } }
@media (max-width: 640px) { .cagri > .uygulama-bas { flex-direction: column; align-items: flex-start; } }
@media (max-width: 960px) {
  .arxa-giris, .hakkimizda-giris { grid-template-columns: 1fr; min-height: 0; }
  .arxa-giris .telefonlar { order: 2; }
}
.bal-kupu { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-ikili { gap: 20px; }

/* Ana sayfa girişi: logo yok, tek sütun (kullanıcı kararı, 29 Eylül) */
.giris-tek { grid-template-columns: 1fr; padding: 40px 0 32px; }
.giris-tek .giris-metin { max-width: 760px; }

/* ===================== Tasarım 2 (30 Eylül): koyu, sade, kart ızgarası ===================== */
.ust-ic { height: 56px; }
.ana-menu > a:not(.dugme), .acilir-dugme { font-size: 13px; letter-spacing: .04em; text-transform: uppercase; padding: 18px 0 16px; }
.ana-menu .dugme { text-transform: none; letter-spacing: 0; border-radius: 8px; }
.dugme { border-radius: 10px; }
.acilir-panel { top: calc(100% + 2px); border-radius: 14px; }

/* Ortalanmış sayfa başı */
.ortala-bas { text-align: center; padding: 40px 0 8px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.ortala-bas h1 { font-size: clamp(22px, 2.1vw, 28px); line-height: 1.25; max-width: 680px; }
.ortala-bas p { max-width: 640px; color: var(--soluk); font-size: 15px; }

/* Filtre düğmeleri */
.filtre { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 16px 0 22px; }
.filtre button { height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--panel); color: var(--yazi); font-family: var(--govde); font-size: 13px; font-weight: 600; cursor: pointer; }
.filtre button:hover { border-color: var(--cizgi2); }
.filtre button[aria-pressed="true"] { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-murekkep); }

/* Kart ızgarası */
.kizgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.kizgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ikart { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 18px; min-height: 150px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 12px; color: var(--yazi); text-decoration: none; transition: border-color .15s, transform .15s; }
a.ikart:hover { border-color: var(--cizgi2); color: var(--yazi); transform: translateY(-2px); }
.ikart .ik { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; color: var(--r, var(--vurgu)); background: color-mix(in srgb, var(--r, var(--vurgu)) 16%, transparent); }
.ikart .ik .ikon { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.9; }
.ikart strong { font-family: var(--baslik); font-size: 15px; font-weight: 600; }
.ikart p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--soluk); }
.ikart .rz { position: absolute; top: 14px; right: 14px; }
.ikart[hidden] { display: none; }
.rz { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.rz-ucretsiz { background: #0F2A1D; color: #8FE0AE; }
.rz-arxa { background: var(--altin-zemin); color: var(--altin); }
.rz-yakinda { background: #132447; color: #9DBBFF; }
.r-mavi { --r: #4C9AFF; } .r-mor { --r: #9F8CFF; } .r-camgobegi { --r: #2CC4C4; } .r-turuncu { --r: #F2A15A; }
.r-yesil { --r: #4CC38A; } .r-kirmizi { --r: #F07167; } .r-pembe { --r: #E77FD0; } .r-gri { --r: #8FA2BE; } .r-sari { --r: #F2C46D; }

/* Öne çıkan uygulama kartı (2 sütun) */
.ikart-one { grid-column: span 2; flex-direction: row; align-items: center; gap: 18px; overflow: hidden; max-height: 170px; padding-right: 0; }
.ikart-one .simge { width: 56px; height: 56px; border-radius: 13px; flex-shrink: 0; }
.ikart-one .metin { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.ikart-one .tel { width: 96px; margin-left: auto; align-self: flex-start; flex-shrink: 0; margin-right: 18px; }
.ikart-one .rz { position: static; }
.ikart .devam { margin-top: auto; padding-top: 8px; font-size: 13px; font-weight: 600; color: var(--vurgu); }

/* Güven şeridi */
.guven { margin-top: 26px; background: var(--zemin2); border: 1px solid var(--cizgi); border-radius: 14px; padding: 18px 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.guven > div { display: flex; gap: 12px; align-items: flex-start; font-size: 13px; color: var(--soluk); }
.guven .ikon { width: 22px; height: 22px; }
.guven strong { display: block; color: var(--yazi); font-family: var(--baslik); font-size: 14px; margin-bottom: 2px; }

@media (max-width: 1100px) {
  .kizgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .ana-menu > a:not(.dugme), .acilir-dugme { text-transform: none; letter-spacing: 0; font-size: 16px; }
  .kizgara, .kizgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guven { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .kizgara, .kizgara-3 { grid-template-columns: 1fr; }
  .ikart-one { grid-column: auto; max-height: none; }
  .ikart-one .tel { display: none; }
  .ikart { min-height: 0; }
}
.ust-bosluk-k { margin-top: 10px; justify-content: center; }

/* ===================== Tasarım 3 (1 Ekim): yeni arayüz ===================== */
:root { --zemin: #060A13; --zemin2: #0A1222; --panel: #0B1322; --panel2: #0F1C33; --cizgi: #18243B; --cizgi2: #2A3A58; --vurgu: #8EC8FF; --vurgu-acik: #B5DBFF; --vurgu-murekkep: #06101F; --yesil: #4CC38A; }
.ust { background: rgba(6, 10, 19, .82); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom-color: #152036; }
.dugme { min-height: 44px; padding: 0 20px; border-radius: 12px; transition: transform .2s, background .2s, border-color .2s; }
.dugme:hover { transform: translateY(-1px); }
.dugme:disabled:hover { transform: none; }
.ana-menu .dugme { min-height: 38px; border-radius: 10px; font-size: 14px; }
.vurgu-yazi { color: var(--vurgu); }
.nabiz { width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); flex-shrink: 0; animation: nabiz 2s infinite; }
@keyframes nabiz { 0% { box-shadow: 0 0 0 0 rgba(76,195,138,.55); } 70% { box-shadow: 0 0 0 10px rgba(76,195,138,0); } 100% { box-shadow: 0 0 0 0 rgba(76,195,138,0); } }
.canli-rozet { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; border: 1px solid #1E3A2E; background: #0A1B15; color: #9FE3B4; font-size: 13px; font-weight: 600; }

/* Kahraman bölümü */
.kahraman { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; padding: 64px 0 48px; }
.kahraman-metin { display: flex; flex-direction: column; gap: 20px; }
.kahraman h1 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.2; letter-spacing: -0.01em; }
.kahraman-alt { color: var(--soluk); font-size: 16px; max-width: 520px; }
.arac-ara { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 16px; border-radius: 14px; background: var(--panel); border: 1px solid #22314D; cursor: text; transition: border-color .2s, box-shadow .2s; }
.arac-ara:focus-within { border-color: var(--vurgu); box-shadow: 0 0 0 4px rgba(142, 200, 255, .12); }
.arac-ara .ikon { width: 18px; height: 18px; stroke: #7E8CA6; }
.arac-ara input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: var(--yazi); font: inherit; font-size: 15px; padding: 0; min-height: 0; }
.arac-ara input:focus { outline: 0; }
.arac-ara input::placeholder { color: #7E8CA6; }
.arac-ara input::-webkit-search-cancel-button { filter: invert(.6); }
.arac-ara kbd { font-family: var(--govde); font-size: 12px; color: #7E8CA6; border: 1px solid var(--cizgi2); border-radius: 6px; padding: 1px 7px; }

/* Sahne: dosya tarayıcıda PDF'e dönüşür */
.sahne { position: relative; height: 430px; }
.sahne-bulut { position: absolute; top: 0; right: 24px; display: flex; align-items: center; gap: 8px; color: #7E8CA6; font-size: 12px; }
.sahne-bulut .ikon { width: 22px; height: 22px; stroke: #7E8CA6; }
.pencere { position: absolute; inset: 22px 0 30px 0; border-radius: 18px; background: #0B1322; border: 1px solid #1D2A44; box-shadow: 0 30px 80px rgba(0,0,0,.55); overflow: hidden; }
.pencere-ust { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-bottom: 1px solid #18243B; background: #0E182B; }
.pencere-ust > span:not(.pencere-adres) { width: 10px; height: 10px; border-radius: 50%; background: #26334D; }
.pencere-adres { margin-left: 10px; flex: 1; min-width: 0; height: 24px; border-radius: 8px; background: #08101E; color: #8594AE; font-size: 12px; display: flex; align-items: center; gap: 6px; padding: 0 10px; white-space: nowrap; overflow: hidden; }
.pencere-adres .ikon { width: 11px; height: 11px; stroke: var(--yesil); stroke-width: 2.6; }
.pencere-govde { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 22px; }
.sahne-birak { position: relative; border: 1.5px dashed #2B3D5E; border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--soluk); font-size: 13px; animation: birakIsik 7s infinite; }
.sahne-birak > .ikon { width: 30px; height: 30px; }
@keyframes birakIsik { 0%, 18% { border-color: #2B3D5E; background: transparent; } 28%, 40% { border-color: var(--vurgu); background: rgba(142,200,255,.05); } 55%, 100% { border-color: #2B3D5E; background: transparent; } }
.sahne-dosya { position: absolute; width: 124px; height: 64px; border-radius: 12px; background: #12203A; border: 1px solid #2E4A78; display: flex; align-items: center; gap: 10px; padding: 0 12px; box-shadow: 0 12px 28px rgba(0,0,0,.4); animation: dosyaGir 7s infinite cubic-bezier(.2,.8,.2,1); }
.sahne-dosya > span:last-child { display: flex; flex-direction: column; font-size: 12px; line-height: 1.3; }
.sahne-dosya b { color: var(--yazi); }
.sahne-dosya small { color: #8594AE; font-size: 12px; }
.sahne-xml { width: 34px; height: 40px; border-radius: 6px; background: #1E3A2E; color: #9FE3B4; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
@keyframes dosyaGir { 0% { transform: translate(-190px,-60px) rotate(-8deg); opacity: 0; } 12% { opacity: 1; } 30% { transform: none; opacity: 1; } 46% { transform: scale(.9); opacity: 1; } 54% { transform: scale(.6); opacity: 0; } 100% { opacity: 0; } }
.sahne-cubuk { position: absolute; left: 18px; right: 18px; bottom: 18px; height: 6px; border-radius: 6px; background: #15213A; overflow: hidden; }
.sahne-cubuk span { display: block; height: 100%; width: 0; background: var(--vurgu); border-radius: 6px; animation: dolum 7s infinite; }
@keyframes dolum { 0%, 40% { width: 0; } 62% { width: 100%; } 90% { width: 100%; opacity: 1; } 100% { width: 100%; opacity: 0; } }
.sahne-a4 { position: relative; background: #fff; border-radius: 6px; padding: 16px 16px 0; display: flex; flex-direction: column; gap: 7px; box-shadow: 0 16px 40px rgba(0,0,0,.45); animation: a4Gel 7s infinite; }
@keyframes a4Gel { 0%, 52% { opacity: 0; transform: translateY(14px) scale(.94); } 64%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.sahne-a4 .c { height: 6px; border-radius: 3px; background: #DDE3EC; }
.sahne-a4 .c-k { background: #1F2937; height: 8px; width: 52%; }
.c-70 { width: 70%; } .c-58 { width: 58%; } .c-64 { width: 64%; } .c-40 { width: 40%; } .c-34 { width: 34%; }
.sahne-a4 .sag { margin-left: auto; }
.sahne-a4 .koyu { background: #1F2937; }
.sahne-qr { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 3px solid #111; background: repeating-linear-gradient(90deg,#111 0 4px,#fff 4px 7px), repeating-linear-gradient(0deg,#111 0 4px,#fff 4px 7px); background-blend-mode: multiply; }
.sahne-tablo { margin-top: 6px; border: 1px solid #CBD3DF; border-radius: 3px; display: grid; grid-template-columns: 2fr 1fr 1fr; }
.sahne-tablo i { height: 13px; border-bottom: 1px solid #E3E8EF; border-right: 1px solid #E3E8EF; }
.sahne-tablo i:nth-child(-n+3) { background: #EEF2F7; }
.sahne-a4-alt { margin-top: auto; padding: 8px 0; font-size: 10px; color: #6B7280; text-align: center; border-top: 1px solid #E5E7EB; }
.sahne-rozet { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: #0A1B15; border: 1px solid #1E3A2E; color: #9FE3B4; font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.yuzen { position: absolute; padding: 7px 12px; border-radius: 10px; background: #101B30; border: 1px solid #24375A; color: #C9D6EA; font-size: 12px; font-weight: 600; box-shadow: 0 10px 26px rgba(0,0,0,.4); animation: yuz 6s ease-in-out infinite; }
.yuzen-1 { left: -18px; top: 120px; } .yuzen-2 { right: -14px; top: 190px; animation-delay: -2s; } .yuzen-3 { left: 34%; top: 4px; animation-delay: -4s; }
@keyframes yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Kayan araç şeridi */
.kayan { border-top: 1px solid #121D31; border-bottom: 1px solid #121D31; padding: 14px 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.kayan-ic { display: flex; gap: 12px; width: max-content; animation: kay 45s linear infinite; }
.kayan:hover .kayan-ic { animation-play-state: paused; }
@keyframes kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.cip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid #1E2B45; background: var(--panel); color: #C9D6EA; font-size: 14px; white-space: nowrap; text-decoration: none; }
.cip:hover { color: #fff; border-color: #34507E; }
.cip .ikon { width: 16px; height: 16px; stroke: var(--r, var(--vurgu)); }

/* Sekmeler (kategori) */
.sekmeler { display: flex; gap: 6px; padding: 4px; border-radius: 12px; background: var(--panel); border: 1px solid #1B2740; }
.sekmeler button { min-height: 36px; padding: 0 14px; border-radius: 9px; border: 0; background: transparent; color: var(--soluk); font-family: var(--govde); font-size: 14px; font-weight: 600; cursor: pointer; }
.sekmeler button:hover { color: #fff; }
.sekmeler button[aria-pressed="true"] { background: var(--vurgu); color: var(--vurgu-murekkep); }
.bos-sonuc { margin-top: 18px; color: var(--soluk); }

/* Araç kartları (yeni) */
.ikart { border-radius: 16px; border-color: var(--cizgi); background: var(--panel); min-height: 0; padding: 18px 18px 20px; transition: transform .25s, border-color .25s, background .25s; }
a.ikart:hover { transform: translateY(-4px); border-color: #34507E; background: #0E182C; }
.ikart .ik { width: 40px; height: 40px; border-radius: 11px; }
.ikart p { padding-right: 18px; color: #95A3BC; }
.ikart-ok { position: absolute; right: 16px; bottom: 16px; width: 18px; height: 18px; stroke: var(--vurgu); opacity: .35; transition: transform .25s, opacity .25s; }
a.ikart:hover .ikart-ok { transform: translateX(4px); opacity: 1; }
.rz-yeni { background: #1B2B4A; color: var(--vurgu); }

/* Üç adım */
.akis { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; position: relative; }
.akis::before { content: ""; position: absolute; top: 22px; left: 17%; right: 17%; height: 2px; background: repeating-linear-gradient(90deg, #2B3D5E 0 8px, transparent 8px 16px); background-size: 32px 2px; animation: akis 1.6s linear infinite; }
@keyframes akis { from { background-position: 0 0; } to { background-position: 32px 0; } }
.akis li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.akis-no { width: 46px; height: 46px; border-radius: 50%; background: var(--panel); border: 1px solid #2E4A78; color: var(--vurgu); display: flex; align-items: center; justify-content: center; font-family: var(--baslik); font-weight: 700; }
.akis p { color: #95A3BC; font-size: 14px; max-width: 280px; }

/* Arxa tanıtımı */
.arxa-tanitim { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 40px; align-items: center; padding: 40px; border-radius: 24px; background: var(--zemin2); border: 1px solid #1A2640; }
.arxa-tanitim-metin { display: flex; flex-direction: column; gap: 14px; }
.arxa-tanitim .tik-liste { margin: 6px 0 8px; }
.arxa-tanitim .tik-liste svg { stroke: var(--yesil); }
.tarama-tel { position: relative; justify-self: center; width: 210px; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.6); }
.tarama-tel img { width: 100%; }
.tarama-isik { position: absolute; left: 6%; right: 6%; height: 44px; background: linear-gradient(180deg, rgba(142,200,255,0), rgba(142,200,255,.35), rgba(142,200,255,0)); animation: tara 3.4s ease-in-out infinite; pointer-events: none; }
@keyframes tara { 0% { top: 12%; } 50% { top: 78%; } 100% { top: 12%; } }

/* Güven kartları */
.guven { background: transparent; border: 0; padding: 72px 0 0; margin-top: 0; gap: 14px; }
.guven > div { padding: 18px; border-radius: 16px; background: var(--panel); border: 1px solid var(--cizgi); font-size: 13px; color: #95A3BC; }

/* Alt bilgi */
.alt { margin-top: 80px; background: transparent; border-top-color: #121D31; }

/* İç sayfalar: kırıntı */
.kirinti { display: flex; gap: 8px; font-size: 13px; color: #7E8CA6; }
.kirinti a { color: #8594AE; text-decoration: none; }
.kirinti a:hover { color: var(--yazi); }

@media (max-width: 980px) {
  .kahraman { grid-template-columns: 1fr; padding: 40px 0 32px; gap: 32px; }
  .arxa-tanitim { grid-template-columns: 1fr; padding: 28px; }
  .akis { grid-template-columns: 1fr; }
  .akis::before { display: none; }
}
@media (max-width: 640px) {
  .sahne { height: 360px; }
  .pencere-govde { grid-template-columns: 1fr; padding: 14px; }
  .sahne-a4, .yuzen-3 { display: none; }
  .yuzen-1 { left: 4px; } .yuzen-2 { right: 4px; }
  .bolum-bas .sekmeler { width: 100%; }
  .sekmeler button { flex: 1; }
  .guven { padding-top: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .nabiz, .sahne-birak, .sahne-dosya, .sahne-cubuk span, .sahne-a4, .yuzen, .kayan-ic, .akis::before, .tarama-isik { animation: none !important; }
  .sahne-a4 { opacity: 1; }
  .sahne-dosya { opacity: 1; }
  .sahne-cubuk span { width: 100%; }
  .ikart, .dugme { transition: none; }
}
.arac-ara-orta { width: 100%; max-width: 560px; margin-top: 10px; text-align: left; }
.ortala-bas .canli-rozet { align-self: center; }
.bolum-bas > .sekmeler { flex-direction: row; gap: 6px; max-width: none; }

/* ===================== Rehberler (1 Ekim) ===================== */
.rehber-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.rehber-kart { display: flex; flex-direction: column; gap: 8px; padding: 20px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 14px; color: var(--yazi); text-decoration: none; transition: border-color .15s, transform .15s; }
a.rehber-kart:hover { border-color: var(--cizgi2); color: var(--yazi); transform: translateY(-2px); }
.rehber-etiket { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--altin); }
.rehber-etiket .ikon { width: 15px; height: 15px; stroke: currentColor; }
.rehber-kart strong { font-family: var(--baslik); font-size: 15px; font-weight: 600; line-height: 1.35; }
.rehber-kart p { margin: 0; color: var(--soluk); font-size: 13px; flex: 1; }
.rehber-oku { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--vurgu); }
.rehber-oku .ikon { width: 15px; height: 15px; stroke: currentColor; }
.metin-sayfa.rehber { padding-top: 48px; }
.metin-sayfa.rehber .kirinti { margin-bottom: 18px; }
.metin-sayfa .giris { font-size: 17px; color: var(--soluk); margin-bottom: 28px; }
.metin-sayfa ul, .metin-sayfa ol { margin: 0 0 18px; padding-left: 22px; }
.metin-sayfa li { margin-bottom: 8px; }
.metin-sayfa li::marker { color: var(--vurgu); }
.metin-sayfa .ozet-kutu { margin: 0 0 28px; padding: 18px 20px; border-radius: 14px; background: #0A1B15; border: 1px solid #1E3A2E; }
.metin-sayfa .ozet-kutu strong { color: #9FE3B4; }
.metin-sayfa .ozet-kutu p:last-child, .metin-sayfa .ozet-kutu ul:last-child { margin-bottom: 0; }
.metin-sayfa .uyari-kutu { margin: 24px 0; padding: 16px 20px; border-radius: 14px; background: var(--altin-zemin); border: 1px solid #4A3A18; }
.metin-sayfa .uyari-kutu p:last-child { margin-bottom: 0; }
.tablo-sar { overflow-x: auto; margin: 0 0 22px; border: 1px solid var(--cizgi); border-radius: 12px; }
.metin-sayfa table { width: 100%; border-collapse: collapse; font-size: 14px; }
.metin-sayfa th, .metin-sayfa td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.metin-sayfa th { font-family: var(--baslik); font-weight: 600; font-size: 13px; color: var(--soluk); background: var(--panel); }
.metin-sayfa tr:last-child td { border-bottom: 0; }
.metin-sayfa kbd { padding: 1px 6px; border-radius: 6px; border: 1px solid var(--cizgi2); background: var(--panel); font-size: 13px; }
.arac-kutusu { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin: 28px 0; padding: 18px 20px; border-radius: 16px; background: var(--panel); border: 1px solid var(--cizgi2); }
.arac-kutusu .ik { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--r, var(--vurgu)); background: color-mix(in srgb, var(--r, var(--vurgu)) 16%, transparent); }
.arac-kutusu .ik .ikon { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.9; }
.arac-kutusu strong { font-family: var(--baslik); font-size: 16px; }
.arac-kutusu p { margin: 2px 0 0; color: var(--soluk); font-size: 14px; }
.arac-kutusu .dugme .ikon { width: 16px; height: 16px; }
.metin-sayfa .sss-kisa { margin-top: 8px; }
.kaynak-not { font-size: 13px; color: var(--silik); border-top: 1px solid var(--cizgi); padding-top: 18px; margin-top: 40px; }
@media (max-width: 640px) {
  .arac-kutusu { grid-template-columns: auto minmax(0, 1fr); }
  .arac-kutusu .dugme { grid-column: 1 / -1; justify-content: center; }
}

/* Hakkımızda: kurucu kartı */
.kurucu { max-width: 760px; padding: 28px 32px; }
.kurucu h2 { margin: 10px 0 2px; font-size: 22px; }
.kurucu-unvan { margin: 0 0 14px; color: var(--vurgu); font-weight: 600; font-size: 14px; }
.kurucu p:last-child { margin-bottom: 0; }
@media (max-width: 600px) { .kurucu { padding: 22px 20px; } }

/* İşe göre araç sayfaları */
.konu-sekme-sar { display: flex; justify-content: center; margin: 18px 0 6px; max-width: 100%; }
.konu-sekme { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.konu-sekme::-webkit-scrollbar { display: none; }
.konu-sekme a { min-height: 36px; padding: 0 16px; border-radius: 9px; display: inline-flex; align-items: center; white-space: nowrap; color: var(--soluk); font-size: 14px; font-weight: 600; text-decoration: none; }
.konu-sekme a:hover { color: #fff; }
.konu-sekme a[aria-current="page"] { background: var(--vurgu); color: var(--vurgu-murekkep); }
.ortala-bas .kirinti { justify-content: center; }
.is-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.is-liste li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.is-liste li > span { color: var(--yazi); }
.is-liste .ok-baglanti { flex-shrink: 0; }
@media (max-width: 600px) { .is-liste li { flex-direction: column; align-items: flex-start; gap: 6px; } }
/* Altı sekme dar ekranda taşmasın */
.sekmeler { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.sekmeler::-webkit-scrollbar { display: none; }
@media (max-width: 600px) { .sekmeler button { padding: 0 9px; font-size: 13px; white-space: nowrap; } .bolum-bas { min-width: 0; } }

/* Hesaplama sayfaları: parametre yılı, güncelleme ve dayanak satırı */
.dayanak { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--cizgi); font-size: 13px; }
.dayanak div { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
.dayanak dt { color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 600; flex-shrink: 0; }
.dayanak dd { margin: 0; color: var(--yazi); }

/* Pratik Bilgiler */
/* Pratik Bilgiler */
.pratik { max-width: var(--genislik); }
.pb-kahraman { position: relative; margin: 8px 0 36px; padding: 44px 44px 40px; border: 1px solid var(--cizgi); border-radius: 24px; overflow: hidden;
  background: radial-gradient(900px 380px at 88% -20%, rgba(142,200,255,.16), transparent 60%), radial-gradient(600px 300px at 0% 120%, rgba(242,196,109,.08), transparent 60%), linear-gradient(180deg, #0C1730, #08101F); }
.pb-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.pb-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; border: 1px solid #1E3A2E; background: #0A1B15; color: #9FE3B4; font-size: 12.5px; font-weight: 600; }
.pb-rozet i { width: 7px; height: 7px; border-radius: 50%; background: #4CC38A; box-shadow: 0 0 0 4px rgba(76,195,138,.18); }
.pb-etiket { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi2); color: var(--soluk); font-size: 12.5px; font-weight: 600; }
.pb-kahraman h1 { margin: 0; font-family: var(--baslik); font-size: 44px; line-height: 1.1; letter-spacing: -.02em; }
.pb-kahraman h1 span { color: var(--vurgu); }
.pb-alt { margin: 14px 0 0; max-width: 640px; color: var(--soluk); font-size: 17px; line-height: 1.6; }
.pb-imza { margin-top: 18px; display: flex; align-items: center; gap: 12px; color: var(--soluk); font-size: 14px; }
.pb-imza b { color: var(--yazi); font-weight: 600; }
.pb-avatar { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #12264A; border: 1px solid var(--cizgi2); color: var(--vurgu); font: 600 13px var(--baslik); }
.pb-rakamlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 32px; }
.pb-rakam { padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 16px; background: rgba(8,15,29,.72); backdrop-filter: blur(6px); }
.pb-rakam small { display: block; color: var(--silik); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.pb-rakam strong { display: block; margin-top: 8px; font: 600 25px/1.15 var(--baslik); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.pb-rakam strong em { font-style: normal; font-size: 14px; color: var(--soluk); font-weight: 500; margin-left: 4px; }
.pb-rakam span { display: block; margin-top: 6px; color: var(--soluk); font-size: 13px; }
.pb-rakam.one { border-color: #6b5416; background: linear-gradient(180deg, rgba(242,196,109,.10), rgba(8,15,29,.72)); }
.pb-rakam.one strong { color: var(--altin); }

.pb-duzen { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 36px; align-items: start; }
.pb-yan { position: sticky; top: 84px; }
.pb-ara { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--panel); color: var(--silik); font-size: 14px; margin-bottom: 18px; }
.pb-ara svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; }
.pb-ara kbd { margin-left: auto; padding: 2px 7px; border: 1px solid var(--cizgi2); border-radius: 6px; font: 600 11px var(--govde); color: var(--soluk); }
.pb-grup-ad { margin: 18px 0 8px; color: var(--silik); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pb-yan a { display: flex; gap: 10px; align-items: baseline; padding: 7px 12px; margin-left: -12px; border-radius: 9px; color: var(--soluk); font-size: 14px; text-decoration: none; border-left: 2px solid transparent; }
.pb-yan a b { color: var(--silik); font: 600 11px var(--govde); font-variant-numeric: tabular-nums; min-width: 16px; }
.pb-yan a.aktif { background: rgba(142,200,255,.09); color: var(--yazi); border-left-color: var(--vurgu); }
.pb-yan a.aktif b { color: var(--vurgu); }

.pb-grup-baslik { display: flex; align-items: center; gap: 14px; margin: 40px 0 16px; }
.pb-grup-baslik:first-child { margin-top: 0; }
.pb-grup-baslik h2 { margin: 0; font: 600 13px var(--govde); letter-spacing: .12em; text-transform: uppercase; color: var(--vurgu); border: 0; padding: 0; }
.pb-grup-baslik::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); }
.pb-grup-baslik span { color: var(--silik); font-size: 13px; }
.pb-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pb-bolum { margin: 0 !important; padding: 0 !important; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--panel); display: flex; flex-direction: column; overflow: hidden; }
.pb-bolum.genis { grid-column: 1 / -1; }
.pb-kart-ust { display: flex; align-items: center; gap: 12px; padding: 18px 22px 14px; }
.pb-no { width: 30px; height: 30px; flex-shrink: 0; border-radius: 9px; display: grid; place-items: center; background: rgba(142,200,255,.10); border: 1px solid rgba(142,200,255,.22); color: var(--vurgu); font: 600 12.5px var(--baslik); font-variant-numeric: tabular-nums; }
.pb-bolum h3 { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 600 17px/1.3 var(--baslik) !important; letter-spacing: -.005em; }
.pb-bolum .tablo-sar { margin: 0 !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid var(--cizgi) !important; background: transparent !important; }
.pb-bolum table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 0; }
.pb-bolum th { padding: 10px 22px; text-align: left; background: rgba(15,28,51,.55); color: var(--silik); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border: 0; border-bottom: 1px solid var(--cizgi); }
.pb-bolum td { padding: 12px 22px; border: 0; border-bottom: 1px solid rgba(24,36,59,.7); color: var(--soluk); font-variant-numeric: tabular-nums; }
.pb-bolum tr:last-child td { border-bottom: 0; }
.pb-bolum td:not(:first-child) { color: var(--yazi); font-weight: 600; }
.pb-bolum td strong { color: var(--altin); font-size: 15.5px; }
.pb-bolum > p:not(.pb-dayanak) { margin: 0; padding: 12px 22px 0; color: var(--soluk); font-size: 13.5px; line-height: 1.55; }
.pb-bolum > p:not(.pb-dayanak) strong { color: var(--altin); }
.pb-dayanak { margin: auto 0 0 !important; padding: 13px 22px !important; border-top: 1px solid var(--cizgi); background: rgba(6,10,19,.45); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px !important; }
.pb-bolum > p:not(.pb-dayanak) + .pb-dayanak { margin-top: 14px !important; }
.pb-bolum .tablo-sar + .pb-dayanak { border-top: 1px solid var(--cizgi); }
.pb-dayanak span { margin: 0 !important; padding: 3px 8px; border-radius: 6px; background: rgba(169,186,210,.10); color: var(--soluk); }
.pb-dayanak a { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 9px; border: 1px solid rgba(142,200,255,.28); background: rgba(142,200,255,.08); color: var(--vurgu); font-weight: 600; text-decoration: none; white-space: nowrap; }
@media (max-width: 960px) {
  .pb-duzen { grid-template-columns: 1fr; gap: 20px; }
  .pb-yan { position: static; }
  .pb-liste { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; }
  .pb-yan .pb-grup-ad, .pb-yan a b { display: none; }
  .pb-yan a { margin: 0; white-space: nowrap; border: 1px solid var(--cizgi); border-radius: 999px; padding: 8px 14px; font-size: 13px; }
  .pb-yan a.aktif { border-color: var(--vurgu); }
  .pb-izgara { grid-template-columns: 1fr; }
  .pb-kahraman { padding: 26px 20px; border-radius: 20px; }
  .pb-kahraman h1 { font-size: 30px; }
  .pb-alt { font-size: 15.5px; }
  .pb-rakamlar { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
  .pb-rakam { padding: 14px; } .pb-rakam strong { font-size: 19px; } .pb-rakam strong em { font-size: 12px; }
  .pb-bolum th, .pb-bolum td, .pb-kart-ust, .pb-dayanak, .pb-bolum > p:not(.pb-dayanak) { padding-left: 16px !important; padding-right: 16px !important; }
  .pb-dayanak a { margin-left: 0; }
}
.pb-kahraman h1 { margin-bottom: 4px !important; }
.pb-alt { margin-top: 18px !important; }
.pb-duzen > * { min-width: 0; }

.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pb-ara { cursor: text; padding-right: 10px; }
.pb-ara:focus-within { border-color: var(--vurgu); }
.pb-ara input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--yazi); font: inherit; }
.pb-ara input::placeholder { color: var(--silik); }
.pb-ara input::-webkit-search-cancel-button { filter: invert(.7); }
.pb-ara .ikon { width: 16px; height: 16px; flex-shrink: 0; }
.pb-grup-ad { margin: 18px 0 8px; }
.pb-liste > .pb-grup-ad:first-child { margin-top: 0; }
.pb-grup + .pb-grup { margin-top: 40px; }
.pb-grup-baslik { margin: 0 0 16px !important; }
.pb-bolum { scroll-margin-top: 84px; }
.pb-bolum td:last-child, .pb-bolum th:last-child { text-align: right; }
.pb-bolum.genis td:last-child { white-space: nowrap; }
.pb-dayanak em { font-style: normal; flex: 1 1 220px; min-width: 0; color: var(--soluk); line-height: 1.5; }
.pb-dayanak .ikon { width: 14px; height: 14px; }
.pb-imza a { color: var(--yazi); font-weight: 600; text-decoration: none; }
.pb-imza a:hover { color: var(--vurgu); }
.pb-yan a:hover { color: var(--yazi); }
.pb-bos { margin: 24px 0; padding: 22px; border: 1px dashed var(--cizgi2); border-radius: 14px; color: var(--soluk); text-align: center; }
.pb-uyari { margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: 13px; color: var(--soluk); }
.pratik .guncelleniyor { margin: 0 0 28px; }
@media (max-width: 960px) { .pb-ara kbd { display: none; } .pb-liste { scrollbar-width: none; } .pb-bolum.genis td:last-child { white-space: normal; } }

/* Menü: orta genişlikte tek satırda kalsın */
.ana-menu > a:not(.dugme), .acilir-dugme { white-space: nowrap; }
@media (min-width: 961px) and (max-width: 1200px) {
  .ust-ic { gap: 16px; }
  .ana-menu { gap: 16px; }
  .ana-menu > a:not(.dugme), .acilir-dugme { font-size: 12px; letter-spacing: .02em; }
  .ana-menu .dugme { padding-left: 12px; padding-right: 12px; font-size: 13px; }
}
@media (min-width: 961px) and (max-width: 1023px) {
  .ust-ic { gap: 12px; }
  .ana-menu { gap: 11px; }
  .ana-menu > a:not(.dugme), .acilir-dugme { font-size: 11.5px; letter-spacing: 0; }
}

.guncelleniyor { margin: 18px 0; padding: 14px 18px; border: 1px solid #6b5416; border-left: 4px solid #e0b040; border-radius: 12px; background: rgba(224, 176, 64, .08); color: var(--yazi); font-size: 15px; line-height: 1.55; }
.guncelleniyor strong { color: #f0c860; }
.guncelleniyor[hidden] { display: none; }
.pb-bolum[hidden], .pb-grup[hidden], .pb-liste a[hidden] { display: none; }
.dayanak a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.pb-liste .pb-grup-ad { margin: 20px 0 8px !important; line-height: 1.2; }
.pb-liste > .pb-grup-ad:first-child { margin-top: 0 !important; }
@media (min-width: 961px) { .pb-yan { max-height: calc(100vh - 100px); overflow-y: auto; padding-left: 12px; margin-left: -12px; scrollbar-width: thin; } }
.pb-bolum td:last-child { white-space: nowrap; }
#amortisman td:last-child { white-space: normal; }

/* Hap Bilgiler dizini */
.hb .hb-yok { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hb { padding-top: 32px; padding-bottom: 56px; }
.hb-kahraman { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 36px; align-items: stretch; padding: 44px; border: 1px solid var(--cizgi); border-radius: 24px;
  background: radial-gradient(900px 380px at 88% -20%, rgba(142,200,255,.16), transparent 60%), radial-gradient(600px 300px at 0% 120%, rgba(242,196,109,.08), transparent 60%), linear-gradient(180deg, #0C1730, #08101F); }
.hb-ust { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.hb-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; border: 1px solid #1E3A2E; background: #0A1B15; color: #9FE3B4; font-size: 12.5px; font-weight: 600; }
.hb-rozet i { width: 7px; height: 7px; border-radius: 50%; background: #4CC38A; box-shadow: 0 0 0 4px rgba(76,195,138,.18); }
.hb-etiket { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi2); color: var(--soluk); font-size: 12.5px; font-weight: 600; }
.hb-kahraman h1 { margin: 0; font: 700 46px/1.08 var(--baslik); letter-spacing: -.02em; }
.hb-kahraman h1 span { color: var(--vurgu); }
.hb-alt { margin: 16px 0 0; max-width: 560px; color: var(--soluk); font-size: 16.5px; line-height: 1.6; }
.hb-ara { display: flex; align-items: center; gap: 12px; height: 52px; max-width: 520px; margin-top: 26px; padding: 0 16px; border: 1px solid var(--cizgi2); border-radius: 14px; background: rgba(6,10,19,.7); color: var(--silik); font-size: 15px; }
.hb-ara svg { width: 18px; height: 18px; flex-shrink: 0; }
.hb-ara kbd { margin-left: auto; padding: 2px 8px; border: 1px solid var(--cizgi2); border-radius: 6px; font: 600 11px var(--govde); color: var(--soluk); }
.hb-imza { margin: 22px 0 0; display: flex; align-items: center; gap: 12px; color: var(--soluk); font-size: 14px; }
.hb-imza b { color: var(--yazi); font-weight: 600; }
.hb-avatar { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #12264A; border: 1px solid var(--cizgi2); color: var(--vurgu); font: 600 13px var(--baslik); }
.hb-one { position: relative; display: flex; flex-direction: column; padding: 26px; border-radius: 20px; border: 1px solid #6b5416; background: linear-gradient(160deg, rgba(242,196,109,.13), rgba(8,15,29,.85) 55%); color: var(--yazi); text-decoration: none; }
.hb-one-ust { display: flex; justify-content: space-between; align-items: center; }
.hb-one-rozet { padding: 5px 11px; border-radius: 999px; background: var(--altin); color: #1c1403; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hb-sure { color: var(--silik); font-size: 12.5px; font-weight: 600; }
.hb-tarih { display: flex; align-items: center; gap: 12px; margin: 26px 0 14px; }
.hb-tarih b { font: 700 54px/1 var(--baslik); color: var(--altin); letter-spacing: -.03em; }
.hb-tarih span { color: var(--soluk); font-size: 13px; font-weight: 600; line-height: 1.35; text-transform: uppercase; letter-spacing: .08em; }
.hb-one h2 { margin: 0; font: 600 23px/1.25 var(--baslik); letter-spacing: -.01em; }
.hb-one p { margin: 10px 0 22px; color: var(--soluk); font-size: 14.5px; line-height: 1.6; }
.hb-one-dugme { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 11px; background: var(--altin); color: #1c1403; font-weight: 700; font-size: 14px; }
.hb-one-dugme svg, .hb-oku svg { width: 15px; height: 15px; }
.hb-suzgec { display: flex; align-items: center; gap: 8px; margin: 32px 0 20px; flex-wrap: wrap; }
.hb-suzgec button { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--panel); color: var(--soluk); font-size: 14px; font-weight: 600; }
.hb-suzgec button b { padding: 1px 7px; border-radius: 999px; background: rgba(169,186,210,.12); font-size: 11.5px; color: var(--soluk); }
.hb-suzgec button.aktif { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-murekkep); }
.hb-suzgec button.aktif b { background: rgba(6,16,31,.16); color: var(--vurgu-murekkep); }
.hb-suzgec i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.hk-vergi { color: #8EC8FF; } .hk-sgk { color: #6FD3A6; } .hk-efatura { color: #F2C46D; } .hk-gorsel { color: #C9A4FF; } .hk-uyap { color: #FF9E8A; }
.hb-izgara { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.hb-kart { display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--panel); color: var(--yazi); text-decoration: none; }
.hb-kart-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.hb-konu { display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px; border-radius: 7px; background: rgba(255,255,255,.05); border: 1px solid currentColor; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.hb-kart h2 { margin: 0; font: 600 17.5px/1.32 var(--baslik); letter-spacing: -.005em; }
.hb-kart p { margin: 10px 0 20px; color: var(--soluk); font-size: 14px; line-height: 1.6; flex: 1; }
.hb-kart-alt { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.hb-arac { display: inline-flex; align-items: center; gap: 7px; color: var(--silik); font-size: 12.5px; font-weight: 600; }
.hb-arac svg { width: 14px; height: 14px; }
.hb-oku { display: inline-flex; align-items: center; gap: 6px; color: var(--vurgu); font-size: 13.5px; font-weight: 700; }
.hb-cagri { display: flex; align-items: center; gap: 20px; margin-top: 40px; padding: 26px 30px; border: 1px solid var(--cizgi); border-radius: 20px; background: linear-gradient(90deg, #0C1730, #0A1222); }
.hb-cagri-ikon { width: 48px; height: 48px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: rgba(142,200,255,.10); border: 1px solid rgba(142,200,255,.25); color: var(--vurgu); }
.hb-cagri-ikon svg { width: 22px; height: 22px; }
.hb-cagri h2 { margin: 0; font: 600 19px var(--baslik); } .hb-cagri p { margin: 4px 0 0; color: var(--soluk); font-size: 14.5px; }
.hb-cagri .dugme { margin-left: auto; white-space: nowrap; }
@media (max-width: 960px) {
  .hb { padding-top: 16px; }
  .hb-kahraman { grid-template-columns: 1fr; padding: 24px 20px; gap: 22px; border-radius: 20px; }
  .hb-kahraman h1 { font-size: 32px; } .hb-alt { font-size: 15.5px; }
  .hb-ara kbd { display: none; } .hb-ara { font-size: 14px; }
  .hb-one { padding: 20px; } .hb-tarih b { font-size: 42px; } .hb-one h2 { font-size: 20px; }
  .hb-suzgec { flex-wrap: nowrap; overflow-x: auto; margin: 22px -16px 16px; padding: 0 16px; } .hb-suzgec button { white-space: nowrap; flex-shrink: 0; }
  .hb-izgara { grid-template-columns: 1fr; }
  .hb-cagri { flex-direction: column; align-items: flex-start; padding: 22px 20px; } .hb-cagri .dugme { margin-left: 0; }
}

.hb-kahraman.tek { grid-template-columns: 1fr; }
.hb-suzgec button { cursor: pointer; font-family: inherit; }
.hb-suzgec button:hover { border-color: var(--cizgi2); color: var(--yazi); }
.hb-suzgec button.aktif:hover { color: var(--vurgu-murekkep); border-color: var(--vurgu); }
.hb-ara { cursor: text; }
.hb-ara:focus-within { border-color: var(--vurgu); }
.hb-ara input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--yazi); font: inherit; }
.hb-ara input::placeholder { color: var(--silik); }
.hb-ara input::-webkit-search-cancel-button { filter: invert(.7); }
.hb-ara .ikon { width: 18px; height: 18px; flex-shrink: 0; }
.hb-imza a { color: var(--yazi); font-weight: 600; text-decoration: none; } .hb-imza a:hover { color: var(--vurgu); }
.hb-one, .hb-kart { transition: transform .2s, border-color .2s; }
.hb-one:hover, .hb-kart:hover { transform: translateY(-2px); color: var(--yazi); }
.hb-kart:hover { border-color: var(--cizgi2); }
.hb .ikon { width: 15px; height: 15px; }
.hb-cagri-ikon .ikon { width: 22px; height: 22px; }
.hb-kart[hidden] { display: none; }
.hb-bos { margin: 24px 0; padding: 22px; border: 1px dashed var(--cizgi2); border-radius: 14px; color: var(--soluk); text-align: center; }
@media (min-width: 601px) and (max-width: 960px) { .hb-izgara { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 960px) { .hb-suzgec { scrollbar-width: none; } }

/* ===== Makaleler köşesi ===== */
.mk, .mkd { padding-bottom: 64px; }
.mk > .kirinti, .mkd > .kirinti { margin-top: 24px; }
.mk-finans { --mk: #F2A15A; } .mk-vergi { --mk: #8EC8FF; } .mk-sgk { --mk: #6FD3A6; } .mk-hukuk { --mk: #FF9E8A; } .mk-dijital { --mk: #C9A4FF; }
.mk-konu { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--mk, var(--soluk)); text-transform: uppercase; letter-spacing: .07em; }
.mk-konu i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.mk-suzgec i.mk-finans, .mk-suzgec i.mk-vergi, .mk-suzgec i.mk-sgk, .mk-suzgec i.mk-hukuk, .mk-suzgec i.mk-dijital { background: var(--mk); }
.mk-ok { display: inline-flex; align-items: center; gap: 8px; color: var(--vurgu); font-weight: 600; text-decoration: none; }
.mk-ok .ikon { width: 18px; height: 18px; }
.mk-kahraman { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: stretch; margin-top: 28px; padding: 44px; border: 1px solid var(--cizgi); border-radius: 24px; background: radial-gradient(circle at 0 0, rgba(76,154,255,.14), transparent 55%), var(--panel); }
.mk > .kirinti + .mk-kahraman { margin-top: 16px; }
.mk-kahraman.tek { grid-template-columns: 1fr; }
.mk-kahraman h1 { margin: 16px 0 10px; font: 700 46px/1.08 var(--baslik); letter-spacing: -.02em; }
.mk-kahraman h1 span { color: var(--vurgu); }
.mk-alt { margin: 0 0 18px; color: var(--soluk); font-size: 17px; line-height: 1.6; max-width: 64ch; }
.mk-cagri { display: flex; flex-direction: column; gap: 10px; justify-content: center; padding: 26px; border-radius: 20px; border: 1px solid #6b5416; background: linear-gradient(160deg, rgba(242,196,109,.13), rgba(8,15,29,.85) 60%); color: var(--yazi); text-decoration: none; transition: border-color .2s, transform .2s; }
.mk-cagri:hover { border-color: var(--altin); transform: translateY(-2px); }
.mk-cagri b { font: 700 22px var(--baslik); color: var(--altin); }
.mk-cagri > span:not(.mk-ok) { color: var(--soluk); line-height: 1.5; }
.mk-suzgec { margin: 28px 0 0; }
.mk-one { display: grid; grid-template-columns: 1.15fr 1fr; margin-top: 28px; border: 1px solid var(--cizgi); border-radius: 22px; overflow: hidden; background: var(--panel); color: var(--yazi); text-decoration: none; transition: border-color .2s; }
.mk-one:hover, .mk-kart:hover { border-color: var(--cizgi2, #2A3A58); }
.mk-one:hover h2, .mk-kart:hover h3 { color: var(--vurgu-acik); }
.mk-one-kapak { background: var(--zemin2, #0A1222); }
.mk-one-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1200 / 630; }
.mk-one-metin { padding: 32px; display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.mk-one h2 { margin: 0; font: 700 28px/1.22 var(--baslik); transition: color .2s; }
.mk-one p { margin: 0; color: var(--soluk); line-height: 1.6; }
.mk-bolum { margin: 44px 0 16px; font: 700 22px var(--baslik); display: flex; align-items: center; gap: 10px; }
.mk-say { font: 600 13px var(--govde); padding: 2px 9px; border-radius: 999px; background: rgba(169,186,210,.12); color: var(--soluk); }
.mk-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mk-kart { display: flex; flex-direction: column; border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden; background: var(--panel); color: var(--yazi); text-decoration: none; transition: border-color .2s; }
.mk-kart[hidden], .mk-one[hidden] { display: none; }
.mk-kapak { aspect-ratio: 1200 / 630; overflow: hidden; background: var(--zemin2, #0A1222); }
.mk-kapak img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mk-govde { padding: 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.mk-kart h3 { margin: 0; font: 700 18px/1.3 var(--baslik); transition: color .2s; }
.mk-kart p { margin: 0; color: var(--soluk); font-size: 15px; line-height: 1.55; flex: 1; }
.mk-yazar { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.mk-yazar b { display: block; font-size: 14.5px; }
.mk-yazar small { color: var(--silik); font-size: 13px; }
.mk-bos { align-items: flex-start; justify-content: center; gap: 12px; padding: 28px; border-style: dashed; background: transparent; }
.mk-bos p { flex: 0 0 auto; }
.mk-arti { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: var(--altin); border: 1px solid #6b5416; background: var(--altin-zemin); }
.mk-arti .ikon { width: 22px; height: 22px; }
/* Yazar fotoğrafı (yoksa baş harfler) */
.yz-foto { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; object-fit: cover; background: #12264A; border: 2px solid #2A3A58; color: var(--vurgu); font: 600 15px var(--baslik); }
.yz-foto.kucuk { width: 38px; height: 38px; border-width: 1px; font-size: 13px; }
.yz-foto.buyuk { width: 104px; height: 104px; font-size: 32px; }
/* Makale sayfası */
.mkd { max-width: 820px; }
.mkd-bas { margin-top: 22px; }
.mkd-bas h1 { margin: 14px 0; font: 700 42px/1.15 var(--baslik); letter-spacing: -.02em; }
.mkd-spot { margin: 0 0 24px; font-size: 19px; line-height: 1.6; color: var(--soluk); }
.mkd-meta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 16px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.mkd-kim { display: flex; align-items: center; gap: 12px; color: var(--yazi); text-decoration: none; }
.mkd-kim:hover b { color: var(--vurgu-acik); }
.mkd-meta b { display: block; font-size: 15px; }
.mkd-meta small { display: block; color: var(--silik); font-size: 12.5px; }
.mkd-ayr { width: 1px; height: 32px; background: var(--cizgi); }
.mkd-meta .paylas { margin-left: auto; }
.mkd-kapak { margin: 28px 0 0; }
.mkd-kapak img { width: 100%; height: auto; border-radius: 18px; display: block; border: 1px solid var(--cizgi); }
.mkd-metin { margin-top: 28px; font-size: 18px; line-height: 1.75; color: #DCE6F5; }
.mkd-metin p { margin: 0 0 18px; }
.mkd-metin h2 { margin: 38px 0 12px; font: 700 25px/1.3 var(--baslik); color: var(--yazi); }
.mkd-metin ul, .mkd-metin ol { margin: 0 0 20px; padding-left: 24px; display: grid; gap: 8px; }
.mkd-metin li::marker { color: var(--vurgu); font-weight: 700; }
.mkd-metin strong { color: var(--yazi); }
.mkd-metin a { color: var(--vurgu); }
.mkd-gorsel { margin: 28px 0; }
.mkd-gorsel img { width: 100%; height: auto; display: block; border-radius: 14px; border: 1px solid var(--cizgi); }
.mkd-gorsel figcaption, .mkd-kapak figcaption { margin-top: 10px; font-size: 14px; color: var(--silik); text-align: center; }
.mkd-metin .mkd-not { margin: 4px 0 22px; padding: 10px 16px; border-left: 3px solid var(--altin); background: var(--altin-zemin); border-radius: 0 10px 10px 0; font-size: 15px; color: var(--altin); }
.mkd-metin .mkd-soru { margin-top: 26px; padding: 18px 22px; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--panel); font: 600 19px/1.5 var(--baslik); color: var(--yazi); }
.mkd-metin h3 { margin: 28px 0 10px; font: 700 20px/1.35 var(--baslik); color: var(--yazi); }
.mkd-metin blockquote { margin: 4px 0 22px; padding: 10px 16px; border-left: 3px solid var(--altin); background: var(--altin-zemin); border-radius: 0 10px 10px 0; font-size: 15.5px; color: var(--altin); }
.mkd-metin blockquote p { margin: 0; }
.mkd-metin blockquote p + p { margin-top: 8px; }
.mkd-metin img { max-width: 100%; height: auto; border-radius: 14px; }
.mkd-metin .mkd-gorsel { margin: 28px 0 10px; }
.mkd-metin .mkd-gorsel + p:has(> em:only-child) { margin-top: 0; font-size: 14px; color: var(--silik); text-align: center; }
.mkd-metin .mkd-gorsel:not(:has(+ p > em:only-child)) { margin-bottom: 28px; }
.mkd-metin table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: 16px; display: block; overflow-x: auto; }
.mkd-metin th, .mkd-metin td { padding: 10px 12px; border: 1px solid var(--cizgi); text-align: left; }
.mkd-metin th { background: var(--panel); color: var(--yazi); }
.mkd-metin hr { border: 0; border-top: 1px solid var(--cizgi); margin: 32px 0; }
.mkd-metin > p:last-child > strong:only-child { display: block; margin-top: 8px; padding: 18px 22px; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--panel); font: 600 19px/1.5 var(--baslik); }
.mkd-paylas-son { margin: 36px 0 0; padding: 24px; border-radius: 18px; border: 1px solid var(--cizgi); background: var(--panel); }
.mkd-paylas-son h2 { margin: 0 0 14px; font: 700 18px var(--baslik); }
.mkd-sorumluluk { margin: 24px 0; font-size: 14px; color: var(--silik); line-height: 1.6; }
.mkd-yazar { display: flex; gap: 22px; padding: 26px; border: 1px solid var(--cizgi); border-radius: 20px; background: var(--panel); }
.mkd-yazar-ust { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--silik); font-weight: 700; }
.mkd-yazar h2 { margin: 4px 0 2px; font: 700 22px var(--baslik); }
.mkd-unvan { margin: 0 0 10px; color: var(--vurgu); font-weight: 600; }
.mkd-yazar p:not(.mkd-unvan) { margin: 0 0 12px; line-height: 1.6; color: var(--soluk); }
.mkd-baglar { display: flex; gap: 18px; flex-wrap: wrap; }
.mkd-baglar a { color: var(--vurgu); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.mkd-baglar .ikon { width: 18px; height: 18px; }
.mkd-diger .mk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mkd-yazar-ol { display: flex; align-items: center; gap: 16px; margin-top: 28px; padding: 20px 24px; border-radius: 18px; border: 1px dashed #6b5416; color: var(--yazi); text-decoration: none; }
.mkd-yazar-ol > span:first-child { width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; color: var(--altin); background: var(--altin-zemin); }
.mkd-yazar-ol b { display: block; }
.mkd-yazar-ol small { color: var(--silik); font-size: 14px; }
.mkd-yazar-ol .mk-ok { margin-left: auto; white-space: nowrap; }
.mkd-yazar-ol:hover { border-color: var(--altin); }
/* Yazar sayfası */
.yz-kahraman { display: flex; gap: 28px; align-items: center; margin-top: 16px; padding: 36px; border: 1px solid var(--cizgi); border-radius: 24px; background: radial-gradient(circle at 0 0, rgba(76,154,255,.14), transparent 55%), var(--panel); }
.yz-kahraman h1 { margin: 4px 0 4px; font: 700 36px/1.15 var(--baslik); }
.yz-kahraman .mk-alt { margin-bottom: 12px; }
.yz-kahraman .mk-ok .ikon { width: 18px; height: 18px; }
/* Paylaşım düğmeleri */
.paylas { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pl { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border-radius: 10px; border: 1px solid var(--cizgi); background: transparent; color: var(--soluk); text-decoration: none; cursor: pointer; font: inherit; transition: color .2s, border-color .2s, background .2s; }
.pl .ikon { width: 18px; height: 18px; }
.pl-ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pl:hover, .pl:focus-visible { color: var(--yazi); border-color: var(--cizgi2, #2A3A58); background: rgba(169,186,210,.08); }
.pl-whatsapp:hover { color: #25D366; border-color: #25D366; } .pl-linkedin:hover { color: #4C9AFF; border-color: #4C9AFF; }
.pl-facebook:hover { color: #6B9BFF; border-color: #6B9BFF; } .pl-telegram:hover { color: #46B4F0; border-color: #46B4F0; }
.pl.tamam { color: #4CC38A; border-color: #4CC38A; }
.pl[hidden] { display: none; }
.paylas-genis .pl { display: inline-flex; width: auto; gap: 8px; padding: 0 14px; height: 42px; font-size: 14.5px; font-weight: 600; color: var(--yazi); background: rgba(169,186,210,.05); }
.paylas-genis .pl-ad { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.paylas-genis .pl-whatsapp { background: #128C4B; border-color: #128C4B; color: #fff; }
.paylas-genis .pl-whatsapp:hover { background: #17A75A; border-color: #17A75A; color: #fff; }
.paylas-genis .pl[hidden] { display: none; }
/* Yazarımız olun */
.yo .mk-kahraman .dugme .ikon { width: 18px; height: 18px; }
.yo-adim { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.yo-adim li { padding: 24px; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--panel); }
.yo-adim b { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--vurgu); color: var(--vurgu-murekkep); font: 700 17px var(--baslik); }
.yo-adim h3 { margin: 14px 0 6px; font: 700 19px var(--baslik); }
.yo-adim p { margin: 0; color: var(--soluk); line-height: 1.55; }
.yo-iki { display: grid; grid-template-columns: 1.1fr 1fr; gap: 16px; margin-top: 28px; }
.yo-kutu { padding: 26px; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--panel); }
.yo-kutu h2 { margin: 0 0 16px; font: 700 20px var(--baslik); }
.yo-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.yo-liste li { display: flex; gap: 14px; align-items: flex-start; }
.yo-ik { width: 40px; height: 40px; flex: none; border-radius: 12px; display: grid; place-items: center; background: #12264A; border: 1px solid #2A3A58; color: var(--vurgu); }
.yo-ik .ikon { width: 20px; height: 20px; }
.yo-liste b { display: block; }
.yo-liste small { color: var(--silik); font-size: 14px; line-height: 1.5; }
.yo-kural { margin: 0; padding-left: 20px; color: var(--soluk); line-height: 1.6; display: grid; gap: 10px; }
.yo-gonder { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 28px; border-radius: 20px; border: 1px solid #6b5416; background: linear-gradient(160deg, rgba(242,196,109,.13), rgba(8,15,29,.85) 60%); scroll-margin-top: 90px; }
.yo-gonder h2 { margin: 0 0 6px; font: 700 22px var(--baslik); }
.yo-gonder p { margin: 0; color: var(--soluk); }
.yo-gonder .dugme { white-space: nowrap; }
.yo-gonder .dugme .ikon { width: 18px; height: 18px; }
.yo-kvkk { margin: 22px 0 0; font-size: 14px; color: var(--silik); line-height: 1.6; }
.yo-kvkk a { color: var(--vurgu); }
@media (max-width: 960px) {
  .mk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mk-one { grid-template-columns: 1fr; }
  .yo-adim, .yo-iki { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .mk-kahraman { grid-template-columns: 1fr; padding: 24px 20px; gap: 22px; border-radius: 20px; }
  .mk-kahraman h1 { font-size: 34px; }
  .mk-one-metin { padding: 22px; } .mk-one h2 { font-size: 22px; }
  .mk-izgara, .mkd-diger .mk-izgara { grid-template-columns: 1fr; }
  .mkd-bas h1 { font-size: 30px; } .mkd-spot { font-size: 17px; } .mkd-metin { font-size: 17px; }
  .mkd-metin .mkd-soru { font-size: 17px; }
  .mkd-meta { gap: 14px; } .mkd-ayr { display: none; }
  .mkd-meta .paylas { margin-left: 0; width: 100%; }
  .mkd-kapak img { border-radius: 14px; }
  .mkd-yazar { flex-direction: column; padding: 22px; }
  .mkd-yazar-ol { flex-wrap: wrap; } .mkd-yazar-ol .mk-ok { margin-left: 60px; }
  .yz-kahraman { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
  .yz-kahraman h1 { font-size: 28px; }
  .yo-gonder { flex-direction: column; align-items: flex-start; }
  .yo-gonder .dugme { white-space: normal; word-break: break-all; }
  .paylas-genis .pl { flex: 1 1 calc(50% - 4px); justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .mk-cagri, .mk-one, .mk-kart, .pl { transition: none; } .mk-cagri:hover { transform: none; } }
/* Yazar girişi */
.yg-kart { max-width: 720px; margin: 24px auto 0; padding: 44px; border: 1px solid var(--cizgi); border-radius: 24px; background: radial-gradient(circle at 0 0, rgba(76,154,255,.14), transparent 55%), var(--panel); }
.yg-ikon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; color: var(--altin); background: var(--altin-zemin); border: 1px solid #6b5416; }
.yg-ikon .ikon { width: 24px; height: 24px; }
.yg-kart h1 { margin: 18px 0 10px; font: 700 38px/1.1 var(--baslik); }
.yg-dugme .ikon { width: 18px; height: 18px; }
.yg-adim { list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 14px; }
.yg-adim li { display: flex; gap: 14px; align-items: flex-start; color: var(--soluk); line-height: 1.6; }
.yg-adim b { width: 30px; height: 30px; flex: none; border-radius: 10px; display: grid; place-items: center; background: #12264A; border: 1px solid #2A3A58; color: var(--vurgu); font: 700 14px var(--baslik); }
.yg-adim strong { color: var(--yazi); }
.yg-not { margin: 26px 0 0; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: 14px; color: var(--silik); line-height: 1.6; }
.yg-not a, .mk-giris a { color: var(--vurgu); }
.mk-giris { margin: 0; font-size: 14.5px; color: var(--silik); }
.yo .mk-kahraman .dugmeler-yan { display: flex; gap: 12px; flex-wrap: wrap; }
.yo .mk-kahraman .dugme-ikincil .ikon { width: 18px; height: 18px; }
@media (max-width: 760px) { .yg-kart { padding: 26px 20px; } .yg-kart h1 { font-size: 30px; } }