/* =====================================================================
   KISELINA — ULAZ (stan br. 4)
   Sve je ograničeno na .kis-stan; ništa ne dira Hodnik ni druge stanove.
   ===================================================================== */

.kis-stan{
  --kis-surface:#121110;
  --kis-surface-2:#181512;
  --kis-surface-3:#221e1a;
  --kis-brd:#2f2821;
  --kis-brd-2:#241f19;
  --kis-brass:#c8a96a;
  --kis-brass-l:#dfc285;
  --kis-brass-m:#9b783e;
  --kis-brass-d:#6e5227;
  --kis-parch:#f4eee1;
  --kis-parch-m:#c8bfaa;
  --kis-subtle:#8e867b;
  --kis-red:#94382f;
  --kis-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --kis-body:"EB Garamond",Georgia,"Times New Roman",serif;
  --kis-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace;
  --kis-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --kis-senka-duboka:0 30px 60px -15px rgba(0,0,0,.85), 0 14px 28px -8px rgba(0,0,0,.6), 0 1px 3px rgba(0,0,0,.9);
  --kis-senka-meka:0 20px 40px -12px rgba(0,0,0,.75), 0 8px 16px -6px rgba(0,0,0,.5);
  box-sizing:border-box;
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  color:var(--kis-parch-m);
  font-family:var(--kis-sans);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  background-color:#0c0b0a;
  background-image:
    radial-gradient(ellipse 950px 750px at 78% 18%, rgba(216,178,114,.085) 0%, rgba(32,26,21,.45) 48%, rgba(12,11,10,.98) 85%),
    radial-gradient(circle 600px at 15% 70%, rgba(45,36,27,.22) 0%, rgba(0,0,0,0) 70%);
}

.kis-stan *, .kis-stan *::before, .kis-stan *::after{box-sizing:border-box}

/* tema drži overflow-x:hidden na html/body, što gasi sticky traku;
   clip čuva istu zaštitu od horizontalnog skrola, a sticky ostaje u funkciji */
html, body{overflow-x:clip}

.kis-stan a{color:inherit;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.kis-stan a:focus-visible{outline:2px solid var(--kis-brass);outline-offset:3px}
.kis-stan p{margin:0}
.kis-stan h1, .kis-stan h2, .kis-stan h3{margin:0;font-weight:500}
.kis-stan img{max-width:100%;height:auto}
.kis-stan blockquote{margin:0}
.kis-stan .kis-zeleni{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(52,211,153,.85);animation:kis-puls 2.4s ease-in-out infinite}
.kis-stan .kis-tocka{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(200,169,106,.7)}
.kis-stan .kis-tocka.mala{width:8px;height:8px;background:var(--kis-brass)}
.kis-stan .kis-brass{color:var(--kis-brass)}
.kis-stan .kis-parch{color:var(--kis-parch)}
@keyframes kis-puls{0%,100%{opacity:1}50%{opacity:.4}}

/* ---------------- 1. arhivska traka ---------------- */
.kis-stan .kis-bar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(12,11,10,.9);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(47,40,33,.7);
  padding:11px 0;
}
body.admin-bar .kis-bar{top:32px}

.kis-stan .kis-bar-inner{
  max-width:1560px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.kis-stan .kis-bar-levo{display:flex;align-items:center;gap:12px;min-width:0}

.kis-stan .kis-back{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  padding:7px 14px;
  border-radius:999px;
  border:1px solid rgba(155,120,62,.5);
  background:var(--kis-surface-2);
  color:var(--kis-brass-l);
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none !important;
}
.kis-stan .kis-back:hover{background:var(--kis-surface-3);border-color:var(--kis-brass);color:var(--kis-parch)}

/* ---------------- 2. ulaz ---------------- */
.kis-stan .kis-hero{
  position:relative;
  width:100%;
  border-bottom:1px solid rgba(47,40,33,.6);
  overflow:hidden;
}
.kis-stan .kis-hairline{
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(200,169,106,.45),rgba(0,0,0,0));
}
.kis-stan .kis-hero-inner{max-width:1560px;margin:0 auto;padding:44px 20px;width:100%}
.kis-stan .kis-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}

