/* Štefan, analytik obce (11. 10. 2026): predajná stránka /stefan, ukážka obce a aplikácia /stefan/app.
   Mobil najprv: karty a riadky na palec, zaoblené tlačidlá, filtre sa zalamujú, nič sa neposúva vodorovne.
   Formulár objednávky a karty Čo dostanete berie z kronika.css (kr-objednavka, krd), aplikácia z rámu Náskoku (naskok-demo.css). */
.st-hrdina{margin:6px 0 0;padding:22px 18px;border-radius:var(--r2,14px);background:#16345C;color:#fff}
.st-hrdina h1{color:#fff;margin:2px 0 8px;font-size:clamp(28px,6vw,40px);line-height:1.12}
.st-nadtitul{margin:0;font-size:13px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;opacity:.8}
.st-claim{margin:0 0 16px;font-size:17px;line-height:1.45;max-width:62ch}
.st-hladaj{position:relative;max-width:560px}
.st-hladaj label{display:block;margin:0 0 6px;font-weight:650;font-size:15px}
.st-hladaj-r{display:flex;gap:8px;flex-wrap:wrap}
.st-hladaj-r input{flex:1 1 200px;min-width:0;min-height:50px;padding:0 16px;border:0;border-radius:999px;font-size:16px;color:#1a1a1a;background:#fff}
.st-hladaj-r button{min-height:50px;border-radius:999px;padding:0 22px;flex:0 0 auto}
.st-navrhy{position:absolute;left:0;right:0;z-index:5;color:var(--text);background:var(--plocha)}
.st-cena-hore{margin:14px 0 0;font-size:15px}
.st-cena-hore a{color:#fff;font-weight:700}
.st-blok{margin:30px 0 0}
.st-blok h2{margin:0 0 10px}
.st-blok h3{margin:22px 0 8px;font-size:19px}
.st-m{color:var(--text2);font-size:14.5px}
.st-zdroj{margin:8px 0 0;color:var(--text3,var(--text2));font-size:13px;line-height:1.45}
.st-obce{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.st-obce a{display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:8px 14px;border:1px solid var(--ram2);border-radius:var(--r3);
  background:var(--plocha);color:var(--text);font-weight:650;text-decoration:none}
.st-obce a span{font-weight:400;font-size:13.5px;color:var(--text2)}
.st-obce a:hover{border-color:var(--modra,#1F5FAE)}
.st-ukazka{padding:18px 16px;border:2px solid #16345C;border-radius:var(--r2,14px);background:var(--plocha)}
.st-obec-info{font-size:16px;line-height:1.5}
/* karty výziev a zmlúv */
.st-zoz-k{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.st-k{padding:14px 14px 12px;border:1px solid var(--ram2);border-radius:var(--r3);background:var(--plocha);min-width:0}
.st-k.st-skoro{border-color:#C98200;box-shadow:inset 4px 0 0 #C98200}
.st-k-hlava{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.st-stitok{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--plocha2);color:var(--text2);font-size:12.5px;font-weight:650}
.st-stitok.st-presne{background:#16345C;color:#fff}
.st-k-n{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.st-k-m{margin:6px 0 0;color:var(--text2);font-size:14px;line-height:1.45}
.st-k-v{margin:6px 0 0;font-size:14.5px}
.st-k-o{display:inline-flex;align-items:center;min-height:40px;margin-top:4px;font-weight:650}
.st-usp{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--plocha2);font-size:14px}
.st-usp ul{margin:4px 0 0;padding-left:18px}
/* ceny */
.st-cena{margin:12px 0;padding:14px;border:1px solid var(--ram2);border-radius:var(--r3);background:var(--plocha)}
.st-cena h3{margin:0 0 6px;font-size:18px;color:var(--text)}
.st-cena-med{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--text);font-weight:400}
.st-zoz{margin:4px 0;padding-left:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-size:14.5px;line-height:1.45}
.st-zoz .st-m{display:block;font-size:13.5px}
.st-zoz li,.st-k,.st-cena,.st-vlastne,.st-usp{overflow-wrap:anywhere}
.st-vlastne{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:var(--akcent-jemna,var(--plocha2));font-size:14px}
.st-vlastne ul{margin:4px 0 0;padding-left:18px}
/* porovnanie */
.st-zoz-por{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.st-por{padding:12px 14px;border:1px solid var(--ram2);border-radius:var(--r3);background:var(--plocha)}
.st-por > b{display:block;margin:0 0 6px}
.st-por-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;font-size:14px;margin:6px 0 0}
.st-por-r > span:first-child{color:var(--text2)}
.st-por-r > b{grid-column:2;grid-row:1}
.st-pas{grid-column:1 / -1;display:block;height:8px;width:var(--w);border-radius:99px;background:#9DB2CF}
.st-pas.st-pas-obec{background:#16345C}
.st-pas.st-pas-sk{background:#C7D3E3}
.st-rozmaz{filter:blur(5px);pointer-events:none;user-select:none;opacity:.7}
/* zámok v ukážke */
.st-zamok{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:10px 0;padding:12px 14px;border:1px dashed #16345C;border-radius:var(--r3);background:var(--plocha2)}
.st-zamok p{flex:1 1 220px;margin:0;font-size:14.5px}
.st-zamok .tl{min-height:46px;border-radius:999px}
/* cena */
.st-pasma{display:grid;gap:10px;grid-template-columns:1fr;margin:8px 0 12px}
@media(min-width:640px){.st-pasma{grid-template-columns:repeat(3,1fr)}}
.st-pasmo{display:flex;flex-direction:column;gap:2px;padding:16px;border:1px solid var(--ram2);border-radius:var(--r3);background:var(--plocha)}
.st-pasmo span{font-weight:650}
.st-pasmo b{font-size:30px;line-height:1.1;color:var(--text)}
.st-pasmo small{color:var(--text2)}
.st-pasmo em{font-style:normal;font-size:13.5px;color:var(--text2);margin-top:4px}
.st-body{padding-left:18px;display:grid;gap:6px}
/* chat */
.st-chat{margin:10px 0;border:1px solid var(--ram2);border-radius:var(--r2,14px);background:var(--plocha);overflow:hidden}
.st-chat-hlava{display:flex;gap:10px;align-items:center;padding:12px 14px;background:#16345C;color:#fff}
.st-chat-hlava div{display:flex;flex-direction:column}
.st-chat-hlava span:not(.st-avatar){font-size:13px;opacity:.85}
.st-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#16345C;font-weight:800;font-size:19px;flex:none}
.st-chat-sp{list-style:none;margin:0;padding:12px;display:grid;gap:10px;max-height:60vh;overflow-y:auto}
.st-sp{max-width:92%;padding:10px 12px;border-radius:14px;font-size:15px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.st-sp-a{background:var(--plocha2);border-top-left-radius:4px}
.st-sp-q{justify-self:end;background:#16345C;color:#fff;border-top-right-radius:4px}
.st-sp-c{background:transparent;color:var(--text2);font-style:italic}
.st-sp-z{background:#FFF4DC;color:#5a4300}
.st-chat-cipy{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px}
.st-cip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid var(--ram);border-radius:999px;background:var(--plocha);
  color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer;text-decoration:none}
.st-cip.tu{background:#16345C;border-color:#16345C;color:#fff}
.st-cip small{opacity:.75}
.st-chat-f{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
.st-chat-f textarea{flex:1 1 240px;min-width:0;min-height:52px;padding:12px 14px;border:1px solid var(--ram);border-radius:24px;font:inherit;font-size:16px;
  resize:vertical;background:var(--plocha);color:var(--text)}
.st-chat-f button{min-height:52px;border-radius:999px;padding:0 22px}
.st-chat-pozn{margin:0;padding:0 14px 12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* aplikácia v ráme Náskoku */
main.nx-main .st-obsah{min-width:0}
main.nx-main .st-filtre{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
main.nx-main .st-viac{margin:0 0 6px;font-size:14px}
main.nx-main .st-dlazdice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
@media(min-width:900px){main.nx-main .st-dlazdice{grid-template-columns:repeat(4,minmax(0,1fr))}}
main.nx-main .st-dl{display:flex;flex-direction:column;gap:3px;min-height:132px;padding:14px;border:1px solid var(--ram2);border-radius:var(--nx-r-sm,8px);
  background:var(--plocha);color:var(--text);text-decoration:none}
main.nx-main .st-dl:hover{border-color:#16345C}
main.nx-main .st-dl b{font-size:26px;line-height:1.1}
main.nx-main .st-dl span:not(.pn-ik){font-weight:650;font-size:14.5px}
main.nx-main .st-dl small{color:var(--text2);font-size:13px}
main.nx-main .st-dl .pn-ik{width:34px;height:34px}
.st-app-vstup{max-width:520px;margin:24px auto;padding:0 16px}
.st-app-vstup .tl{min-height:50px;border-radius:999px}
/* rám Náskoku dedí nowrap riadkom zoznamov; v Štefanovi sa text zalamuje (inak 1 600 px na 390 px obrazovke) */
main.nx-main .st-obsah *{white-space:normal}
main.nx-main .st-obsah .st-sp{white-space:pre-line}
/* lišta appky: názov Štefana a obce viditeľný hneď (inak až po posune), farba služby pre obce */
body:has(.st-ram,.st-app-vstup) header.ah{background:#16345C}
body:has(.st-ram,.st-app-vstup) .ah-titul{opacity:1;transform:none}
body:has(.st-ram,.st-app-vstup) .ah-titul span{color:rgba(255,255,255,.8)}
/* ─── v2 (11. 10. 2026 12:08): aplikácia ako Náskok (stefan-app.js) ─── */
/* štítok ŠTEFAN namiesto NÁSKOK: farba služby pre obce */
.pro-st.st-znacka{background:#16345C;color:#fff;box-shadow:none}
html[data-theme="dark"] .pro-st.st-znacka{background:#2B5A94}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .pro-st.st-znacka{background:#2B5A94}}
/* vlastné texty Štefana sa zalamujú (rám Náskoku dedí nowrap riadkom zoznamov) */
main.nx-main .st-txt *,main.nx-main .st-demo *,main.nx-main .st-vl *,main.nx-main .st-viac *{white-space:normal}
main.nx-main .dm-cip small{margin-left:5px;opacity:.75}
/* pás ukážky: kompaktný, nad obrazovkou */
main.nx-main .st-demo{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--ram2);border-radius:14px;background:var(--plocha2);font-size:14px;line-height:1.45}
main.nx-main .st-demo p{margin:0 0 8px}
main.nx-main .st-demo .st-hladaj{max-width:none;margin:0 0 8px}
main.nx-main .st-demo .st-hladaj-r input{min-height:44px;border:1px solid var(--ram);background:var(--plocha);color:var(--text);font-size:16px}
main.nx-main .st-demo .st-hladaj-r button{min-height:44px;padding:0 18px}
main.nx-main .st-demo-a{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0}
main.nx-main .st-demo .st-kupit{min-height:44px;padding:0 18px;border-radius:999px;font-size:14.5px;text-align:center}
main.nx-main .st-prihlas{font-weight:650}
main.nx-main .st-viac-a{flex:none;font-weight:650;font-size:14.5px}
main.nx-main .nx-zoz-hl h3{margin:18px 0 8px;font-size:1.05rem}
main.nx-main .st-dlazdice{margin:14px 0 6px}
/* zmluvy obce v cenách */
main.nx-main .st-vl{margin:14px 0}
main.nx-main .st-vl h3{margin:0 0 8px;font-size:1.05rem}
main.nx-main .st-vl ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
main.nx-main .st-vl a{display:flex;flex-direction:column;gap:2px;min-height:52px;padding:10px 14px;border:1px solid var(--ram2);border-radius:12px;background:var(--plocha);color:var(--text);text-decoration:none}
main.nx-main .st-vl a span{color:var(--text2);font-size:14px}
main.nx-main .st-pocet{margin:10px 0}
main.nx-main .st-app-vstup{margin:16px 0}
main.nx-main .st-txt{overflow-wrap:anywhere}
/* Spustiť appku Štefan (Juraj 11. 10. 2026 13:20): hore v hrdinovi, pri ukážke obce, pri každom zámku a pri objednávke */
.st-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0}
.st-cta-hore{margin:0 0 18px}
.st-cta-hore>span{flex:1 1 220px;font-size:14px;opacity:.85}
.st-spustit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;
  background:#16345C;color:#fff;border:0;font-weight:800;font-size:17px;text-decoration:none}
.st-spustit:hover{background:#0E2645;color:#fff;text-decoration:none}
.st-spustit-ik{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#16345C;font-size:12px;line-height:1;padding-left:2px}
.st-hrdina .st-spustit{background:#fff;color:#16345C;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.st-hrdina .st-spustit:hover{background:#E8EEF7;color:#16345C}
.st-hrdina .st-spustit-ik{background:#16345C;color:#fff}
.st-zamok-tl{display:flex;flex-wrap:wrap;gap:8px}
.st-zamok .st-spustit{min-height:46px;font-size:15px;padding:0 18px}
.st-skor{margin:0 0 4px;font-weight:600}
html[data-theme="dark"] .st-spustit{background:#2B5A94}
html[data-theme="dark"] .st-hrdina .st-spustit{background:#fff}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .st-spustit{background:#2B5A94}html:not([data-theme="light"]) .st-hrdina .st-spustit{background:#fff}}
@media (max-width:600px){.st-cta .st-spustit,.st-zamok-tl .tl{flex:1 1 100%}}