.town-content{*{box-sizing:border-box}img{max-width:100%;height:auto;display:block}a{color:inherit}.hero{max-width:1200px;margin:0 auto;padding:32px 16px 8px}.znacky{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:18px;color:#221e18}.znacky img{display:inline-block;width:auto;height:26px}.znacky img+img{height:22px;margin-left:12px}h1{font-size:clamp(34px,5vw,52px);line-height:1.05;margin:0 0 14px}.uvod{font-size:19px;color:var(--soft);margin:0 0 20px;max-width:34em}.filtry{display:flex;flex-wrap:wrap;gap:8px}.filtry button{font:700 15px DM Sans,sans-serif;padding:8px 16px;border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.filtry button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.filtry .f-v[aria-pressed=true]{background:var(--v);border-color:var(--v)}.filtry .f-f[aria-pressed=true]{background:var(--f);border-color:var(--f)}.filtry .f-s[aria-pressed=true]{background:var(--s);border-color:var(--s)}.mapa-box{max-width:1200px;margin:0 auto;padding:8px 16px 0}.mapa{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #1f1e281f}.mapa img{width:100%}.pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;text-decoration:none;background:#fffffff0;border-radius:999px;padding:4px 10px 4px 4px;box-shadow:0 3px 10px #00000040;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .15s}.pin:hover,.pin:focus-visible{transform:translate(-50%,-50%) scale(1.08);z-index:2}.pin-n,.k-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;flex:none}.k-n{margin-right:8px;vertical-align:1px}.town-list{max-width:1200px;margin:0 auto;padding:16px}.karty{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:12px 0 40px}.karta{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s}.karta:hover{transform:translateY(-2px)}.karta img{aspect-ratio:16 / 10;object-fit:cover}.k-nazev{font-weight:700;font-size:17px;padding:10px 12px 4px}.k-tags{padding:0 12px 12px;display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px}.tag-v{background:var(--v-bg);color:var(--v);box-shadow:inset 0 0 0 1px #d11b7e59}.tag-f{background:var(--f-bg);color:var(--f)}.tag-s{background:var(--s-bg);color:var(--s)}.st{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:12px}.st-img img{border-radius:14px}.st h3{font-size:28px;margin:0 0 6px}.st-popis{color:var(--soft);margin:0 0 14px}.cases{list-style:none;margin:0;padding:0;display:grid;gap:12px}.case{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.case-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.case h4{margin:8px 0 4px;font-size:18px}.case p{margin:0 0 6px}.prod{font-size:14px;font-weight:700;color:var(--soft)}.detail{display:inline-block;margin-top:2px;font-weight:700;color:var(--v)}.detail:hover{color:var(--v-acc)}.prod a{color:var(--v)}.prod a:hover{color:var(--v-acc)}details{margin:6px 0 8px;border-top:1px dashed var(--line);padding-top:8px}summary{cursor:pointer;font-weight:700;color:var(--soft)}summary:hover{color:var(--ink)}details h5{margin:12px 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--soft)}.flow{list-style:none;margin:6px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.flow li{position:relative;flex:1 1 120px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 10px 10px 40px;font-size:15px;line-height:1.3;display:flex;align-items:center}.flow .n{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.flow li+li:before{content:"→";position:absolute;left:-9px;top:50%;transform:translate(-50%,-50%);color:var(--soft);font-weight:700}[hidden]{display:none!important}@media(max-width:820px){.st{grid-template-columns:1fr}.pin{padding:2px}.pin-l{display:none}.pin-n{width:22px;height:22px}.karty{grid-template-columns:repeat(2,1fr);gap:10px}.k-nazev{font-size:15px}.flow li+li:before{display:none}}.sestavy{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.sestava{font-weight:700;font-size:14px;text-decoration:none;padding:7px 12px;border-radius:10px;border:1.5px solid}.sestava-v{color:var(--v);border-color:#2b307459;background:var(--v-bg)}.sestava-f{color:var(--f);border-color:#a8472a59;background:var(--f-bg)}.sestava:hover{filter:brightness(.96)}.mapa-box{position:relative}.mapa-cela{display:block;margin:0 0 8px auto;font:inherit;font-size:.9rem;padding:6px 14px;border-radius:999px;border:1.5px solid #23285a;background:#fff;color:#23285a;cursor:pointer}.mapa-box.cela{position:fixed;inset:0;z-index:1000;max-width:none;margin:0;padding:12px;background:#15172e;display:flex;flex-direction:column;align-items:center;justify-content:center}.mapa-box.cela .mapa-cela{position:absolute;top:12px;right:12px;z-index:2;margin:0}.mapa-box.cela .mapa{width:min(100%,calc((100vh - 24px) * 16 / 9))}}.town-content{--paper: var(--vv-surface-muted);--surface: var(--vv-surface);--ink: var(--vv-primary);--soft: var(--vv-text-muted);--line: var(--vv-border);--v: var(--vv-primary);--v-acc: var(--vv-accent-strong);--v-bg: #fce4f1;--f: #126151;--f-bg: #def4ec;--s: #80510b;--s-bg: #fff0cf;background:linear-gradient(180deg,#fff 0,var(--vv-surface-muted) 750px);.town-back{padding-top:2rem}.hero,.mapa-box,.town-list{width:min(calc(100% - 2rem),var(--vv-content-max));max-width:none;margin-inline:auto;padding-inline:0}.mapa-box.cela{width:100%}.st{scroll-margin-top:6rem}.filtry button{font-family:inherit}.hero{padding-top:48px;padding-bottom:24px}.znacky{font:700 .78rem/1.6 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--v)}h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1}.uvod{font-size:1.125rem;max-width:42em}.filtry button{min-height:44px;border-width:1px}.filtry button[aria-pressed=true],.filtry .f-v[aria-pressed=true],.filtry .f-f[aria-pressed=true],.filtry .f-s[aria-pressed=true]{background:var(--v);border-color:var(--v)}.filtry button:hover{border-color:var(--v-acc)}.mapa{border-radius:24px;border:1px solid var(--line);box-shadow:0 18px 48px #2b30741f}.mapa-cela{min-height:44px;border-radius:12px;border-color:var(--v);color:var(--v)}.mapa-box.cela{background:#1a1f5c}.pin{box-shadow:0 3px 12px #2b307433}.pin-n,.k-n,.flow .n{background:var(--v)}.karty{gap:16px;margin-bottom:48px}.karta{border-radius:24px;box-shadow:0 8px 24px #2b30740f}.karta:hover{border-color:var(--v-acc);box-shadow:0 12px 32px #2b30741f}.k-nazev{padding:16px 16px 8px}.k-tags{padding:0 16px 16px}.tag-v{color:#95165b;border:1px solid #eab5d1;box-shadow:none}.tag-f{border:1px solid #aad8c7}.tag-s{border:1px solid #e6cc92}.st{padding:40px 0}.st-img img{border-radius:24px}.case{border-radius:24px;padding:20px}.case-configure{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;border:1px solid var(--v);border-radius:12px;padding:10px 16px;color:var(--v);font-weight:700;text-decoration:none}.case-configure:hover{border-color:var(--v-acc);color:var(--v-acc)}.sestava{display:inline-flex;align-items:center;min-height:44px;border-radius:12px;padding:10px 16px}.sestava-v{background:var(--vv-accent-strong);border-color:var(--vv-accent-strong);color:#fff}.sestava-f{border-color:var(--v);color:var(--v);background:#fff}.flow li{background:var(--paper);border-radius:12px}.hero{padding-top:1.5rem}@media(max-width:600px){.karty{gap:10px}.k-nazev{padding:12px 10px 8px}.k-tags{padding:0 10px 12px}.k-n{margin-right:4px}.case{padding:16px}}@media(prefers-reduced-motion:reduce){.pin,.karta{transition:none}}}