:root{--miestas-dir-bg:#071018;--miestas-dir-panel:#0b1621;--miestas-dir-line:rgba(148,163,184,.2);--miestas-dir-text:#f8fafc;--miestas-dir-muted:#9fb0c3;--miestas-dir-accent:#38bdf8}
.miestas-directory-trigger{position:fixed;z-index:2147483000;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:0 1rem;border:1px solid rgba(125,211,252,.35);border-radius:999px;background:rgba(7,16,24,.78);box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(16px);color:#fff;font:800 .72rem/1 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.miestas-directory-trigger:hover,.miestas-directory-trigger:focus-visible{border-color:var(--miestas-dir-accent);background:rgba(14,116,144,.78);outline:none}
.miestas-directory{position:fixed;z-index:2147483100;inset:0;visibility:hidden;pointer-events:none}
.miestas-directory.is-open{visibility:visible;pointer-events:auto}
.miestas-directory__backdrop{position:absolute;inset:0;background:rgba(1,5,10,.7);opacity:0;transition:opacity .22s ease}
.miestas-directory.is-open .miestas-directory__backdrop{opacity:1}
.miestas-directory__panel{position:absolute;inset:0 auto 0 0;width:min(90vw,72rem);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:linear-gradient(160deg,#0c1a27 0%,var(--miestas-dir-bg) 70%);box-shadow:24px 0 70px rgba(0,0,0,.45);color:var(--miestas-dir-text);transform:translateX(-102%);transition:transform .28s cubic-bezier(.22,.8,.26,1);outline:none}
.miestas-directory.is-open .miestas-directory__panel{transform:translateX(0)}
.miestas-directory__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.2rem,3vw,2rem);border-bottom:1px solid var(--miestas-dir-line)}
.miestas-directory__eyebrow{display:block;color:#7dd3fc;font:800 .65rem/1 system-ui,sans-serif;letter-spacing:.2em}
.miestas-directory__header h2{margin:.35rem 0 0;color:#fff;font:750 clamp(1.65rem,3.2vw,3rem)/1 system-ui,sans-serif;letter-spacing:-.04em}
.miestas-directory__close{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--miestas-dir-line);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font:300 2rem/1 system-ui,sans-serif;cursor:pointer}
.miestas-directory__close:hover,.miestas-directory__close:focus-visible{border-color:#7dd3fc;background:rgba(56,189,248,.14);outline:none}
.miestas-directory__filters{display:grid;grid-template-columns:minmax(14rem,1.7fr) minmax(9rem,.8fr) minmax(9rem,.8fr);gap:.7rem;padding:1rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--miestas-dir-line)}
.miestas-directory__filters input,.miestas-directory__filters select{width:100%;height:2.9rem;padding:0 .9rem;border:1px solid var(--miestas-dir-line);border-radius:.8rem;background:#101e2b;color:#f8fafc;font:600 .84rem/1 system-ui,sans-serif;outline:none}
.miestas-directory__filters input:focus,.miestas-directory__filters select:focus{border-color:var(--miestas-dir-accent);box-shadow:0 0 0 3px rgba(56,189,248,.12)}
.miestas-directory__status{display:flex;align-items:center;min-height:2.6rem;padding:0 clamp(1rem,3vw,2rem);color:var(--miestas-dir-muted);font:700 .72rem/1 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.miestas-directory__list{min-height:0;overflow:auto;padding:0 clamp(1rem,3vw,2rem) 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-content:start;gap:.75rem;overscroll-behavior:contain}
.miestas-directory-card{position:relative;min-width:0;border:1px solid var(--miestas-dir-line);border-radius:1rem;background:rgba(255,255,255,.035);overflow:hidden}
.miestas-directory-card:hover{border-color:rgba(125,211,252,.55);background:rgba(56,189,248,.08)}
.miestas-directory-card.is-active{border-color:var(--miestas-dir-accent);box-shadow:inset 3px 0 0 var(--miestas-dir-accent)}
.miestas-directory-card__link{position:relative;display:flex;min-height:9rem;flex-direction:column;gap:.45rem;padding:1rem 3rem 1rem 1rem;color:#fff;text-decoration:none}
.miestas-directory-card__meta{color:#7dd3fc;font:800 .62rem/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.miestas-directory-card strong{font:750 1.05rem/1.2 system-ui,sans-serif;letter-spacing:-.02em}
.miestas-directory-card__excerpt{display:-webkit-box;overflow:hidden;color:var(--miestas-dir-muted);font:500 .78rem/1.45 system-ui,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.miestas-directory-card__arrow{position:absolute;top:1rem;right:1rem;color:#7dd3fc;font-size:1.1rem}
.miestas-directory__empty{grid-column:1/-1;display:flex;min-height:12rem;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border:1px dashed var(--miestas-dir-line);border-radius:1rem;color:var(--miestas-dir-muted);text-align:center}
.miestas-directory__empty strong{color:#fff}
.miestas-directory__footer{display:flex;justify-content:center;min-height:4.5rem;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));border-top:1px solid var(--miestas-dir-line)}
.miestas-directory__more,.miestas-directory__retry{min-height:2.8rem;padding:0 1.2rem;border:1px solid rgba(125,211,252,.42);border-radius:999px;background:rgba(14,116,144,.22);color:#e0f2fe;font:800 .72rem/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.miestas-directory__more:hover,.miestas-directory__retry:hover{background:#0e7490}
.miestas-directory-open{overflow:hidden}
@media(max-width:720px){.miestas-directory__panel{width:100vw}.miestas-directory__filters{grid-template-columns:1fr}.miestas-directory__list{grid-template-columns:1fr}.miestas-directory-trigger{top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left))}}
@media(prefers-reduced-motion:reduce){.miestas-directory__panel,.miestas-directory__backdrop{transition:none}}