/* eyetki: bütün sayfalarda aynı kalması gereken ölçüler. Her sayfanın kendi stilinden SONRA yüklenir.
   Amaç: sayfadan sayfaya geçerken başlık, menü ve içerik yerinden oynamasın; form alanları her yerde aynı görünsün. */

/* Kaydırma çubuğu hep yer tutar: kısa sayfadan uzun sayfaya geçince içerik yana kaymaz */
html{overflow-y:scroll;-webkit-text-size-adjust:100%}

/* Üst şerit */
.kabuk header .bar{height:64px;padding:0 20px;max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.kabuk.dar header .bar{max-width:860px}
.kabuk header .logo{font-size:20px;gap:10px;letter-spacing:-.03em}
.kabuk header .logo svg{width:30px;height:30px}
.kabuk header .btn{min-height:40px;font-size:14px;padding:9px 16px;border-radius:999px}
.kabuk header .ust-sag{display:flex;gap:8px;align-items:center}
.kabuk header .btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:700;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}
.kabuk header .btn-primary{background:var(--brand);color:#fff}
.kabuk header .btn-primary:hover{background:#0f9468}
.kabuk header .ust-btn{background:rgba(255,255,255,.14);color:#fff}
.kabuk header #ust-cikis{background:none;opacity:.85;padding-inline:8px}
.kabuk header #ust-cikis:hover{opacity:1}
header a.back{display:inline-flex;align-items:center;min-height:40px;padding:0 2px}

/* İçerik alanı: menülü sayfalar 1040, tek işe odaklı sayfalar (belge formu) 860 piksel */
.kabuk main{max-width:1040px;padding:32px 20px 80px}
.kabuk.dar main{max-width:860px}
.kabuk main h1{font-size:clamp(24px,4vw,32px);letter-spacing:-.025em;font-weight:800;line-height:1.2;margin-top:0}

/* Sayfa başlığı ve açıklaması: her sayfada aynı aralık; açıklama boşken de yerini tutar */
.kabuk main .sub{color:var(--ink-2);margin:4px 0 22px;max-width:76ch;min-height:1.5em;font-size:16px;line-height:1.5}

/* Bölüm menüsü (masaüstü) */
nav.altnav{display:flex;gap:4px;margin:0 0 22px;border:0;box-shadow:inset 0 -1px 0 #e4e1d6;overflow-x:auto;scrollbar-width:none;white-space:nowrap;min-height:45px}
nav.altnav::-webkit-scrollbar{display:none}
nav.altnav a{flex:none;padding:10px 13px;margin:0;font-weight:700;font-size:14.5px;line-height:22px;color:#6b7f78;border-bottom:3px solid transparent;text-decoration:none}
nav.altnav a:hover{color:#0a3d30}
nav.altnav a.on{color:#0a3d30;border-color:#12a474}
.rozet{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;background:#c9423e;color:#fff;font-size:11px;font-weight:800;margin-left:6px;padding:0 5px;vertical-align:1px}
#alt-menu,#alt-diger{display:none}

/* Form alanları */
.kabuk .f input:not([type=checkbox]):not([type=radio]):not([type=file]),.kabuk .f select,.kabuk .f textarea,.kabuk .yanit textarea{
  font-size:16px;line-height:1.4;padding:12px 13px;border-radius:12px;border:1.5px solid var(--line);background:#fbfaf6;color:var(--ink)}
.kabuk .f input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.kabuk .f select:focus,.kabuk .f textarea:focus,.kabuk .yanit textarea:focus{
  outline:2px solid var(--brand);outline-offset:0;border-color:transparent;background:#fff}
.kabuk .f input[readonly]{background:#f1efe8;color:var(--ink-2)}
.kabuk .f label{font-size:13.5px;font-weight:600;color:var(--ink-2)}

@media (max-width:760px){
  .kabuk header .bar{padding:0 16px}
  .kabuk main{padding:22px 16px 72px}
  /* Telefon: sekmeler yerine ekranın altında sabit menü */
  .kabuk nav.altnav{display:none}
  .kabuk:not(.dar){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .kabuk .ust-sag #yeni-btn,.kabuk .ust-sag #ust-cikis{display:none}
  #alt-menu{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid #e4e1d6;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -12px rgba(12,31,26,.25)}
  #alt-menu a,#alt-menu button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;font:600 11px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;color:#6b7f78;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent;text-align:center}
  #alt-menu a.on,#alt-menu button.on{color:#0a3d30}
  #alt-menu a.on svg,#alt-menu button.on svg{stroke:#12a474}
  #alt-menu a:focus-visible,#alt-menu button:focus-visible{outline:2px solid #12a474;outline-offset:-2px}
  #alt-menu .arti{color:#0a3d30}
  #alt-menu .arti i{font-style:normal;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#12a474;color:#fff;font-size:28px;font-weight:500;line-height:1;margin-top:-20px;box-shadow:0 6px 14px -4px rgba(18,164,116,.7);border:3px solid #fff}
  #alt-menu .nokta{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c9423e;margin-left:4px;vertical-align:1px}
  #alt-diger{display:block;position:fixed;inset:0;z-index:39}
  #alt-diger[hidden]{display:none}
  #alt-diger .perde{position:absolute;inset:0;background:rgba(12,31,26,.45)}
  #alt-diger .kagit{position:absolute;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;padding:8px 12px 14px;display:grid;gap:2px}
  #alt-diger .tutamac{width:40px;height:4px;border-radius:2px;background:#d8d4c8;margin:4px auto 8px}
  #alt-diger a,#alt-diger button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:14px;font:600 16px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1f1a;cursor:pointer}
  #alt-diger a.on{background:#e3f6ee}
  #alt-diger a svg,#alt-diger button svg{color:#3d524b}
  #alt-diger button{color:#c9423e;border-top:1px solid #e4e1d6;border-radius:0;margin-top:6px;padding-top:16px}
  #alt-diger button svg{color:#c9423e}
  #alt-diger .rozet{margin-left:auto}
}
@media print{nav.altnav,#alt-menu,#alt-diger,#demo-serit{display:none!important}}
@media print{html{overflow:visible}}