.kis-stan .kis-hero-levo{display:flex;flex-direction:column;justify-content:center;gap:26px;min-width:0}

/* Logo je naslov stana — stoji u H1 i drži se u punoj veličini, bez isecanja. */
.kis-stan .kis-logo{
  display:block;
  margin:0;
  padding:0;
  line-height:0;
}
.kis-stan .kis-logo img{
  display:block;
  width:min(100%,620px);
  max-width:100%;
  height:auto;
  filter:contrast(1.05) drop-shadow(0 20px 40px rgba(0,0,0,.9));
}

.kis-stan .kis-linija{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:2px}
.kis-stan .kis-roman{
  font-family:var(--kis-mono);
  font-size:clamp(12px,1.4vw,14px);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.45em;
  color:var(--kis-brass-l);
}
.kis-stan .kis-crta{height:1px;flex:1 1 40px;max-width:120px;background:rgba(155,120,62,.5)}

.kis-stan .kis-udica-blok{display:flex;flex-direction:column;gap:22px;padding-top:2px}
.kis-stan .kis-udica{
  font-family:var(--kis-display);
  font-weight:400;
  font-size:clamp(24px,3.2vw,40px);
  line-height:1.24;
  letter-spacing:-.005em;
  color:var(--kis-parch);
  max-width:44rem;
}
.kis-stan .kis-udica-dno{border-left:2px solid rgba(200,169,106,.5);padding:4px 0 4px 18px}
.kis-stan .kis-udica-dno p{
  font-family:var(--kis-body);
  font-size:clamp(17px,1.6vw,20px);
  line-height:1.7;
  color:rgba(200,191,170,.9);
  max-width:42rem;
}

/* prilozi na stolu */
.kis-stan .kis-hero-desno{
  position:relative;
  width:100%;
  min-height:440px;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
}
.kis-stan .kis-lampa{
  position:absolute;
  top:-40px;right:-40px;
  width:320px;height:320px;
  border-radius:50%;
  background:rgba(223,194,133,.1);
  filter:blur(64px);
  pointer-events:none;
}
.kis-stan .kis-art{position:absolute;display:block}
.kis-stan .kis-art:focus-visible{outline:2px solid var(--kis-brass);outline-offset:4px}

/* Đurino pismo na stolu */
.kis-stan .kis-art-pismo{
  top:6px;left:0;
  width:min(242px,68%);
  z-index:20;
  transform:rotate(-3deg);
}
.kis-stan .kis-art-pismo:hover{transform:rotate(-1deg) scale(1.03)}
.kis-stan .kis-ram{
  position:relative;
  display:block;
  padding:6px;
  border:1px solid #b8a788;
  border-radius:2px;
  background:#dcd0b8;
  box-shadow:var(--kis-senka-duboka);
}
.kis-stan .kis-ram img{display:block;width:100%;height:auto;border-radius:2px;filter:contrast(1.02)}
.kis-stan .kis-art-tab{
  position:absolute;
  top:-11px;left:14px;
  padding:2px 9px;
  border:1px solid rgba(155,120,62,.6);
  border-radius:2px;
  background:var(--kis-surface-2);
  font-family:var(--kis-mono);
  font-size:9px;
  color:var(--kis-brass-l);
  box-shadow:0 4px 10px rgba(0,0,0,.4);
  z-index:2;
}
.kis-stan .kis-art-signatura{
  position:absolute;
  right:10px;bottom:10px;
  display:flex;align-items:center;gap:6px;
  padding:4px 9px;
  border:1px solid rgba(200,169,106,.4);
  border-radius:2px;
  background:rgba(15,14,12,.9);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  box-shadow:0 8px 18px rgba(0,0,0,.5);
}
.kis-stan .kis-art-signatura span:last-child{
  font-family:var(--kis-mono);
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--kis-brass-l);
}

