:root{--modra:#14507a;--modra2:#1d6fa5;--zlata:#e0a82e;--krem:#fffaf0;--ram:#ecdcb4;--txt:#22313a;--sed:#5d6b74}
*{box-sizing:border-box}
html,body{margin:0;background:#f6f4ef;color:var(--txt);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--modra2)}
.obal{max-width:720px;margin:0 auto;padding:12px 14px calc(28px + env(safe-area-inset-bottom))}
.hlava{display:flex;align-items:center;gap:12px;padding:6px 2px 12px}
.hlava img{height:44px;width:auto}
.hlava .t{font-weight:800;font-size:20px;color:var(--modra);line-height:1.15}
.hlava .t small{display:block;font-weight:500;font-size:13.5px;color:var(--sed)}
.karta{background:var(--krem);border:2px solid var(--ram);border-left:8px solid var(--zlata);border-radius:20px;padding:16px 16px 14px}
.riadok{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.pill{background:var(--zlata);color:#3b2a06;font-weight:800;letter-spacing:.08em;font-size:13px;padding:8px 14px;border-radius:30px}
.btn-zdiel{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--modra);color:var(--modra);font-weight:700;font-size:14px;padding:7px 14px;border-radius:30px;cursor:pointer}
.uvod{margin:2px 2px 12px;font-size:14.5px;line-height:1.45;color:var(--txt)}
.mriezka{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dl{background:#fff;border:1.5px solid #efe3c8;border-radius:16px;min-height:92px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;color:var(--modra);font-weight:700;font-size:14px;line-height:1.2;cursor:pointer;transition:transform .12s}
.dl:active{transform:scale(.97)}
.dl .i{font-size:28px;line-height:1}
.dl .von{font-size:11px;font-weight:600;color:var(--sed)}
.lista{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}
.jazyky{display:inline-flex;border:2px solid var(--modra);border-radius:30px;overflow:hidden}
.jazyky button{background:#fff;color:var(--modra);border:0;font-weight:800;font-size:14px;padding:7px 14px;cursor:pointer}
.jazyky button.on{background:var(--modra);color:#fff}
.plocha{display:none;background:#fff;border:2px solid var(--modra);color:var(--modra);font-weight:700;border-radius:18px;padding:10px 14px;font-size:14px;cursor:pointer;width:100%;margin-top:12px}
.plocha-ios{display:none;font-size:13.5px;color:var(--modra);background:#eef5fa;border-radius:10px;padding:8px 12px;margin-top:8px}
.kontakt{display:flex;gap:10px;margin-top:14px}
.kontakt a{flex:1;text-align:center;text-decoration:none;font-weight:700;padding:12px;border-radius:14px;background:var(--modra);color:#fff;font-size:15px}
.kontakt a.sv{background:#fff;color:var(--modra);border:2px solid var(--modra)}
/* detail */
.spat{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:#f6f4ef;padding:8px 0 10px}
.spat a{font-weight:800;text-decoration:none;color:var(--modra);font-size:16px}
h1{font-size:26px;line-height:1.2;color:var(--modra);margin:4px 0 10px}
.galeria{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px 12px;padding:0 14px}
.galeria img{height:220px;width:auto;max-width:86%;object-fit:cover;border-radius:14px;scroll-snap-align:start;flex:none;background:#e9e4d8}
.zoz{margin:0 0 12px;padding-left:20px;line-height:1.55;font-size:15.5px}
.odsek{font-size:15.5px;line-height:1.55;margin:0 0 10px}
.cena{background:var(--krem);border:2px solid var(--ram);border-radius:14px;padding:12px 14px;margin:6px 0 14px}
.cena b{display:block;color:var(--modra);margin-bottom:4px}
.cena div{font-size:15px;line-height:1.5}
.tlac{display:flex;flex-direction:column;gap:9px;margin:10px 0 16px}
.tlac a{display:block;text-align:center;text-decoration:none;font-weight:700;padding:13px;border-radius:14px;background:var(--modra);color:#fff;font-size:15.5px}
.tlac a.sv{background:#fff;color:var(--modra);border:2px solid var(--modra)}
.jedn{display:grid;gap:12px}
.jk{display:grid;grid-template-columns:120px 1fr;gap:12px;background:#fff;border:1.5px solid #efe3c8;border-radius:16px;overflow:hidden;text-decoration:none;color:var(--txt)}
.jk img{width:120px;height:100%;min-height:110px;object-fit:cover;background:#e9e4d8}
.jk .p{padding:10px 10px 10px 0}
.jk b{color:var(--modra);font-size:17px}
.jk .m{font-size:13.5px;color:var(--sed);margin:3px 0}
.jk .c{font-weight:800;color:var(--modra);font-size:15px}
.taxi{display:grid;gap:8px;margin:6px 0 14px}
.taxi a{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1.5px solid #efe3c8;border-radius:12px;padding:11px 12px;text-decoration:none;color:var(--txt);font-size:15px}
.taxi a span{font-weight:700;color:var(--modra);white-space:nowrap}
.pata{font-size:12px;color:var(--sed);text-align:center;margin-top:18px;line-height:1.5}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#1d2b33;color:#fff;padding:10px 16px;border-radius:20px;font-size:14px;opacity:0;transition:opacity .25s;pointer-events:none}
.toast.on{opacity:1}
@media (max-width:360px){.dl{font-size:13px}.dl .i{font-size:25px}.jk{grid-template-columns:100px 1fr}.jk img{width:100px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.nacitavam{text-align:center;color:#5d6b74;padding:40px 0}