#rozvoz-app{--bg:#f1f2f3;--card:#ffffff;--ink:#222426;--mute:#6a7076;--green:#2f3133;--brass:#d9b97a;--blue:#3f84c4;--line:#d9dcdf;--ok:#1f6b45}
#rozvoz-app *{box-sizing:border-box}
#rozvoz-app{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 Roboto,Arial,sans-serif}
#rozvoz-app .wrap{max-width:980px;margin:0 auto;padding:32px 20px 64px}
#rozvoz-app h1,#rozvoz-app h2{font-family:Roboto,Arial,sans-serif;font-weight:900;letter-spacing:.01em;margin:0;text-transform:uppercase}
#rozvoz-app h1{font-size:clamp(34px,6vw,56px);line-height:1.05;color:var(--green)}
#rozvoz-app h1::after{content:"";display:block;width:84px;height:6px;background:var(--brass);margin-top:14px;border-radius:3px}
#rozvoz-app h2{font-size:22px;margin-bottom:12px}
#rozvoz-app .lead{max-width:60ch;color:var(--mute);margin:12px 0 28px}
#rozvoz-app .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
@media(max-width:760px){#rozvoz-app .grid{grid-template-columns:1fr}}
#rozvoz-app .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
#rozvoz-app label{display:block;font-weight:600;margin:0 0 6px}
#rozvoz-app input[type=text],#rozvoz-app input[type=number]{width:100%;padding:11px 12px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:4px}
#rozvoz-app input:focus-visible,#rozvoz-app button:focus-visible{outline:3px solid var(--brass);outline-offset:1px}
#rozvoz-app .sug{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--card);max-height:200px;overflow:auto}
#rozvoz-app .sug:empty{display:none}
#rozvoz-app .sug li button{all:unset;display:block;width:100%;padding:9px 12px;cursor:pointer;box-sizing:border-box}
#rozvoz-app .sug li button:hover,#rozvoz-app .sug li button:focus-visible{background:var(--bg)}
#rozvoz-app .set{border:0;padding:0;margin:22px 0 0}
#rozvoz-app .set legend{font-weight:600;margin-bottom:8px;padding:0}
#rozvoz-app .chk{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer;font-weight:400;margin:0}
#rozvoz-app .chk input{width:20px;height:20px;accent-color:var(--blue)}
#rozvoz-app .hint{color:var(--mute);font-size:15px;margin:10px 0 0}
#rozvoz-app .result{display:flex;flex-direction:column;justify-content:space-between;background:#2b2d2f;color:#f1f2f3;border-color:#2b2d2f}
#rozvoz-app .price{font-family:Roboto,Arial,sans-serif;font-weight:900;font-size:clamp(56px,10vw,92px);line-height:1}
#rozvoz-app .price.free{color:var(--brass)}
#rozvoz-app .meta{margin:10px 0 0;opacity:.9}
#rozvoz-app .bar{height:8px;background:rgba(255,255,255,.18);border-radius:4px;overflow:hidden;margin:18px 0 6px}
#rozvoz-app .bar i{display:block;height:100%;width:0;background:#d9b97a;transition:width .3s}
#rozvoz-app .toggle{margin-top:16px}
#rozvoz-app .map{margin-top:20px;min-height:220px;display:grid;place-items:center;text-align:center;border-style:dashed;color:var(--mute)}
#rozvoz-app .err{color:#b3261e;font-size:15px;margin-top:6px;min-height:1.2em}
@media(prefers-reduced-motion:reduce){#rozvoz-app .bar i{transition:none}}