/* Üst çubuk (her sayfada yapışkan): logo, site araması, tema ve menü düğmeleri. Sayfa üst bölümleri ortalı. */
html{scroll-padding-top:76px}
.ust{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--accent-soft) 94%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.ust-ic{max-width:1600px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:1fr minmax(0,680px) 1fr;align-items:center;gap:12px}
@media (min-width:1000px){.ust-ic{padding-inline:32px}}
.ust-logo{display:inline-flex;align-items:center;gap:8px;flex:none;font-family:var(--f-display);font-weight:800;font-size:19px;color:var(--accent);text-decoration:none;white-space:nowrap}
.ust-logo img{width:28px;height:28px;border-radius:7px;display:block}
@media (max-width:760px){.ust-logo span{display:none}}
.ust .hdr-r{position:static;justify-self:end;flex:none}
.ust-logo{justify-self:start}
/* Arama */
.ara{position:relative;min-width:0;width:100%}
.ara-kutu{display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border:1.5px solid color-mix(in srgb,var(--mint) 70%,transparent);border-radius:999px;background:var(--mint-soft);color:var(--ink);transition:box-shadow .2s,border-color .2s,transform .2s}
.ara-kutu:hover{border-color:var(--mint);transform:translateY(-1px)}
.ara-kutu:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);transform:none}
.ara-kutu svg{flex:none}
.ara input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}
.ara input::-webkit-search-cancel-button{display:none}
.ara kbd{flex:none;font:inherit;font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--muted)}
@media (hover:none){.ara kbd{display:none}}
.ara-liste{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgb(0 0 0 / .22);padding:8px;max-height:min(70vh,520px);overflow:auto;z-index:70}
.ara-liste[hidden]{display:none}
@media (max-width:640px){.ara-liste{position:fixed;left:8px;right:8px;top:60px}}
.ara-bas{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.ara-oge{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink);text-decoration:none;cursor:pointer;font-size:15px}
.ara-oge[aria-selected="true"],.ara-oge:hover{background:var(--accent-soft)}
.ara-oge .ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.ara-oge small{margin-left:auto;flex:none;color:var(--muted);font-size:12px;white-space:nowrap}
.ara-oge mark{background:none;color:var(--accent);font-weight:800}
.ara-bos{padding:14px 10px;color:var(--muted);font-size:14px}
/* Sayfa üst bölümü ortalı: ana sayfa ve model/ülke sayfaları */
.wrap>header{text-align:center;justify-items:center}
.wrap>header .lede{margin-inline:auto;max-width:min(100%,1100px)}
.wrap>header .eyebrow{padding-right:0}
.wrap{padding-block:22px 24px}
.summary,.kur,.actions,.meta .kaynak,.meta .cap{text-align:center}
.actions{justify-content:center}
.meta>h2{text-align:center}
.side{top:76px}
/* Metin sayfaları ve blog: başlık ve künye ortalı, gövde metni sola yaslı (okunaklı) */
main>h1{text-align:center}
.bl-bc,.bl-meta{text-align:center;justify-content:center}
.bl-post h2{text-align:center}
.bl-post h2::before{left:50%;transform:translateX(-50%)}
.bl-share{display:block;text-align:center}
.bl-menu{left:50%;transform:translateX(-50%)}
.toc{top:76px!important}
/* Tema düğmesi: sayfa başında üst çubukta; kaydırınca (yalnızca telefonda) menünün içine girer, arama kutusu daralmasın */
.mlist .mlist-tema{display:none}
.mlist .mlist-tema button::after{content:none!important}
@media (max-width:760px){.ust.kaydi .theme-btn{display:none}.ust.kaydi .mlist .mlist-tema{display:block}.ust-ic{grid-template-columns:auto minmax(0,1fr) auto}}
/* Üzerine gelince canlanan öğeler (yalnızca fareli cihazlarda): sade ama ilgi çekici */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .card{transition:border-color .2s,box-shadow .25s}
  .card:hover{box-shadow:0 10px 26px rgb(0 0 0 / .13);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
  .tbl tbody tr,.bl-tw tbody tr{transition:background-color .15s}
  .tbl tbody tr:hover,.bl-tw tbody tr:hover{background:var(--accent-soft)}
  .meta nav a,.bl-post a,.meta li a,.kaynak a{text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
  .meta nav a:hover,.bl-post a:not(.bl-btn):hover{color:var(--accent);text-decoration-thickness:2px}
  .chip{transition:transform .15s,background-color .2s,border-color .2s,box-shadow .2s}
  .chip:hover{box-shadow:0 4px 12px rgb(0 0 0 / .12)}
  .bl-tabs button{transition:transform .15s,border-color .2s,color .2s}
  .bl-tabs button:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}
  .bl-tabs button[aria-pressed="true"]:hover{color:var(--on-accent)}
  .bl-note{transition:transform .2s,box-shadow .2s}
  .bl-note:hover{transform:translateX(3px);box-shadow:0 6px 18px rgb(0 0 0 / .10)}
  .bl-deals li{transition:transform .15s}
  .bl-deals li:hover{transform:translateX(4px)}
  .bl-cta{transition:box-shadow .25s}
  .bl-cta:hover{box-shadow:0 10px 26px rgb(0 0 0 / .12)}
  .bl-btn,.more-btn,.actions a,.actions button{transition:transform .2s,box-shadow .2s,background-color .2s}
  .bl-btn:hover,.more-btn:hover,.actions a:hover,.actions button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .16)}
  details.faq summary,.mlist>li>a{transition:color .15s}
  details.faq:hover{border-color:var(--accent)}
  .ust-logo{transition:transform .2s}
  .ust-logo:hover{transform:scale(1.04)}
  .theme-btn,.menu-btn{transition:transform .2s,border-color .2s,color .2s}
  .theme-btn:hover,.menu-btn:hover{transform:rotate(12deg) scale(1.06)}
}
.bl-card .bl-meta{text-align:left;justify-content:flex-start}
.diger-b ~ p{text-align:center}
.diger-b ~ p.kaynak{margin-top:4px}