/* KVKK ve çerez sayfaları: ana sayfayla aynı karo dili (renkler, üst satır, alt bilgi), okunaklı tek metin karosu. */
:root{
  --page:#F5F4F1; --tile:#EAE7E1; --tile-2:#DFDBD3; --paper:#FFFFFF; --line:rgba(27,28,31,.12);
  --ink:#1B1C1F; --ink-soft:#55565B;
  --mavi:#2563EB; --mavi-bas:#1D4ED8; --mavi-yazi:#1D4ED8; --yesil:#10B981; --focus:#2563EB;
  --f:"Hanken Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;
  --step-small:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);
  --step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + 0.7vw,1.625rem);
  --step-head:clamp(1.875rem,1.3rem + 2.2vw,3.25rem);
  --r:8px; --gap:8px; --t-hover:180ms; --t-press:120ms; --ease-out:cubic-bezier(0.16,1,0.3,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --page:#0F0F11; --tile:#1A1A1D; --tile-2:#25252A; --paper:#16161A; --line:rgba(237,235,231,.12);
    --ink:#EDEBE7; --ink-soft:#A9A6A0; --mavi-yazi:#7DB0FF; --yesil:#34D399; --focus:#7DB0FF; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --page:#0F0F11; --tile:#1A1A1D; --tile-2:#25252A; --paper:#16161A; --line:rgba(237,235,231,.12);
  --ink:#EDEBE7; --ink-soft:#A9A6A0; --mavi-yazi:#7DB0FF; --yesil:#34D399; --focus:#7DB0FF; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--f);font-size:var(--step-body);line-height:1.6;letter-spacing:-0.005em;-webkit-font-smoothing:antialiased}
h1,h2,p,ul,ol{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.g{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ms{font-family:"Material Symbols Rounded";font-weight:500;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;user-select:none;flex:none}
.atla{position:absolute;left:16px;top:-60px;z-index:70;background:var(--ink);color:var(--page);padding:10px 16px;border-radius:var(--r);font-weight:500}
.atla:focus{top:16px}

/* üst satır (ana sayfayla aynı) */
.btn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 22px 0 24px;border-radius:var(--r);background:var(--mavi);color:#fff;font-weight:500;text-decoration:none;transition:background-color var(--t-hover)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--mavi-bas)}}
.ust{display:grid;grid-template-columns:60px minmax(0,1fr) auto auto;gap:var(--gap);padding-top:16px}
.ust>*{height:60px;border-radius:var(--r)}
.logo{background:var(--paper);display:grid;place-items:center}
.logo img{width:36px;height:36px}
.baglantilar{background:var(--tile);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:20px}
.baglantilar b{font-weight:500}
.baglantilar ul{display:flex;gap:clamp(16px,2.2vw,36px);list-style:none;padding:0}
.baglantilar a,.son-ic a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:text-decoration-color var(--t-hover);white-space:nowrap}
@media (hover:hover) and (pointer:fine){.baglantilar a:hover,.son-ic a:hover{text-decoration-color:currentColor}}
.iletisim-karo{background:var(--tile);display:flex;align-items:center;gap:10px;padding:0 22px;text-decoration:none;font-weight:500;white-space:nowrap}
.iletisim-karo .ms{font-size:22px;color:var(--mavi-yazi)}
.ust .btn{height:60px;min-width:180px;justify-content:space-between}
@media (max-width:759px){
  .ust{grid-template-columns:52px minmax(0,1fr) auto}
  .ust>*,.ust .btn{height:52px}
  .logo img{width:30px;height:30px}
  .baglantilar{display:none}
  .iletisim-karo{justify-content:center;padding:0 14px}
  .ust .btn{min-width:0;padding:0 16px}
}

/* metin karosu */
.belge{margin-top:var(--gap);background:var(--paper);border-radius:var(--r);padding:clamp(24px,5vw,72px)}
.belge-ic{max-width:74ch}
.geri{display:inline-flex;align-items:center;gap:6px;font-size:var(--step-small);color:var(--ink-soft);text-decoration:none;margin-bottom:28px}
.geri .ms{font-size:18px}
.geri:hover{color:var(--ink)}
.belge h1{font-size:var(--step-head);line-height:1.05;letter-spacing:-0.04em;font-weight:500}
.tarih{margin-top:14px;font-size:var(--step-small);color:var(--ink-soft)}
.giris-yazi{margin-top:28px;color:var(--ink-soft)}
.belge h2{font-size:var(--step-lead);line-height:1.25;letter-spacing:-0.02em;font-weight:500;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.belge h2 .isaret{display:block;width:28px;height:5px;border-radius:3px;background:var(--yesil);margin-bottom:16px}
.belge p,.belge ul,.belge ol,.belge .tablo{margin-top:14px}
.belge ul,.belge ol{padding-left:1.25em}
.belge li+li{margin-top:8px}
.belge li::marker{color:var(--ink-soft)}
.belge ul.harfli{list-style:none;padding-left:0}
.harfli li{display:grid;grid-template-columns:2em minmax(0,1fr)}
.harfli b{font-weight:500;color:var(--ink-soft)}
.belge a{color:var(--mavi-yazi);text-underline-offset:.2em}
.belge code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:.92em;padding:2px 6px;border-radius:4px;background:var(--tile);white-space:nowrap}
.btn svg{flex:none}
.kunye{margin-top:14px;padding:20px 22px;border-radius:var(--r);background:var(--tile);font-variant-numeric:tabular-nums}
.kunye b{font-weight:500}
.kucuk{font-size:var(--step-small);color:var(--ink-soft)}
.tablo{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line)}
.tablo table{width:100%;border-collapse:collapse;font-size:var(--step-small);line-height:1.45}
.tablo th,.tablo td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.tablo tr:last-child td{border-bottom:0}
.tablo th{font-weight:500;background:var(--tile);white-space:nowrap}
.tablo td:first-child{min-width:14ch}
.izin-kutu{margin-top:16px;padding:20px 22px;border-radius:var(--r);background:var(--tile);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.izin-dugme{height:48px;padding:0 20px;border-radius:var(--r);background:var(--mavi);color:#fff;font-weight:500;transition:background-color var(--t-hover)}
.izin-dugme:disabled{opacity:.45;cursor:not-allowed}
@media (hover:hover) and (pointer:fine){.izin-dugme:not(:disabled):hover{background:var(--mavi-bas)}}

/* alt bilgi */
.son{margin-top:var(--gap);padding-bottom:16px}
.son-ic{background:var(--tile);border-radius:var(--r);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 24px;font-size:var(--step-small)}
.son-ic nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.son-ic a[aria-current="page"]{text-decoration-color:currentColor}

/* Logo "Tezgâh" (marka/logo/logo-uret.py): lacivert logo hücresinde iki renkli A; yanında yazı logo. Renkler temaya göre. */
.logo{background:#1E3A8A}
.aes-yazi{display:block;height:clamp(19px,1.7vw,26px);width:auto;flex:none}
.logo img{width:44px;height:44px}
.aes-yazi .l1{fill:#1E3A8A}.aes-yazi .l2{fill:#2563EB}.aes-yazi .l3{fill:#10B981}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .aes-yazi .l1{fill:#FFFFFF}:root:not([data-theme="light"]) .aes-yazi .l2{fill:#7DB0FF}:root:not([data-theme="light"]) .aes-yazi .l3{fill:#34D399}}
:root[data-theme="dark"] .aes-yazi .l1{fill:#FFFFFF}:root[data-theme="dark"] .aes-yazi .l2{fill:#7DB0FF}:root[data-theme="dark"] .aes-yazi .l3{fill:#34D399}
@media (max-width:759px){.logo img{width:38px;height:38px}}

/* Çözümler açılır menüsü (sayfa.css ile aynı) */
.baglantilar ul{align-items:center}
.acilir{position:relative}
.acilir summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.acilir summary::-webkit-details-marker{display:none}
.acilir summary svg{width:16px;height:16px;transition:transform 200ms var(--ease-out)}
.acilir[open] summary svg{transform:rotate(180deg)}
.acilir-panel{position:absolute;top:calc(100% + 18px);left:-20px;min-width:300px;background:var(--paper);border-radius:var(--r);padding:8px;box-shadow:0 16px 40px -16px rgba(0,0,0,.35);display:grid;gap:2px}
.baglantilar .acilir-panel a{display:block;padding:12px 14px;border-radius:6px;text-decoration:none;white-space:normal}
.acilir-panel a small{display:block;color:var(--ink-soft);font-size:var(--step-small)}
@media (hover:hover) and (pointer:fine){.baglantilar .acilir-panel a:hover{background:var(--tile)}}

/* Dar ekran menüsü (≤899px): üst satıra sığmayan Çözümler, Özellikler, Sorular, İletişim tek panelde */
.ust{position:relative;z-index:20}
.mobil-menu{display:none}
.mobil-menu summary{list-style:none;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:var(--r);background:var(--tile);font-weight:500;user-select:none;-webkit-tap-highlight-color:transparent}
.mobil-menu summary::-webkit-details-marker{display:none}
.mobil-menu summary span{display:flex;align-items:center;gap:10px}
.mobil-menu summary svg{width:22px;height:22px;flex:none;color:var(--mavi-yazi)}
.mobil-menu .kapat-simge,.mobil-menu[open] .ac-simge{display:none}
.mobil-menu[open] .kapat-simge{display:flex}
.mobil-panel{border:1px solid var(--line);position:absolute;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));top:calc(100% + 8px);background:var(--paper);border-radius:var(--r);padding:8px;box-shadow:0 18px 44px -14px rgba(0,0,0,.45);display:grid;gap:2px;max-height:calc(100svh - 96px);overflow:auto}
.mobil-panel a{display:block;padding:13px 14px;border-radius:6px;text-decoration:none;font-weight:500}
.mobil-panel a small{display:block;font-weight:400;color:var(--ink-soft);font-size:var(--step-small);margin-top:2px}
.mobil-panel .mp-baslik{margin:8px 14px 2px;font-size:var(--step-small);color:var(--ink-soft)}
.mobil-panel hr{border:0;border-top:1px solid var(--line);margin:6px 8px}
.mobil-panel .mp-tel{color:var(--mavi-yazi);font-variant-numeric:tabular-nums}
.mobil-panel a:active{background:var(--tile)}
@media (hover:hover) and (pointer:fine){.mobil-panel a:hover{background:var(--tile)}}
@media (max-width:899px){.mobil-menu{display:block}.iletisim-karo{display:none}.baglantilar ul{display:none}}

/* Hakkımızda eklenince dört bağlantı 1000px altında sığmıyor (ölçüldü: 960px kenara dayanıyor) → menü düğmesi 999px'e kadar */
@media (max-width:999px){.mobil-menu{display:block}.iletisim-karo{display:none}.baglantilar ul{display:none}}