/* VstrekyBB – objednávkový formulár. Všetko je pod .vbb, aby sa to nebilo so šablónou webu. */
.vbb{
  --vbb-bg:#EEF1F0; --vbb-surface:#FFFFFF; --vbb-ink:#15202A; --vbb-muted:#5A6772; --vbb-line:#D3D9D8;
  --vbb-accent:#0E5E69; --vbb-accent-ink:#FFFFFF; --vbb-accent-soft:#DBEAEB;
  --vbb-signal:#A9650A; --vbb-signal-soft:#FBEED6; --vbb-stop:#AE3529; --vbb-stop-soft:#F8E0DC;
  --vbb-ok:#2C7A4C; --vbb-ok-soft:#DCEFE2;
  --vbb-pist:#93C572; --vbb-pist-soft:#EEF6E6; --vbb-pist-ink:#3F6B22; --vbb-pist-on:#1E3510;
  --vbb-r:10px;
  --vbb-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --vbb-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-family:var(--vbb-font); font-size:16px; line-height:1.5; color:var(--vbb-ink);
  max-width:600px; margin:0 auto; text-align:left;
}
.vbb *,.vbb *::before,.vbb *::after{box-sizing:border-box}
.vbb .vbb-card{background:var(--vbb-bg);border-radius:14px;padding:18px max(16px,3vw) 24px}
.vbb h2,.vbb h3{font-family:var(--vbb-font);font-weight:700;letter-spacing:0;text-transform:none;margin:0;line-height:1.2;color:var(--vbb-ink);text-wrap:balance}
.vbb h2{font-size:1.6rem}
.vbb h3{font-size:1.2rem}
.vbb p{margin:0}
.vbb a{color:var(--vbb-accent)}
.vbb .vbb-muted{color:var(--vbb-muted)}
.vbb .vbb-mono{font-family:var(--vbb-mono);font-variant-numeric:tabular-nums}

/* reset tlačidiel a polí, ktoré šablóny radi prefarbujú */
.vbb button,.vbb input,.vbb textarea{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;box-shadow:none;margin:0;line-height:1.35;min-height:0;width:auto;height:auto;-webkit-appearance:none;appearance:none}
.vbb button{cursor:pointer;background:none;border:0;border-radius:0;padding:0;text-align:left}
.vbb button:hover,.vbb button:focus{background-image:none}
.vbb button:focus-visible,.vbb input:focus-visible,.vbb textarea:focus-visible{outline:3px solid var(--vbb-accent);outline-offset:2px}

.vbb-progress{display:flex;gap:4px;margin:0 0 6px}
.vbb-progress i{flex:1;height:5px;border-radius:3px;background:var(--vbb-line)}
.vbb-progress i.on{background:var(--vbb-accent)}
.vbb-stepname{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--vbb-muted);font-weight:600}

.vbb-screen{display:flex;flex-direction:column;gap:18px;margin-top:10px}
.vbb-screen.tight{margin:0}
.vbb-lead{color:var(--vbb-muted)}
.vbb-grid{display:grid;gap:10px}
.vbb-grid.g2{grid-template-columns:1fr 1fr}
.vbb-grid.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:440px){.vbb-grid.g3{grid-template-columns:1fr 1fr}}
.vbb .vbb-tile b{overflow-wrap:anywhere}

.vbb .vbb-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--vbb-surface);border:2px solid var(--vbb-line);border-radius:var(--vbb-r);padding:14px;min-height:56px;min-width:0;color:var(--vbb-ink)}
.vbb .vbb-tile b{font-size:1.05rem;font-weight:600}
.vbb .vbb-tile span{font-size:.88rem;color:var(--vbb-muted)}
.vbb .vbb-tile.big{padding:18px}
.vbb .vbb-tile.big>b{font-size:1.2rem;font-weight:700}
.vbb .vbb-tile.sm{padding:10px 12px;min-height:48px;justify-content:center}
.vbb .vbb-tile[aria-pressed="true"]{border-color:var(--vbb-accent);background:var(--vbb-accent-soft)}
.vbb .vbb-tile:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.vbb .vbb-tile.no{background:var(--vbb-stop-soft);border-color:transparent;opacity:.75}
.vbb .vbb-tile.no b{color:var(--vbb-stop)}
.vbb .vbb-tile.no span{color:var(--vbb-stop);text-decoration:none;display:inline-block}
.vbb .vbb-tile.tel{border-style:dashed;border-color:var(--vbb-signal)}
.vbb .vbb-tile.tel b{color:var(--vbb-signal)}
.vbb .vbb-tile.pist{background:var(--vbb-pist-soft);border-color:var(--vbb-pist)}
.vbb .vbb-tile.pist b{color:var(--vbb-pist-ink)}
.vbb .vbb-tile.pist[aria-pressed="true"]{background:var(--vbb-pist);border-color:var(--vbb-pist)}
.vbb .vbb-tile.pist[aria-pressed="true"] b,.vbb .vbb-tile.pist[aria-pressed="true"] span{color:var(--vbb-pist-on)}
.vbb .vbb-tile b.pr{font-size:.9rem;font-weight:600;color:var(--vbb-ink)}
.vbb .vbb-tile small.vat{display:block;font-size:.78rem;color:var(--vbb-muted)}
.vbb-sub{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--vbb-muted);margin-bottom:-8px}