/* drugo: Rješenje o postavljanju (1910) — isti jezik kao pismo */
.kis-stan .kis-art-rjesenje{
  right:2%;bottom:2px;
  width:min(156px,46%);
  z-index:30;
  transform:rotate(1deg);
}
.kis-stan .kis-art-rjesenje:hover{transform:rotate(0) scale(1.04)}

/* treće: obavijest majci o pogibiji sina — gornji desni ugao stola */
.kis-stan .kis-art-vojnik{
  top:26px;right:0;
  width:min(148px,44%);
  z-index:26;
  transform:rotate(2deg);
}
.kis-stan .kis-art-vojnik:hover{transform:rotate(0) scale(1.04)}

/* ---------------- 3. indeks građe ---------------- */
.kis-stan .kis-indeks{width:100%;border-bottom:1px solid rgba(47,40,33,.7);background:#100f0e;padding:56px 0;scroll-margin-top:80px}
.kis-stan .kis-inner{max-width:1560px;margin:0 auto;padding:0 20px}
.kis-stan .kis-indeks-head{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding-bottom:26px;
  border-bottom:1px solid rgba(47,40,33,.8);
}
.kis-stan .kis-oznaka{
  display:flex;align-items:center;gap:9px;
  margin-bottom:6px;
  font-family:var(--kis-mono);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.25em;
  color:var(--kis-brass-m);
}
.kis-stan .kis-h2{
  font-family:var(--kis-display);
  font-size:clamp(27px,3vw,36px);
  line-height:1.15;
  letter-spacing:.02em;
  color:var(--kis-parch);
}

/* Sitna napomena uz naslov arhivske građe */
.kis-stan .kis-napomena{
  margin-top:10px;
  max-width:820px;
  font-family:var(--kis-mono);
  font-size:10px;
  line-height:1.75;
  letter-spacing:.01em;
  color:var(--kis-subtle);
}

.kis-stan .kis-fascikle{display:grid;grid-template-columns:1fr;gap:18px;padding-top:28px}

.kis-stan .kis-fascikla{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:260px;
  padding:22px;
  border:1px solid rgba(47,40,33,.8);
  border-radius:8px;
  background:linear-gradient(175deg,#1d1916 0%,#151311 100%);
  box-shadow:
    inset 0 1px 0 rgba(223,194,133,.12),
    inset 0 0 0 1px rgba(77,63,50,.35),
    0 12px 24px -6px rgba(0,0,0,.6);
  transition:border-color .3s ease,box-shadow .3s ease;
  color:inherit;
  text-decoration:none !important;
  cursor:pointer;
}
.kis-stan .kis-fascikla::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(155,120,62,.3),rgba(0,0,0,0));
}
.kis-stan .kis-fascikla:hover{
  border-color:rgba(155,120,62,.7);
  box-shadow:
    inset 0 1px 0 rgba(223,194,133,.22),
    inset 0 0 0 1px rgba(200,169,106,.45),
    0 16px 32px -8px rgba(0,0,0,.75);
}
.kis-stan .kis-fascikla-red{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-family:var(--kis-mono);font-size:11px}
.kis-stan .kis-fascikla-br{color:var(--kis-brass-l);font-weight:500;letter-spacing:.06em}
.kis-stan .kis-fascikla h3{font-family:var(--kis-display);font-size:23px;line-height:1.25;color:var(--kis-parch);margin-bottom:8px}
.kis-stan .kis-fascikla p{font-family:var(--kis-body);font-size:15px;line-height:1.7;color:var(--kis-subtle)}

.kis-stan .kis-fascikla:focus-visible{outline:2px solid var(--kis-brass);outline-offset:3px}

