/* Kök kapılar — tam ekran ızgara + Lucide-tarzı çizgi ikonlar (CSS animasyon) */
.kok-wrap{
  --kok-yesil:#1b5e20;
  --kok-yesil-acik:#2e7d32;
  --kok-yuz:#e8f5e9;
  --kok-cizgi:#d7e3d4;
  --kok-ink:#243024;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(1rem,3.2vw,2rem) 3rem;
  box-sizing:border-box;
  min-height:72vh;
}
body:has(#anaKokpit.kok-wrap){
  background:
    radial-gradient(90% 55% at 12% -5%, color-mix(in srgb,#66bb6a 18%,transparent), transparent 50%),
    radial-gradient(70% 45% at 90% 0%, color-mix(in srgb,#a5d6a7 16%,transparent), transparent 48%),
    linear-gradient(180deg,#eef5ee 0%, var(--krem,#f7f4ef) 42%, #f7f4ef 100%);
}
.kok-wrap .karsilama{
  padding:clamp(1.4rem,3vw,2rem) 0 1.15rem;
  border-bottom:none;
  background:transparent;
  text-align:left;
  display:grid;
  gap:.35rem;
}
.kok-wrap .hub-yuzey-rozet{
  display:inline-block;
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--kok-yesil-acik);
  font-weight:700;
  margin:0;
  opacity:.85;
}
.kok-marka-satir{display:flex;align-items:center;gap:.85rem;margin:.15rem 0 .2rem}
.kok-wrap .marka-hero{font-size:clamp(1.9rem,4vw,2.55rem);margin:0;letter-spacing:-.03em}
.kok-wrap .soru-hero{
  font-size:clamp(1.15rem,2.4vw,1.55rem);
  font-weight:650;
  margin:.15rem 0 0;
  color:var(--kok-ink);
  letter-spacing:-.015em;
  max-width:36rem;
}

/* Kapalı: çok sütun · açık: tam satır + üstte geçiş şeridi */
.kok-liste{
  margin-top:.35rem;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  gap:.85rem;
  align-items:start;
}
/* Açık kapı varken kardeş kartlar gizlenir — geçiş sticky şeritten */
.kok-liste:has(.kok-katla[open]) .kok-katla:not([open]){
  display:none;
}
.kok-gecis{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  margin:.15rem 0 .55rem;
  padding:.55rem .15rem .65rem;
  background:
    linear-gradient(180deg, color-mix(in srgb,#eef5ee 92%,#fff) 0%, color-mix(in srgb,#eef5ee 78%,transparent) 70%, transparent 100%);
  backdrop-filter:blur(8px);
}
.kok-gecis[hidden]{display:none!important}
.kok-gecis button{
  appearance:none;
  border:1px solid var(--kok-cizgi);
  background:#fff;
  color:var(--kok-ink);
  font:650 .78rem/1.15 system-ui,Segoe UI,sans-serif;
  padding:.45rem .7rem;
  border-radius:999px;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(27,94,32,.04);
}
.kok-gecis button:hover{border-color:#81c784;background:#f4faf4}
.kok-gecis button[aria-current="true"]{
  border-color:var(--kok-yesil-acik);
  background:var(--kok-yuz);
  color:var(--kok-yesil);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--kok-yesil-acik) 28%,transparent);
}
.kok-katla{
  border:1px solid var(--kok-cizgi);
  border-radius:18px;
  margin:0;
  background:#fff;
  box-shadow:0 1px 0 rgba(27,94,32,.04),0 10px 28px rgba(27,94,32,.07);
  overflow:hidden;
  transition:box-shadow .22s ease,border-color .22s ease,transform .2s ease;
}
.kok-katla:hover{border-color:#a5d6a7;transform:translateY(-1px)}
.kok-katla[open]{
  grid-column:1 / -1;
  border-color:#81c784;
  box-shadow:0 14px 36px rgba(46,125,50,.16);
  transform:none;
  overflow:visible;
}
.kok-katla>summary{
  cursor:pointer;
  list-style:none;
  padding:1rem 1.1rem;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:.9rem;
  min-height:3.5rem;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.kok-katla>summary:active{background:#f4faf4}
.kok-katla>summary::-webkit-details-marker{display:none}
.kok-katla>summary::before{content:none}

@media (min-width:720px){
  .kok-katla:not([open])>summary{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    gap:.7rem;
    min-height:9.25rem;
    padding:1.2rem 1.2rem 1.15rem;
    position:relative;
  }
  .kok-katla:not([open]) .kok-chev{
    position:absolute;
    top:1rem;
    right:1rem;
  }
  .kok-katla:not([open]) .kok-ikon{
    width:3.35rem;
    height:3.35rem;
    border-radius:16px;
  }
  .kok-katla:not([open]) .kok-katla-b{
    font-size:1.12rem;
    line-height:1.25;
  }
}

.kok-ikon{
  width:2.7rem;
  height:2.7rem;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--kok-yesil);
  background:var(--kok-yuz);
  box-shadow:inset 0 0 0 1px rgba(46,125,50,.12);
}
.kok-katla[open] .kok-ikon,
.kok-katla:hover .kok-ikon{
  background:#dcedc8;
  box-shadow:inset 0 0 0 1px rgba(46,125,50,.22);
}
.kok-ikon svg{
  width:1.45rem;
  height:1.45rem;
  display:block;
  overflow:visible;
}
.kok-katla:not([open]) .kok-ikon svg{width:1.7rem;height:1.7rem}
.kok-katla-b{
  font-size:1.05rem;
  font-weight:750;
  color:var(--kok-yesil);
  letter-spacing:-.015em;
}
.kok-katla-alt{
  display:block;
  margin-top:.18rem;
  font-size:.72rem;
  font-weight:550;
  color:#6b7565;
  letter-spacing:0;
  line-height:1.25;
}
.kok-katla:not([open]) .kok-katla-alt{opacity:.9}
.kok-katla[open] .kok-katla-alt{color:#5a6a5a}
.kok-chev{
  width:1.7rem;
  height:1.7rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f0f5ef;
  color:var(--kok-yesil-acik);
  transition:transform .22s ease,background .2s ease,color .2s ease;
}
.kok-chev svg{width:.85rem;height:.85rem}
.kok-katla[open] .kok-chev{
  background:var(--kok-yesil-acik);
  color:#fff;
  transform:rotate(90deg);
}
.kok-katla[open]>summary{
  position:sticky;
  top:3.15rem;
  z-index:12;
  background:linear-gradient(180deg,#f6fbf6,#fff 72%);
  border-bottom:1px solid var(--kok-cizgi);
  border-radius:18px 18px 0 0;
}
.kok-katla-ic{padding:.85rem 1rem 1.15rem;animation:kokAc .22s ease}
.spa-gomulu{
  margin-top:.1rem;
  border:1px solid var(--kok-cizgi);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  min-height:140px;
}
/* Tohum alt uygulaması — koyu kabuk, telefon/tablet yükseklik */
#kok-tohum .spa-gomulu{
  border:0;
  background:transparent;
  min-height:min(78vh,760px);
  overflow:visible;
}
#kok-tohum .spa-icerik{
  padding:0;
  background:transparent;
}
#kok-tohum .spa-icerik .tv-standalone-wrap{max-width:none;margin:0;padding:0}
#kok-tohum .spa-icerik .tv-app{
  border-radius:14px;
  height:min(78vh,760px);
  max-height:none;
  min-height:min(72vh,680px);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}
#kok-tohum .spa-icerik #metin,
#kok-tohum .spa-icerik .tv-standalone-pad{display:none!important}
/* Hava alt uygulaması — açık gökyüzü kabuk */
#kok-hava .spa-gomulu{
  border:0;
  background:transparent;
  min-height:min(78vh,760px);
  overflow:visible;
}
#kok-hava .spa-icerik{padding:0;background:transparent}
#kok-hava .spa-icerik .hv-wrap{max-width:none;margin:0;padding:0}
#kok-hava .spa-icerik .hv-app{
  border-radius:14px;
  height:min(78vh,760px);
  max-height:none;
  min-height:min(72vh,680px);
  box-shadow:0 16px 40px rgba(40,80,120,.18);
}
#kok-hava .spa-icerik .hv-standalone-pad{display:none!important}
#kok-tamus .spa-gomulu{
  border:0;
  background:transparent;
  min-height:min(78vh,760px);
  overflow:visible;
}
#kok-tamus .spa-icerik{padding:0;background:transparent}
#kok-tamus .spa-icerik .tm-wrap{max-width:none;margin:0;padding:0}
#kok-tamus .spa-icerik .tm-app{
  border-radius:14px;
  height:min(78vh,760px);
  max-height:none;
  min-height:min(72vh,680px);
  box-shadow:0 16px 40px rgba(40,80,50,.12);
}
#kok-tamus .spa-icerik .tm-standalone-pad{display:none!important}
/* 3D / strateji / parsel gömülü kabuk */
#kok-harita .spa-gomulu{
  min-height:min(78vh,820px);
  height:min(78vh,820px);
}
#kok-harita .spa-icerik{padding:0;background:#fdfdfb;height:100%}
#kok-harita .spa-icerik .kk-app{min-height:100%;height:100%}
#kok-3d .spa-gomulu,#kok-strateji .spa-gomulu,#kok-parsel .spa-gomulu{
  border:0;background:transparent;min-height:min(78vh,760px);overflow:visible;
}
#kok-3d .spa-icerik,#kok-strateji .spa-icerik,#kok-parsel .spa-icerik{padding:0;background:transparent}
#kok-3d .spa-icerik .td-wrap,#kok-parsel .spa-icerik .ps-wrap{max-width:none;margin:0;padding:0}
#kok-3d .spa-icerik .td-app,#kok-parsel .spa-icerik .ps-app{
  border-radius:14px;height:min(78vh,760px);max-height:none;min-height:min(72vh,680px);
}
html.ada3d-zemin,
html.ada3d-zemin body{
  background:#050a07!important;
  height:100dvh;
  overflow:hidden;
}
html.ada3d-zemin body:has(#anaKokpit.kok-wrap){
  background:#050a07!important;
}
html.ada3d-zemin .kok-wrap{
  max-width:none;
  height:100dvh;
  min-height:100dvh;
  padding:0;
  display:grid;
  grid-template-rows:auto 1fr auto;
}
html.ada3d-zemin .karsilama,
html.ada3d-zemin #k18-secici-1d{display:none}
html.ada3d-zemin .kok-liste{
  margin:0;
  display:block;
  min-height:0;
  height:100%;
}
html.ada3d-zemin .kok-liste:has(.kok-katla[open]) .kok-katla:not([open]){display:none}
html.ada3d-zemin #kok-3d{
  height:100%;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
}
html.ada3d-zemin #kok-3d>summary{display:none}
html.ada3d-zemin #kok-3d .kok-katla-ic{padding:0;height:100%;animation:none}
html.ada3d-zemin #kok-3d .spa-gomulu,
html.ada3d-zemin #kok-3d .spa-icerik,
html.ada3d-zemin #kok-3d .td-wrap,
html.ada3d-zemin #kok-3d .td-app{
  height:100%;
  min-height:0;
  max-height:none;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
  isolation:auto;
  transform:none;
}
html.ada3d-zemin .kok-gecis{
  position:fixed;
  top:0;left:0;bottom:0;
  width:13.2rem;
  z-index:20;
  flex-direction:column;
  flex-wrap:nowrap;
  overflow:auto;
  margin:0;
  padding:.7rem .5rem .8rem;
  background:rgba(7,12,9,.7);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-right:1px solid rgba(61,220,132,.22);
  border-bottom:0;
}
html.ada3d-zemin .kok-gecis button{
  width:100%;
  text-align:left;
  border-radius:10px;
  background:rgba(9,18,12,.55);
  color:#cfe6d8;
  border-color:rgba(61,220,132,.22);
}
html.ada3d-zemin .kok-gecis button[aria-current="true"]{
  background:rgba(61,220,132,.16);
  color:#3ddc84;
  border-color:#3ddc84;
}
html.ada3d-zemin .kok-alt,
html.ada3d-zemin [aria-label="Hızlı gezinme"],
html.ada3d-zemin .gokceada-alt-nav{display:none!important}
html.ada3d-zemin .ust{position:relative;z-index:21}
@media (min-width:900px){
  html.ada3d-zemin .td-app{
    padding-left:13.2rem;
    padding-bottom:0;
    box-sizing:border-box;
  }
}
@media (max-width:899px){
  html.ada3d-zemin .kok-gecis{
    position:sticky;
    top:0;left:auto;bottom:auto;
    width:auto;
    flex-direction:row;
    flex-wrap:wrap;
    height:auto;
    border-right:0;
    border-bottom:1px solid rgba(61,220,132,.22);
  }
  html.ada3d-zemin .kok-gecis button{width:auto}
}
@media (prefers-reduced-transparency:reduce){
  html.ada3d-zemin .kok-gecis,
  html.ada3d-zemin .kok-alt{
    backdrop-filter:none;-webkit-backdrop-filter:none;
    background:#0f1712;
  }
}
#kok-strateji .spa-icerik{
  max-height:min(78vh,760px);overflow:auto;-webkit-overflow-scrolling:touch;
  border-radius:14px;background:#eef7ee;border:1px solid #c8e6c9;
}
.spa-bekle,.spa-hata{margin:1rem;color:#78909c;font-size:.9rem}
.spa-hata{color:#c62828}
.spa-icerik{padding:.7rem .85rem 1rem;max-width:100%}
.kok-alt{
  margin:2rem 0 0;
  padding-top:1.1rem;
  border-top:1px solid var(--kok-cizgi);
  font-size:.82rem;
  color:#6b7565;
  display:flex;
  gap:.85rem;
  justify-content:center;
  flex-wrap:wrap;
}
.kok-alt a{
  color:var(--kok-yesil);
  font-weight:700;
  text-decoration:none;
  padding:.5rem 1rem;
  border-radius:999px;
  border:1px solid var(--kok-cizgi);
  background:#fff;
}
.kok-alt a:hover{border-color:#81c784;background:var(--kok-yuz)}

.ana-alt-kapilar{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:.5rem;
  margin:.1rem 0 .4rem;
}
.ana-alt-kapilar button{
  font:700 .88rem/1.25 system-ui,sans-serif;
  padding:.8rem .55rem;
  border-radius:12px;
  border:1px solid var(--kok-cizgi);
  background:#fff;
  color:var(--kok-yesil);
  cursor:pointer;
  min-height:3rem;
  text-align:center;
}
.ana-alt-kapilar button.panel-acik{
  border-color:var(--kok-yesil-acik);
  background:var(--kok-yuz);
}

.kok-wrap .harita-bolum{max-width:none;margin:0;padding:0}
.kok-harita-ust{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .55rem}
.kok-harita-ust .katmanlar{display:flex;flex-wrap:wrap;gap:.35rem}
.kok-harita-ust .katmanlar button{
  font:650 .8rem/1 system-ui,sans-serif;
  padding:.48rem .75rem;
  border-radius:999px;
  border:1px solid var(--kok-cizgi);
  background:#fff;
  color:#345;
  cursor:pointer;
}
.kok-harita-ust .katmanlar button.aktif{
  background:var(--kok-yesil-acik);
  border-color:var(--kok-yesil-acik);
  color:#fff;
}
.kok-iklim{
  margin:0 0 .35rem;
  font-size:.86rem;
  color:#4a5a4a;
  font-variant-numeric:tabular-nums;
}
.kok-iklim .harita-katman-durum{
  display:inline;
  margin-left:.45rem;
  font-size:.8rem;
  color:#6b7565;
}
.kok-harita-secim{font-size:.88rem;color:#5a6a5a;margin:0 0 .5rem;min-height:1.2em;font-weight:650}
.koy-serit{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem}
.koy-serit button{
  font:650 .8rem/1.2 system-ui,sans-serif;
  padding:.45rem .65rem;
  border-radius:10px;
  border:1px solid var(--kok-cizgi);
  background:#fff;
  cursor:pointer;
  color:#2a382a;
}
.koy-serit button.on{
  border-color:var(--kok-yesil-acik);
  background:var(--kok-yuz);
  color:var(--kok-yesil);
}
.tv-harita-kapsayici{border-radius:14px;overflow:hidden;border:1px solid var(--kok-cizgi)}
.kok-wrap .k1-durust-serit,
.kok-wrap .k1-iklim-serit{font-size:.75rem;color:#6b7565;margin:.45rem 0 0;line-height:1.35}

/* —— İkon animasyonları (Lucide stroke; hover/open) —— */
.ki{stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ki .ki-fill{fill:currentColor;stroke:none}
.kok-marka-ikon{
  width:2.6rem;height:2.6rem;color:var(--kok-yesil-acik);
  display:grid;place-items:center;
}
.kok-marka-ikon svg{width:2.35rem;height:2.35rem}

.kok-katla:hover .ki-ray,
.kok-katla[open] .ki-ray,
.kok-marka-satir:hover .ki-ray{
  animation:kiSpin 10s linear infinite;
  transform-origin:12px 10px;
}
.kok-katla:hover .ki-cloud,
.kok-katla[open] .ki-cloud{
  animation:kiBob 2.4s ease-in-out infinite;
}
.kok-katla:hover .ki-leaf,
.kok-katla[open] .ki-leaf,
.kok-marka-satir:hover .ki-leaf{
  animation:kiSway 2.8s ease-in-out infinite;
  transform-origin:12px 20px;
}
.kok-katla:hover .ki-pin,
.kok-katla[open] .ki-pin{
  animation:kiBounce 1.6s ease-in-out infinite;
  transform-origin:12px 20px;
}
.kok-katla:hover .ki-peak,
.kok-katla[open] .ki-peak{
  animation:kiRise 2.2s ease-in-out infinite;
}
.kok-katla:hover .ki-tick,
.kok-katla[open] .ki-tick{
  animation:kiPulse 1.8s ease-in-out infinite;
  transform-origin:12px 12px;
}
.kok-katla:hover .ki-ear,
.kok-katla[open] .ki-ear{
  animation:kiSway 3s ease-in-out infinite;
  transform-origin:8px 20px;
}
.kok-katla:hover .ki-plot,
.kok-katla[open] .ki-plot{
  animation:kiDraw 2.4s ease-in-out infinite;
}

@keyframes kokAc{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes kiSpin{to{transform:rotate(360deg)}}
@keyframes kiBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2px)}}
@keyframes kiSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@keyframes kiBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(0)}}
@keyframes kiRise{0%,100%{transform:translateY(1px);opacity:.85}50%{transform:translateY(-1px);opacity:1}}
@keyframes kiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes kiDraw{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:4}}

@media (prefers-reduced-motion:reduce){
  .kok-katla,.kok-chev{transition:none}
  .kok-katla-ic{animation:none}
  .kok-katla:hover .ki-ray,
  .kok-katla[open] .ki-ray,
  .kok-katla:hover .ki-cloud,
  .kok-katla[open] .ki-cloud,
  .kok-katla:hover .ki-leaf,
  .kok-katla[open] .ki-leaf,
  .kok-marka-satir:hover .ki-leaf,
  .kok-marka-satir:hover .ki-ray,
  .kok-katla:hover .ki-pin,
  .kok-katla[open] .ki-pin,
  .kok-katla:hover .ki-peak,
  .kok-katla[open] .ki-peak,
  .kok-katla:hover .ki-tick,
  .kok-katla[open] .ki-tick,
  .kok-katla:hover .ki-ear,
  .kok-katla[open] .ki-ear,
  .kok-katla:hover .ki-plot,
  .kok-katla[open] .ki-plot{animation:none}
}

/* —— Harita uygulaması — yatay tablet/app (dikey telefon yığını YOK) —— */
#kok-harita[open]{
  max-width:min(1280px,96vw);
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
#kok-harita .kok-katla-ic{
  padding:.45rem .45rem .75rem;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.ht-app{
  background:
    radial-gradient(80% 50% at 100% 0%, rgba(180,140,60,.12), transparent 55%),
    linear-gradient(180deg,#efe6d4 0%, #f7f1e4 45%, #ebe3d2 100%);
  color:#2a2418;
  border:1px solid #d2c4a8;
  box-shadow:0 14px 36px rgba(80,60,20,.12);
  height:min(72vh,700px);
  min-height:min(62vh,560px);
  max-height:min(78vh,760px);
  min-width:720px;
}
.ht-app .alt-app-ust{
  background:linear-gradient(180deg,rgba(255,252,245,.95),rgba(255,252,245,.6));
  border-bottom:1px solid #d2c4a8;
  flex:0 0 auto;
}
.ht-canli{
  display:flex;flex-wrap:nowrap;gap:.28rem;overflow-x:auto;
  padding:.28rem .5rem .35rem;border-bottom:1px solid #d2c4a8;
  background:rgba(255,252,245,.88);-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.ht-canli[hidden]{display:none!important}
.ht-canli button{
  flex:0 0 auto;appearance:none;cursor:pointer;
  border:1px solid #d2c4a8;border-radius:999px;
  background:#fffdf8;color:#5a4a32;
  font:600 .68rem/1.2 ui-sans-serif,system-ui,sans-serif;
  padding:.28rem .55rem;white-space:nowrap;
}
.ht-canli button[aria-pressed="true"]{border-color:#a88a40;color:#5a4218;background:#ebe0c4}
.ht-canli .ht-c-d{color:#8a7a5a;font-weight:600;margin-left:.2rem}

.ht-canli-filtre{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 0 .28rem;width:100%}
.ht-canli-filtre button{
  appearance:none;border:1px solid #d2c4a8;background:transparent;
  color:#7a6a4a;border-radius:999px;font:650 .62rem/1 system-ui,sans-serif;
  padding:.2rem .45rem;cursor:pointer;
}
.ht-canli-filtre button[aria-pressed="true"]{border-color:#a88a40;color:#5a4218;background:#ebe0c4}
.ht-canli-liste{display:flex;flex-wrap:nowrap;gap:.28rem;width:100%}

.ht-app .alt-app-baslik{color:#6b5428;letter-spacing:.1em;text-transform:uppercase;font-size:.88rem}
.ht-app .alt-app-alt{color:#7a6a4a}
.ht-app .alt-app-tab{
  background:rgba(255,252,245,.96);
  border-top-color:#d2c4a8;
  flex:0 0 auto;
  z-index:6;
}
.ht-app .alt-app-tab button{color:#7a6a4a;font-size:.65rem}
.ht-app .alt-app-tab button[aria-selected="true"]{
  color:#5a4218;background:rgba(180,140,60,.16);
}
.ht-govde{
  flex:1 1 auto;min-height:0;overflow:hidden;
  padding:.4rem .5rem .35rem;
  display:flex;flex-direction:column;
}
.ht-sahne{
  flex:1 1 auto;min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);
  gap:.55rem;
  align-items:stretch;
}
.ht-sahne-harita{
  min-width:0;min-height:0;
  display:flex;flex-direction:column;gap:.35rem;
}
.ht-sahne-panel{
  min-width:0;min-height:0;
  display:flex;flex-direction:column;
  background:#fffdf8;
  border:1px solid #d2c4a8;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(80,60,20,.08);
}
.ht-panel-ust{
  flex:0 0 auto;
  display:flex;align-items:center;gap:.35rem;
  padding:.4rem .5rem;
  border-bottom:1px solid #e6e0d2;
  background:color-mix(in srgb,#fffdf8 92%,#ebe0c4);
}
.ht-panel-ust .ht-sheet-nav{flex:1;margin:0;padding:0;border:0}
.ht-panel-kapat{
  appearance:none;border:0;background:transparent;
  width:2rem;height:2rem;border-radius:999px;cursor:pointer;
  font-size:1.2rem;line-height:1;color:#7a6a4a;opacity:.75;
}
.ht-panel-kapat:hover{opacity:1;background:rgba(0,0,0,.04)}
.ht-panel-bos{
  flex:1;display:grid;place-items:center;padding:1.2rem;
  color:#7a6a4a;font:400 .88rem/1.45 ui-serif,Georgia,serif;text-align:center;
}
.ht-panel-ic{
  flex:1 1 auto;min-height:0;overflow:auto;
  padding:.55rem .75rem .85rem;
  -webkit-overflow-scrolling:touch;
}
.ht-sahne-panel.acik .ht-panel-bos{display:none}
.ht-sahne-panel.acik .ht-panel-ic{display:block}
.ht-sahne-panel:not(.acik) .ht-panel-ic{display:none}
.ht-sahne-panel:not(.acik) .ht-panel-ust .ht-sheet-nav button{opacity:.35;pointer-events:none}
.ht-sahne-panel:not(.acik) .ht-panel-kapat{visibility:hidden}

.ht-secim-satir{
  margin:0;padding:0 .15rem;
  font:700 .78rem/1.3 system-ui,sans-serif;color:#4a3a22;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ht-app .kok-iklim{color:#5a4a32;font-size:.82rem;margin:0}
.ht-app .koy-serit{
  display:flex;gap:.35rem;overflow-x:auto;flex-wrap:nowrap;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding-bottom:.2rem;margin:0;
}
.ht-app .koy-serit button{
  flex:0 0 auto;scroll-snap-align:start;
  background:#fffdf8;border-color:#d2c4a8;color:#3a2e1a;
  min-height:2.55rem;padding:.28rem .55rem .3rem;font-size:.78rem;
  display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;
  line-height:1.15;
}
.ht-app .koy-serit button.on{background:#ebe0c4;border-color:#a88a40;color:#5a4218}
.ht-koy-ad{font:650 .78rem/1.15 system-ui,sans-serif}
.ht-koy-hava{
  font:600 .62rem/1 ui-monospace,Consolas,monospace;
  color:#7a6a4a;letter-spacing:.02em;white-space:nowrap;
}
.ht-koy-hava.olculdu{color:#3d6a8a}
.ht-koy-hava.yok{color:#a09070;font-weight:500}
.ht-app .tv-harita-kapsayici{
  border-color:#d2c4a8;background:#fffdf8;min-height:0;
  max-width:none;margin:0;padding:0;font-family:ui-serif,Georgia,serif;
  flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;
}
.ht-karakalem-kap{position:relative;background:#fdfdfb}
.ht-karakalem{
  flex:1 1 auto;min-height:0;padding:.2rem .3rem;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.ht-karakalem svg{display:block;width:100%;height:auto;max-height:100%}
.ht-zoom-sifir{
  position:absolute;top:.45rem;right:.45rem;z-index:3;
  appearance:none;border:1px solid #d2c4a8;background:#fffdf8;color:#5a4218;
  border-radius:999px;min-width:2.4rem;height:2rem;padding:0 .55rem;
  font:700 .72rem/1 ui-monospace,Consolas,monospace;cursor:pointer;
  box-shadow:0 2px 8px rgba(80,60,20,.12);
}
.ht-zoom-sifir:hover{border-color:#a88a40;background:#ebe0c4}
.ht-karakalem-bekle{
  margin:0;padding:1.4rem .8rem;text-align:center;
  color:#7a6a4a;font:400 .88rem/1.5 ui-serif,Georgia,serif;
}
.ht-karakalem-bekle a{color:#5a4218}
.ht-karakalem-not{display:none!important}

.ht-serit-wrap{
  display:grid;grid-template-columns:2.15rem 1fr 2.15rem;gap:.2rem;align-items:center;
  margin:0;position:relative;padding-top:.85rem;flex:0 0 auto;
}
.ht-serit-say{
  grid-column:1/-1;justify-self:center;transform:translateY(-.85rem);
  font-size:.62rem;color:#7a6a4a;letter-spacing:.06em;
}
.ht-serit-ok{
  appearance:none;border:1px solid #d2c4a8;background:#fffdf8;color:#3a2e1a;
  width:2.1rem;height:2.1rem;border-radius:999px;cursor:pointer;display:grid;place-items:center;
}
.ht-serit-ok:disabled{opacity:.3;cursor:default}
.ht-serit-ok svg{width:1rem;height:1rem}
.ht-serit-wrap .koy-serit{margin:0;grid-column:2;grid-row:1}
.ht-serit-wrap .ht-serit-ok:first-of-type{grid-column:1;grid-row:1}
.ht-serit-wrap .ht-serit-ok:last-of-type{grid-column:3;grid-row:1}

.ht-sheet-nav{display:flex;gap:.35rem;align-items:center;justify-content:space-between}
.ht-sheet-nav button{
  appearance:none;border:1px solid #d2c4a8;background:#fff;color:#3a2e1a;
  border-radius:10px;font:650 .78rem/1 system-ui,sans-serif;
  padding:.4rem .65rem;cursor:pointer;min-width:2.4rem;
}
.ht-sheet-nav button:disabled{opacity:.35;cursor:default}
.ht-sheet-nav span{font-size:.72rem;color:#7a6a4a;text-align:center;flex:1}
.ht-sheet-evre{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6a4a;margin:0 0 .2rem}
.ht-sheet-ad{font-size:1.05rem;font-weight:750;color:#2a2418;margin:0 0 .35rem}
.ht-sheet-dr{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.22rem .55rem;border-radius:999px;border:1px solid currentColor;margin-bottom:.55rem}
.ht-sheet-dr.bagli{color:#2e7d32}.ht-sheet-dr.kismi{color:#a86a10}.ht-sheet-dr.yok{color:#7a6a4a}
.ht-sheet-blok{margin:0 0 .65rem}
.ht-sheet-etiket{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6a4a;margin:0 0 .2rem}
.ht-sheet-metin{font-size:.86rem;line-height:1.45;margin:0;color:#2a2418;white-space:pre-wrap}
.ht-sheet-metin.dim{color:#7a6a4a;font-size:.82rem}
.ht-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.ht-sheet-grid span{background:#f3ecdc;border:1px solid #d2c4a8;border-radius:12px;padding:.55rem .65rem;font-size:.75rem;color:#7a6a4a}
.ht-sheet-grid b{display:block;color:#2a2418;font-size:1rem;font-variant-numeric:tabular-nums}
.ht-katman-liste{display:grid;gap:.35rem}
.ht-katman-liste article{border:1px solid #d2c4a8;border-radius:12px;padding:.5rem .65rem;background:#fff;font-size:.8rem;color:#5a4a32}
.ht-katman-liste strong{color:#2a2418}
.ht-chip-sira{display:flex;flex-wrap:wrap;gap:.35rem;margin:.3rem 0}
.ht-chip-sira button{appearance:none;border:1px solid #d2c4a8;background:#fff;color:#3a2e1a;border-radius:999px;font:650 .72rem/1.2 system-ui,sans-serif;padding:.35rem .65rem;cursor:pointer}
.ht-chip-sira button.on{border-color:#a88a40;color:#5a4218}
.ht-yaprak{margin:.35rem 0 0;padding:0;list-style:none;font-size:.72rem;font-family:ui-monospace,Consolas,monospace;line-height:1.4}
.ht-yaprak li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:.35rem;align-items:start;padding:.28rem 0;border-bottom:1px solid rgba(210,196,168,.7)}
.ht-yaprak .y{color:#7a6a4a;word-break:break-all}.ht-yaprak .d{color:#2a2418;word-break:break-word}
.ht-yaprak button{appearance:none;border:1px solid #d2c4a8;background:#fff;color:#6b5428;border-radius:8px;font:650 .65rem/1 system-ui,sans-serif;padding:.28rem .4rem;cursor:pointer}
.ht-yaprak button:disabled{opacity:.3;cursor:default}
.ht-sheet-kyn{font-size:.75rem;color:#7a6a4a;border-top:1px solid #d2c4a8;padding-top:.55rem;line-height:1.45;margin-top:.35rem}
.ht-sheet-kyn a{color:#6b5428}
.ht-mesafe-satir{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .35rem}
.ht-mesafe-btn{
  appearance:none;border:1px solid #d2c4a8;background:#fff;color:#3a2e1a;
  border-radius:10px;font:650 .72rem/1 system-ui,sans-serif;
  padding:.4rem .65rem;cursor:pointer;
}
.ht-mesafe-btn.on{border-color:#8a5a12;background:#ebe0c4;color:#5a4218}
.ht-mesafe-btn.ikincil{opacity:.85}
.ht-arac-satir{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.35rem .55rem;flex:0 0 auto;margin:.15rem 0 0;
}
.ht-arac-satir .ht-secim-satir{margin:0;flex:1 1 auto;min-width:8rem}
.ht-arac-btnlar{display:flex;flex-wrap:wrap;gap:.3rem}
.ht-arac-btn{
  appearance:none;border:1px solid #d2c4a8;background:#fffdf8;color:#3a2e1a;
  border-radius:10px;font:650 .7rem/1 system-ui,sans-serif;
  padding:.38rem .55rem;cursor:pointer;
}
.ht-arac-btn:hover{border-color:#a88a40;background:#ebe0c4}
.ht-arac-btn.on{border-color:#8a5a12;background:#ebe0c4;color:#5a4218}
.ht-katman-liste article.aktif{border-color:#a88a40;background:#f7f0e0}
.ht-katman-liste article.yok{border-style:dashed;opacity:.92}
.ht-katman-liste article.yok strong{color:#8a6500}
#htKatmanUyari:not([hidden]){
  color:#8a6500;background:#fff8e6;border:1px solid #e0a92e;
  border-radius:10px;padding:.45rem .6rem;margin:0 0 .4rem;font-size:.8rem;
}

/* —— Hesap uygulaması (terminal / hesap makinesi dili) —— */
#kok-hesap .kok-katla-ic{padding:.55rem .55rem 1rem}
.hs-app{
  background:
    radial-gradient(70% 50% at 0% 0%, rgba(46,125,50,.18), transparent 55%),
    linear-gradient(180deg,#0e1610 0%, #121a14 50%, #0a100c 100%);
  color:#cfe6d8;
  border:1px solid #2a3a2e;
  box-shadow:0 14px 36px rgba(0,0,0,.35);
  height:min(78vh,760px);
  min-height:min(64vh,580px);
}
.hs-app .alt-app-ust{
  background:linear-gradient(180deg,rgba(18,28,20,.95),rgba(18,28,20,.55));
  border-bottom:1px solid #2a3a2e;
}
.hs-app .alt-app-baslik{color:#81c784;letter-spacing:.12em;text-transform:uppercase;font-size:.88rem}
.hs-app .alt-app-alt{color:#8aa892}
.hs-app .alt-app-tab{
  background:rgba(10,16,12,.94);
  border-top-color:#2a3a2e;
}
.hs-app .alt-app-tab button{color:#8aa892}
.hs-app .alt-app-tab button[aria-selected="true"]{
  color:#c8f0d0;background:rgba(76,175,80,.16);
}
.hs-govde{overflow:auto;-webkit-overflow-scrolling:touch;padding:.65rem .7rem .8rem}
.hs-app .ana-alt-kapilar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem;
}
@media(min-width:520px){.hs-app .ana-alt-kapilar{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hs-app .ana-alt-kapilar button{
  background:#182218;border-color:#2f4234;color:#b7dcc4;
  min-height:3.1rem;border-radius:14px;font-size:.9rem;
}
.hs-app .ana-alt-kapilar button.panel-acik{
  background:#1e3a24;border-color:#66bb6a;color:#e8ffe8;
  box-shadow:0 0 0 1px rgba(102,187,106,.25);
}
.hs-app .ana-alt-kapilar button[hidden]{display:none!important}
.hs-sonuc{
  margin:.7rem 0 0;padding:.85rem;
  border-radius:14px;background:#070b08;color:#cfe6d8;
  font:500 .82rem/1.45 ui-monospace,Consolas,monospace;
  overflow:auto;max-height:280px;border:1px solid #2a3a2e;
  white-space:pre-wrap;word-break:break-word;
}
.hs-sonuc[hidden]{display:none!important}

#kok-harita .alt-app,#kok-hesap .alt-app{border-radius:14px}