.vbb-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--vbb-surface);border:1px solid var(--vbb-line);border-radius:var(--vbb-r);padding:4px;gap:4px}
.vbb .vbb-seg button{padding:12px;border-radius:7px;font-weight:600;text-align:center;color:var(--vbb-ink)}
.vbb .vbb-seg button[aria-pressed="true"]{background:var(--vbb-accent);color:var(--vbb-accent-ink)}

.vbb label.vbb-f{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem;margin:0;color:var(--vbb-ink)}
.vbb label.vbb-f em{font-style:normal;font-weight:400;color:var(--vbb-muted);font-size:.85rem}
.vbb input[type=text],.vbb input[type=tel],.vbb input[type=email],.vbb textarea{color:var(--vbb-ink);background:var(--vbb-surface);border:2px solid var(--vbb-line);border-radius:var(--vbb-r);padding:12px 14px;width:100%;max-width:100%}
.vbb textarea{min-height:90px;resize:vertical}
.vbb input.bad{border-color:var(--vbb-stop)}
.vbb .vbb-err{color:var(--vbb-stop);font-size:.85rem;font-weight:500}
.vbb label.vbb-check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;font-weight:400;margin:0}
.vbb label.vbb-check input{-webkit-appearance:checkbox;appearance:checkbox;width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--vbb-accent)}
.vbb label.vbb-check.bad span{color:var(--vbb-stop)}
.vbb .vbb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.vbb-stepper{display:flex;align-items:center;gap:12px}
.vbb .vbb-stepper button{width:52px;height:52px;border-radius:var(--vbb-r);border:2px solid var(--vbb-line);background:var(--vbb-surface);font-size:1.6rem;font-weight:600;text-align:center;color:var(--vbb-ink)}
.vbb .vbb-stepper output{font-size:2rem;font-weight:700;min-width:3ch;text-align:center;font-variant-numeric:tabular-nums}

.vbb-box{border-radius:var(--vbb-r);padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.vbb-box b.t{font-weight:600;font-size:1.02rem}
.vbb-box.stop{background:var(--vbb-stop-soft)} .vbb-box.stop b.t{color:var(--vbb-stop)}
.vbb-box.warn{background:var(--vbb-signal-soft)} .vbb-box.warn b.t{color:var(--vbb-signal)}
.vbb-box.ok{background:var(--vbb-ok-soft)} .vbb-box.ok b.t{color:var(--vbb-ok)}
.vbb-box.info{background:var(--vbb-accent-soft)}
.vbb-box.cancel{background:var(--vbb-stop);color:#FFFFFF;gap:10px}
.vbb-box.cancel b.t{color:#FFFFFF;font-size:1.15rem}
.vbb a.vbb-btn.danger{display:block;background:#FFFFFF;color:var(--vbb-stop);text-decoration:none;font-weight:700;font-size:1.1rem}
.vbb a.vbb-phone{white-space:nowrap;font-family:var(--vbb-mono);font-weight:600;font-size:1.05rem;color:var(--vbb-ink);text-decoration:none;border-bottom:2px solid var(--vbb-accent)}

.vbb-nav{display:flex;gap:10px;margin-top:6px}
.vbb .vbb-btn{border-radius:var(--vbb-r);padding:15px 18px;font-weight:600;font-size:1.05rem;text-align:center}
.vbb .vbb-btn.pri{background:var(--vbb-accent);color:var(--vbb-accent-ink);flex:1}
.vbb .vbb-btn.pri:disabled{opacity:.4;cursor:not-allowed}
.vbb .vbb-btn.sec{background:var(--vbb-surface);border:2px solid var(--vbb-line);color:var(--vbb-ink)}

.vbb-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.vbb .vbb-day{flex:0 0 auto;width:74px;border:2px solid var(--vbb-line);background:var(--vbb-surface);border-radius:var(--vbb-r);padding:8px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--vbb-ink)}
.vbb .vbb-day small{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--vbb-muted);font-weight:600}
.vbb .vbb-day b{font-size:1.4rem}
.vbb .vbb-day span{font-size:.72rem;color:var(--vbb-muted)}
.vbb .vbb-day[aria-pressed="true"]{border-color:var(--vbb-accent);background:var(--vbb-accent-soft)}
.vbb .vbb-day:disabled{opacity:.45;cursor:not-allowed}
.vbb-est{font-size:.92rem;color:var(--vbb-muted)}
.vbb-loading{padding:8px 0}

.vbb-ticket{background:var(--vbb-surface);border:1px solid var(--vbb-line);border-radius:var(--vbb-r);overflow:hidden}
.vbb-ticket .hd{background:var(--vbb-accent);color:var(--vbb-accent-ink);padding:14px 16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.vbb-ticket .hd b{font-size:1.2rem}
.vbb-ticket dl{margin:0;padding:6px 16px 12px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.vbb-ticket dt{color:var(--vbb-muted);font-size:.9rem;font-weight:400}
.vbb-ticket dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}
.vbb ol.vbb-pack{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:10px}
.vbb-addr{font-weight:600;line-height:1.4}
.vbb a.vbb-map{display:inline-block;padding:10px 14px;border:2px solid var(--vbb-accent);border-radius:8px;background:var(--vbb-surface);color:var(--vbb-accent);font-weight:700;text-decoration:none}
.vbb .vbb-copy{align-self:flex-start;border:2px solid var(--vbb-line);background:var(--vbb-surface);border-radius:8px;padding:6px 12px;font-size:.88rem;font-weight:600}