/* Hrpa na kartici: nekoliko listova iz fascikle, preklopljeni kao bačeni na sto */
.kis-stan .kis-fascikla-hrpa{
  position:relative;
  width:54%;
  max-width:140px;
  margin:20px auto 2px;
}
.kis-stan .kis-fascikla-hrpa img{
  display:block;
  width:100%;
  height:auto;
  padding:4px;
  border:1px solid #b8a788;
  border-radius:1px;
  background:#e7dcc2;
  box-shadow:0 12px 24px rgba(0,0,0,.6), inset 0 0 0 1px rgba(0,0,0,.12);
  transition:transform .3s ease,box-shadow .3s ease;
}
.kis-stan .kis-fascikla-hrpa img:nth-child(1){transform:rotate(-11deg);z-index:1}
.kis-stan .kis-fascikla-hrpa img:nth-child(2){position:absolute;top:0;left:0;transform:rotate(7.5deg) translate(9%,-6%);z-index:2}
.kis-stan .kis-fascikla-hrpa img:nth-child(3){position:absolute;top:0;left:0;transform:rotate(-4deg) translate(-8%,5%);z-index:3}
.kis-stan .kis-fascikla:hover .kis-fascikla-hrpa img{box-shadow:0 14px 26px rgba(0,0,0,.62), inset 0 0 0 1px rgba(0,0,0,.12)}
.kis-stan .kis-fascikla-aktivna{
  border-color:rgba(200,169,106,.7);
  background:linear-gradient(175deg,#241f19 0%,#181512 100%);
  box-shadow:
    inset 0 1px 0 rgba(223,194,133,.3),
    inset 0 0 0 1px rgba(200,169,106,.65),
    0 20px 40px -10px rgba(0,0,0,.85);
}
.kis-stan .kis-fascikla-aktivna::before{background:var(--kis-brass)}

/* ---------------- 4. dokument ---------------- */
.kis-stan .kis-dokument{position:relative;width:100%;padding:64px 0;background:#0a0908;border-bottom:1px solid rgba(47,40,33,.7);scroll-margin-top:80px}
.kis-stan .kis-dok-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
.kis-stan .kis-dok-levo{display:flex;flex-direction:column;gap:20px;min-width:0}
.kis-stan .kis-bedz-dokument{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;
  border:1px solid rgba(200,169,106,.4);
  border-radius:2px;
  background:rgba(200,169,106,.1);
  font-family:var(--kis-mono);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.25em;
  color:var(--kis-brass);
}
.kis-stan .kis-h2-dok{
  font-family:var(--kis-display);
  font-size:clamp(27px,3.2vw,36px);
  line-height:1.15;
  color:var(--kis-parch);
}
.kis-stan .kis-dok-napomena{font-family:var(--kis-mono);font-size:11px;font-style:italic;line-height:1.7;color:rgba(142,134,123,.7)}

.kis-stan .kis-dok-desno{display:flex;flex-direction:column;align-items:center;min-width:0}
.kis-stan .kis-mat{
  position:relative;
  width:100%;
  max-width:672px;
  padding:14px;
  border-radius:2px;
  background:#171412;
  box-shadow:
    inset 0 0 0 1px rgba(200,169,106,.2),
    inset 0 4px 20px rgba(0,0,0,.7),
    0 35px 70px -15px rgba(0,0,0,.95);
}
.kis-stan .kis-ugao{position:absolute;width:20px;height:20px;pointer-events:none}
.kis-stan .kis-ugao-tl{top:6px;left:6px;border-top:2px solid rgba(200,169,106,.8);border-left:2px solid rgba(200,169,106,.8)}
.kis-stan .kis-ugao-tr{top:6px;right:6px;border-top:2px solid rgba(200,169,106,.8);border-right:2px solid rgba(200,169,106,.8)}
.kis-stan .kis-ugao-bl{bottom:6px;left:6px;border-bottom:2px solid rgba(200,169,106,.8);border-left:2px solid rgba(200,169,106,.8)}
.kis-stan .kis-ugao-br{bottom:6px;right:6px;border-bottom:2px solid rgba(200,169,106,.8);border-right:2px solid rgba(200,169,106,.8)}
.kis-stan .kis-pismo{display:block;border-radius:2px;overflow:hidden;background:#d6c7ab;box-shadow:var(--kis-senka-duboka)}
.kis-stan .kis-pismo img{display:block;width:100%;height:auto}
.kis-stan .kis-pismo:hover{transform:translateY(-3px)}
.kis-stan .kis-mat-pod{
  display:flex;flex-direction:column;gap:6px;
  margin-top:14px;padding-top:12px;
  border-top:1px solid rgba(47,40,33,.7);
  font-family:var(--kis-mono);
  font-size:11px;
  letter-spacing:.04em;
  color:rgba(142,134,123,.8);
}
.kis-stan .kis-zlato{color:var(--kis-brass-l)}

/* ---------------- 4b. fascikle: sadržaj se otvara sa kartice ---------------- */
.kis-stan .kis-fascikla-view{
  width:min(1120px,94vw);
  max-height:88vh;
  padding:0;
  border:1px solid rgba(200,169,106,.5);
  border-radius:10px;
  background:#0e0d0c;
  color:var(--kis-parch);
  overflow:hidden;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.9);
}
.kis-stan .kis-fascikla-view::backdrop{background:rgba(4,4,4,.86)}
.kis-stan .kis-fascikla-view-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(47,40,33,.9);
  background:rgba(12,11,10,.96);
}
.kis-stan .kis-fascikla-view-naslov{
  min-width:0;
  font-family:var(--kis-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--kis-brass-l);
}
.kis-stan .kis-fascikla-view-zatvori{
  flex:0 0 auto;
  width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--kis-brd);
  border-radius:6px;
  background:#161412;
  color:var(--kis-brass-l);
  font-size:15px;
  line-height:1;
  cursor:pointer;
}
.kis-stan .kis-fascikla-view-zatvori:hover{background:var(--kis-surface-3);border-color:var(--kis-brass);color:var(--kis-parch)}
.kis-stan .kis-fascikla-view-telo{
  max-height:calc(88vh - 62px);
  overflow:auto;
  padding:24px;
  background:linear-gradient(180deg,#131110 0%,#0e0d0c 100%);
}
.kis-stan .kis-thumbs{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:22px;
  align-items:start;
}
.kis-stan .kis-thumb{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px;
  border:1px solid rgba(47,40,33,.85);
  border-radius:8px;
  background:linear-gradient(175deg,#1d1916 0%,#151311 100%);
  color:inherit;
  text-decoration:none !important;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.kis-stan .kis-thumb:hover{border-color:rgba(155,120,62,.8);box-shadow:0 16px 32px -10px rgba(0,0,0,.85)}
.kis-stan .kis-thumb:focus-visible{outline:2px solid var(--kis-brass);outline-offset:3px}
.kis-stan .kis-thumb-slika{
  display:block;
  padding:5px;
  border:1px solid #b8a788;
  border-radius:1px;
  background:#e7dcc2;
  box-shadow:0 12px 26px rgba(0,0,0,.55), inset 0 0 0 1px rgba(0,0,0,.12);
  transition:transform .3s ease,box-shadow .3s ease;
}
.kis-stan .kis-thumb-slika img{display:block;width:100%;height:auto}
.kis-stan .kis-thumb:nth-child(odd) .kis-thumb-slika{transform:rotate(-1.2deg)}
.kis-stan .kis-thumb:nth-child(even) .kis-thumb-slika{transform:rotate(1.2deg)}
.kis-stan .kis-thumb:hover .kis-thumb-slika{transform:rotate(0) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,.65)}
.kis-stan .kis-thumb-tekst{margin:0}
.kis-stan .kis-thumb-naslov{
  margin:0;
  font-family:var(--kis-display);
  font-size:18px;
  line-height:1.3;
  color:var(--kis-parch);
}
.kis-stan .kis-thumb-opis{
  margin:8px 0 0;
  font-family:var(--kis-body);
  font-size:14.5px;
  font-style:italic;
  line-height:1.65;
  color:var(--kis-subtle);
}
.kis-stan .kis-thumb-napomena{
  margin:8px 0 0;
  font-family:var(--kis-mono);
  font-size:10.5px;
  font-style:italic;
  line-height:1.6;
  color:rgba(142,134,123,.75);
}

@media (max-width:560px){
  .kis-stan .kis-thumbs{grid-template-columns:1fr;gap:18px}
  .kis-stan .kis-fascikla-view-telo{padding:16px}
}

/* ---------------- 4b. drugi eksponat (rešenje o postavljanju) ---------------- */
.kis-stan .kis-dok-grid-2, .kis-stan .kis-dok-grid-3, .kis-stan .kis-dok-grid-4{margin-top:clamp(46px,6vw,88px);padding-top:clamp(34px,4.4vw,60px);border-top:1px solid rgba(47,40,33,.7)}
.kis-stan .kis-dok-citat{font-family:var(--kis-body);font-style:italic;font-size:clamp(17px,1.6vw,20px);line-height:1.75;color:var(--kis-parch)}
.kis-stan .kis-pismo-lupa{cursor:zoom-in;position:relative}
.kis-stan .kis-pismo-lupa:hover{transform:translateY(-3px)}

/* ---------------- uvećani prikaz ---------------- */
.kis-stan .kis-lupa{
  position:fixed;
  inset:0;
  z-index:100;
  width:100vw;
  height:100vh;
  max-width:100vw;
  max-height:100vh;
  margin:0;
  padding:0;
  border:0;
  background:#0a0908;
  color:var(--kis-parch);
  display:none;
  flex-direction:column;
}
.kis-stan .kis-lupa[open]{display:flex}
.kis-stan .kis-lupa::backdrop{background:rgba(6,5,4,.92)}
.kis-stan .kis-lupa-bar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 14px;
  border-bottom:1px solid rgba(47,40,33,.85);
  background:rgba(12,11,10,.96);
}
.kis-stan .kis-lupa-naslov{
  min-width:0;
  font-family:var(--kis-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--kis-brass-l);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kis-stan .kis-lupa-kontrole{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.kis-stan .kis-lupa-nivo{
  min-width:74px;
  text-align:center;
  font-family:var(--kis-mono);
  font-size:10.5px;
  letter-spacing:.06em;
  color:var(--kis-subtle);
}
.kis-stan .kis-lupa-kontrole button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid rgba(155,120,62,.55);
  border-radius:999px;
  background:var(--kis-surface-2);
  color:var(--kis-brass-l);
  font-family:var(--kis-mono);
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease;
}
.kis-stan .kis-lupa-kontrole button:hover{background:var(--kis-surface-3);border-color:var(--kis-brass);color:var(--kis-parch)}
.kis-stan .kis-lupa-kontrole button:focus-visible{outline:2px solid var(--kis-brass);outline-offset:2px}
.kis-stan .kis-lupa-kontrole button[disabled]{opacity:.38;cursor:default}
.kis-stan .kis-lupa-zatvori{font-size:15px}
.kis-stan .kis-lupa-scena{
  flex:1 1 auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  padding:14px;
}
.kis-stan .kis-lupa-scena img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:calc(100vh - 132px);
  box-shadow:0 30px 60px -15px rgba(0,0,0,.9), 0 0 0 1px rgba(200,169,106,.25);
}
.kis-stan .kis-lupa-scena.uvecano{justify-content:flex-start}
.kis-stan .kis-lupa-scena.uvecano img{flex:0 0 auto;margin:0 auto;max-width:none;max-height:none}

/* ---------------- 5. reč pisca ---------------- */
.kis-stan .kis-autor{width:100%;padding:56px 0;background:#110f0e;scroll-margin-top:80px}
.kis-stan .kis-autor-inner{max-width:896px;margin:0 auto;padding:0 20px}
.kis-stan .kis-autor-box{
  position:relative;
  padding:24px 20px 24px 20px;
  border-left:2px solid rgba(200,169,106,.7);
  border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,var(--kis-surface-2) 0%,rgba(24,21,18,.6) 60%,rgba(24,21,18,0) 100%);
  box-shadow:var(--kis-senka-meka);
}
.kis-stan .kis-autor-oznaka{
  margin-bottom:12px;
  font-family:var(--kis-mono);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.25em;
  color:var(--kis-brass-l);
}
.kis-stan .kis-autor-citat{
  font-family:var(--kis-body);
  font-style:italic;
  font-size:clamp(19px,2vw,24px);
  line-height:1.7;
  color:var(--kis-parch);
  margin-bottom:0;
}

/* ---------------- 6. dno ---------------- */
.kis-stan .kis-dno{width:100%;border-top:1px solid rgba(47,40,33,.8);background:#090807;color:var(--kis-subtle);padding:44px 0;font-family:var(--kis-sans)}
.kis-stan .kis-dno-inner{
  max-width:1560px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  flex-direction:column;
  gap:26px;
  align-items:flex-start;
}
.kis-stan .kis-dno-red{
  font-family:var(--kis-display);
  font-size:clamp(18px,1.9vw,21px);
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--kis-parch);
  margin-bottom:6px;
}
.kis-stan .kis-dno-pod{font-family:var(--kis-mono);font-size:11.5px;letter-spacing:.04em;color:var(--kis-brass-m)}
.kis-stan .kis-dno-sred{display:flex;flex-direction:column;gap:4px;font-family:var(--kis-mono);font-size:11.5px;color:rgba(142,134,123,.7)}

/* ---------------- responsive ---------------- */
/* na telefonu i tabletu tema drži providni header (80px) preko vrha sadržaja */
@media (max-width:921px){
  .kis-stan{padding-top:80px}
}

@media (min-width:640px){
  .kis-stan .kis-bar{padding:12px 0}
  .kis-stan .kis-bar-inner{padding:0 40px;gap:16px}
  .kis-stan .kis-hero-inner{padding:52px 40px}
  .kis-stan .kis-hero-desno{min-height:540px}
  .kis-stan .kis-art-pismo{top:22px;left:16px;width:min(286px,64%)}
  .kis-stan .kis-art-rjesenje{right:16px;bottom:10px;width:min(178px,46%)}
  .kis-stan .kis-art-vojnik{top:40px;right:14px;width:min(196px,52%)}
  .kis-stan .kis-inner{padding:0 40px}
  .kis-stan .kis-indeks{padding:80px 0}
  .kis-stan .kis-fascikle{grid-template-columns:repeat(2,1fr);gap:20px}
  .kis-stan .kis-fascikla:last-child{grid-column:span 2}
  .kis-stan .kis-dokument{padding:88px 0}
  .kis-stan .kis-dok-grid{gap:48px}
  .kis-stan .kis-dok-desno{align-items:center}
  .kis-stan .kis-mat{padding:26px}
  .kis-stan .kis-ugao{width:24px;height:24px}
  .kis-stan .kis-ugao-tl{top:12px;left:12px}
  .kis-stan .kis-ugao-tr{top:12px;right:12px}
  .kis-stan .kis-ugao-bl{bottom:12px;left:12px}
  .kis-stan .kis-ugao-br{bottom:12px;right:12px}
  .kis-stan .kis-mat-pod{flex-direction:row;align-items:center;justify-content:space-between}
  .kis-stan .kis-autor{padding:72px 0}
  .kis-stan .kis-autor-inner{padding:0 32px}
  .kis-stan .kis-autor-box{padding:28px 24px 28px 36px}
  .kis-stan .kis-dno{padding:56px 0}
  .kis-stan .kis-dno-inner{padding:0 40px}
}

@media (min-width:768px){
  .kis-stan .kis-indeks-head{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .kis-stan .kis-dno-inner{flex-direction:row;align-items:center;justify-content:space-between}
}

@media (min-width:1024px){
  .kis-stan .kis-bar-inner{padding:0 64px}
  .kis-stan .kis-grid{grid-template-columns:repeat(12,1fr);gap:56px;align-items:center}
  .kis-stan .kis-hero-inner{padding:58px 64px}
  .kis-stan .kis-hero{min-height:calc(100vh - 53px);display:flex;align-items:center}
  .kis-stan .kis-hero-levo{grid-column:span 7;gap:23px}
  .kis-stan .kis-hero-desno{grid-column:span 5;min-height:560px}
  .kis-stan .kis-inner{padding:0 64px}
  .kis-stan .kis-indeks{padding:96px 0}
  .kis-stan .kis-fascikle{grid-template-columns:repeat(5,1fr);gap:18px}
  .kis-stan .kis-fascikla:last-child{grid-column:span 1}
  .kis-stan .kis-fascikla{min-height:280px;padding:22px}
  .kis-stan .kis-dok-grid{grid-template-columns:repeat(12,1fr);gap:64px}
  .kis-stan .kis-dok-levo{grid-column:span 4;position:sticky;top:96px}
  .kis-stan .kis-dok-desno{grid-column:span 8}
  .kis-stan .kis-dokument{padding:112px 0}
  .kis-stan .kis-autor{padding:96px 0}
  .kis-stan .kis-dno{padding:56px 0}
  .kis-stan .kis-dno-inner{padding:0 64px}
}

@media (max-width:782px){
  body.admin-bar .kis-bar{top:46px}
}

@media (max-width:420px){
  .kis-stan .kis-back{font-size:10.5px;padding:6px 10px;gap:7px}
  .kis-stan .kis-napomena{font-size:9.5px;line-height:1.7}
}

@media (prefers-reduced-motion:reduce){
  .kis-stan a, .kis-stan .kis-art, .kis-stan .kis-zeleni{transition:none;animation:none}
.kis-stan .kis-art-pismo:hover, .kis-stan .kis-art-rjesenje:hover, .kis-stan .kis-art-vojnik:hover{transform:none}
.kis-stan .kis-thumb-slika{transform:none;transition:none}
.kis-stan .kis-pismo:hover{transform:none}
}

/* --- nasleđivanje: pravila sajta (.entry-content p) ne smeju da preglasе naše redove --- */
.kis-stan .kis-dno-sred p{font-family:var(--kis-mono);font-size:11.5px;color:rgba(142,134,123,.7)}

/* =====================================================================
   STRANICE FASIKLI (dokumenti, fotografije, mesta)
   Isti svet kao ulaz u Kiselinu; samo sadržaj fascikle i dugme za nazad.
   ===================================================================== */

.kis-stan.kis-stan-stranica{min-height:100vh;padding-bottom:0}
.kis-stan .kis-stranica{width:100%;padding:48px 0 72px}
.kis-stan .kis-stranica-inner{max-width:1120px;margin:0 auto;padding:0 20px}
.kis-stan .kis-stranice-oznaka{margin-bottom:10px}
.kis-stan .kis-stranica .kis-h2{margin-bottom:30px}
.kis-stan .kis-stranica .kis-thumbs{padding-bottom:8px}

@media (min-width:640px){
  .kis-stan .kis-stranica{padding:72px 0 96px}
  .kis-stan .kis-stranica-inner{padding:0 40px}
  .kis-stan .kis-stranica .kis-thumbs{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}

@media (min-width:1024px){
  .kis-stan .kis-stranica{padding:88px 0 112px}
  .kis-stan .kis-stranica-inner{padding:0 64px}
}
