/* =====================================================
   Biznisa Srovnávač — dle Biznisa design booku
   (glass/gradient na momentech, pracovní plochy solidní)
   Scoped pod .bzs — bezpečné vedle Divi.
   ===================================================== */

/* Inter pro celý srovnávač (lightbox i partner embed) — když už font
   na stránce je (Divi/child), prohlížeč použije cache a nic nestáhne 2×. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

.bzs {
  /* Brand tokens (design book kap. 1) */
  --bzs-brand-600: #8A0B91;
  --bzs-brand-700: #7A0A81;
  --bzs-brand-800: #6A0871;
  --bzs-magenta-500: #C2185B;
  --bzs-pink-400: #D4537E;
  --bzs-purple-50: #F6ECFA;
  --bzs-purple-100: #EAD6EC;
  --bzs-ink: #26123A;
  --bzs-text-2: #6B6B72;
  --bzs-text-3: #9A9AA0;
  --bzs-surface: #FFFFFF;
  --bzs-border: #ECECEE;
  --bzs-border-brand: #E7D8EC;
  --bzs-success: #1D9E75;
  --bzs-danger: #E24B4A;

  /* Gradienty (kap. 2) */
  --bzs-grad-primary: linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%);
  --bzs-grad-hero: linear-gradient(155deg, #6A0871 0%, #A5177F 50%, #D4537E 100%);
  --bzs-grad-wash: linear-gradient(160deg, #F6ECFA 0%, #FBF6FD 45%, #FFFFFF 100%);

  /* Stíny (kap. 5) */
  --bzs-shadow-card: 0 2px 10px rgba(122, 10, 129, 0.08);
  --bzs-shadow-cta: 0 6px 16px rgba(138, 11, 145, 0.28);
  --bzs-shadow-float: 0 8px 22px rgba(0, 0, 0, 0.18);

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--bzs-ink);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.bzs *, .bzs *::before, .bzs *::after { box-sizing: border-box; }
.bzs button { font-family: inherit; cursor: pointer; }
.bzs h1, .bzs h2, .bzs h3 { margin: 0 0 10px; font-weight: 500; line-height: 1.2; letter-spacing: -0.01em; }
.bzs p { margin: 0 0 12px; }

/* ---------- Obrazovky ---------- */
.bzs .bzs-screen { display: none; }
.bzs .bzs-screen.is-active { display: block; }

/* =====================================================
   VSTUP — hero moment (grad-hero + glass panel)
   ===================================================== */
.bzs .bzs-hero {
  background: var(--bzs-grad-hero);
  border-radius: 22px;
  padding: clamp(24px, 5vw, 56px);
  color: #fff;
}
.bzs .bzs-hero h1 { color: #fff; font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 500; }
.bzs .bzs-hero .bzs-hero-sub { color: #F1D3E6; font-size: 0.95rem; max-width: 560px; }

.bzs .bzs-glass {
  background: rgba(255, 255, 255, 0.16);
  border: 0.5px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 22px;
  margin-top: 20px;
  max-width: 720px;
}
.bzs .bzs-label { display: block; font-size: 0.8rem; font-weight: 500; color: #F1D3E6; margin: 16px 0 8px; }
.bzs .bzs-glass .bzs-label:first-child { margin-top: 0; }

/* Typ řešení — glass-selectable dlaždice */
.bzs .bzs-types { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
@media (max-width: 700px) { .bzs .bzs-types { grid-template-columns: repeat(2, 1fr); } }
.bzs .bzs-type {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  padding: 12px 10px;
  color: #fff;
  text-align: left;
  transition: background .12s ease, border-color .12s ease;
  /* zarovnání obsahu nahoru — dlaždice mají různě dlouhé texty */
  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px;
}
.bzs .bzs-type .bzs-type-ico { display: block; margin-bottom: 4px; line-height: 0; }
.bzs .bzs-type .bzs-type-name { font-weight: 500; font-size: 0.86rem; display: block; }
.bzs .bzs-type .bzs-type-sub { font-size: 0.72rem; color: #F1D3E6; }
.bzs .bzs-type.is-selected {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.bzs .bzs-entry-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 560px) { .bzs .bzs-entry-fields { grid-template-columns: 1fr; } }
.bzs .bzs-select, .bzs .bzs-input {
  width: 100%; height: 44px; padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.92);
  color: var(--bzs-ink);
  border-radius: 12px; font-size: 0.95rem; font-family: inherit;
}
.bzs .bzs-select:focus, .bzs .bzs-input:focus { outline: none; border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,0.25); }

.bzs .bzs-stepper { display: flex; border-radius: 12px; overflow: hidden; background: rgba(255,255,255,0.92); border: 1px solid rgba(255,255,255,0.45); height: 44px; }
.bzs .bzs-stepper button { width: 44px; border: none; background: var(--bzs-purple-50); color: var(--bzs-brand-600); font-size: 1.15rem; font-weight: 500; }
.bzs .bzs-stepper input { flex: 1; min-width: 0; border: none; text-align: center; font-weight: 500; font-size: 0.95rem; background: transparent; color: var(--bzs-ink); }
.bzs .bzs-stepper input:focus { outline: none; }

/* Hlavní CTA na hero = Button/White (design book 6.3) */
.bzs .bzs-btn-white {
  display: block; width: 100%; margin-top: 20px;
  background: #fff; color: var(--bzs-brand-600);
  border: none; border-radius: 12px; height: 48px;
  font-size: 1rem; font-weight: 500;
  box-shadow: var(--bzs-shadow-float);
  transition: transform .12s ease;
}
.bzs .bzs-btn-white:hover { transform: translateY(-1px); }
.bzs .bzs-trust { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; font-size: 0.78rem; color: #F1D3E6; }
.bzs .bzs-trust span::before { content: "✓ "; color: #fff; }

/* =====================================================
   VÝSLEDKY — pracovní plocha (wash pozadí, solidní karty)
   ===================================================== */
.bzs .bzs-results { background: var(--bzs-grad-wash); border-radius: 22px; padding: clamp(14px, 2.5vw, 24px); }

/* Lišta zadání — chipy */
.bzs .bzs-params {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  background: var(--bzs-surface); border: 1px solid var(--bzs-border);
  border-radius: 14px; padding: 10px 14px; box-shadow: var(--bzs-shadow-card); margin-bottom: 14px;
}
.bzs .bzs-chip {
  background: var(--bzs-purple-50); color: var(--bzs-brand-700);
  border: 1px solid var(--bzs-border-brand); border-radius: 999px;
  padding: 6px 12px; font-size: 0.8rem; font-weight: 500;
}
.bzs .bzs-edit-link { margin-left: auto; background: none; border: none; color: var(--bzs-brand-600); font-weight: 500; font-size: 0.82rem; }

.bzs .bzs-layout { display: grid; grid-template-columns: 270px 1fr; gap: 16px; align-items: start; }
@media (max-width: 860px) { .bzs .bzs-layout { grid-template-columns: 1fr; } }

/* Filtry — solidní karta; na mobilu sbalené do bottom sheetu */
.bzs .bzs-filters { background: var(--bzs-surface); border: 1px solid var(--bzs-border); border-radius: 14px; padding: 16px; box-shadow: var(--bzs-shadow-card); position: sticky; top: 90px; }
.bzs .bzs-sheet-close { display: none; }
.bzs .bzs-filter-backdrop { display: none; }
.bzs .bzs-filter-toggle { display: none; }
@media (max-width: 860px) {
  .bzs .bzs-filter-toggle {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--bzs-surface); border: 1px solid var(--bzs-border-brand); color: var(--bzs-brand-700);
    border-radius: 999px; padding: 9px 16px; font-size: 0.85rem; font-weight: 500; box-shadow: var(--bzs-shadow-card);
  }
  .bzs .bzs-filter-toggle.has-active { background: var(--bzs-grad-primary); color: #fff; border-color: transparent; box-shadow: var(--bzs-shadow-cta); }
  .bzs .bzs-filters { display: none; }
  .bzs .bzs-filters.is-open {
    display: block; position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 99980;
    max-height: 82vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
    border-radius: 22px 22px 0 0; border: none; box-shadow: 0 -10px 40px rgba(38, 18, 58, 0.3);
    padding-bottom: 18px;
  }
  .bzs .bzs-filters.is-open .bzs-sheet-close { display: block; width: 100%; margin-top: 12px; position: sticky; bottom: 0; }
  .bzs .bzs-filter-backdrop.is-open { display: block; position: fixed; inset: 0; background: rgba(38, 18, 58, 0.45); z-index: 99970; }
}
.bzs .bzs-filters h3 { font-size: 1rem; display: flex; justify-content: space-between; align-items: baseline; }
.bzs .bzs-reset { background: none; border: none; color: var(--bzs-text-3); font-size: 0.74rem; text-decoration: underline; }
.bzs .bzs-fgroup { border-top: 1px solid var(--bzs-border); padding: 11px 0; }
.bzs .bzs-fgroup:first-of-type { border-top: none; }

/* Sekce filtrů (akordeon) — název = ACF field group na poptávce */
.bzs .bzs-fsec { border-top: 1px solid var(--bzs-border); }
.bzs .bzs-fsec:first-of-type { border-top: none; }
.bzs .bzs-fsec-head {
  display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 0;
  background: none; border: none; cursor: pointer; font-family: inherit; text-align: left;
  font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--bzs-text-2);
}
.bzs .bzs-fsec-head span:first-child { flex: 1; }
.bzs .bzs-fsec-count { font-size: 0.68rem; font-weight: 600; background: var(--bzs-brand-600); color: #fff; border-radius: 999px; padding: 1px 7px; }
.bzs .bzs-fsec-chev { font-size: 0.7rem; color: var(--bzs-text-3); transition: transform 0.15s ease; }
.bzs .bzs-fsec.is-open .bzs-fsec-chev { transform: rotate(180deg); }
.bzs .bzs-fsec-body { display: none; padding-bottom: 6px; }
.bzs .bzs-fsec.is-open .bzs-fsec-body { display: block; }
.bzs .bzs-fsec-body .bzs-fgroup:first-of-type { border-top: none; padding-top: 0; }

/* „Chci propojit s pokladnou" — vyhledávání + rolovací seznam pokladen */
.bzs .bzs-poslist { margin-top: 8px; }
.bzs .bzs-pos-search {
  width: 100%; height: 34px; border: 1px solid var(--bzs-border); border-radius: 9px;
  padding: 0 10px; font-family: inherit; font-size: 0.8rem; margin-bottom: 6px; background: #fff; color: var(--bzs-text-1);
}
.bzs .bzs-pos-search:focus { outline: none; border-color: var(--bzs-brand-600); }
.bzs .bzs-pos-opts { max-height: 210px; overflow-y: auto; border: 1px solid var(--bzs-border); border-radius: 9px; padding: 4px 10px; }
.bzs .bzs-pos-hint { font-size: 0.68rem; color: var(--bzs-text-3); margin: 6px 0 0; }
.bzs .bzs-fgroup-title { font-size: 0.72rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: var(--bzs-text-3); margin-bottom: 7px; }
.bzs .bzs-fopt { display: flex; align-items: center; gap: 9px; padding: 4px 0; font-size: 0.88rem; color: var(--bzs-text-2); cursor: pointer; }
.bzs .bzs-fopt input { width: 16px; height: 16px; accent-color: var(--bzs-brand-600); margin: 0; }

.bzs .bzs-results-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.bzs .bzs-count { font-weight: 500; font-size: 0.95rem; }
.bzs .bzs-sort select { height: 36px; border: 1px solid var(--bzs-border); border-radius: 10px; padding: 0 8px; font-family: inherit; font-size: 0.82rem; background: var(--bzs-surface); color: var(--bzs-ink); }

/* E-mail momenty — gradient moment (jediný gradient na pracovní ploše)
   Text nahoře, tři tlačítka v jednom řádku pod ním. */
.bzs .bzs-valuebar {
  background: var(--bzs-grad-primary);
  border-radius: 14px; padding: 14px 16px; margin: 12px 0;
  display: flex; flex-direction: column; gap: 10px;
  color: #fff; box-shadow: var(--bzs-shadow-cta);
}
.bzs .bzs-valuebar.is-nudge { animation: bzsNudge .5s ease 2; }
@keyframes bzsNudge { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
.bzs .bzs-valuebar .bzs-vb-text { font-size: 0.85rem; color: #F1D3E6; }
.bzs .bzs-valuebar .bzs-vb-text b { color: #fff; }
.bzs .bzs-vb-actions { display: flex; gap: 8px; }
.bzs .bzs-vb-btn {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #fff; border-radius: 999px; padding: 9px 10px; font-size: 0.8rem; font-weight: 500;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  white-space: nowrap;
}
.bzs .bzs-vb-btn:hover { background: rgba(255, 255, 255, 0.26); }
.bzs .bzs-vb-btn .bzs-ico { flex: 0 0 auto; }
@media (max-width: 640px) { .bzs .bzs-vb-actions { flex-direction: column; } .bzs .bzs-vb-btn { width: 100%; } }

/* Ikony (outline, currentColor) */
.bzs .bzs-ico, .bzs-modal .bzs-ico { display: inline-block; vertical-align: -3px; }
.bzs .bzs-type-ico .bzs-ico { width: 24px; height: 24px; }
.bzs .bzs-edit-link .bzs-ico { vertical-align: -2px; }

/* Karta nabídky — solidní (design book: dlaždice nikdy gradient/sklo) */
.bzs .bzs-offer {
  background: var(--bzs-surface); border: 1px solid var(--bzs-border);
  border-radius: 14px; box-shadow: var(--bzs-shadow-card);
  padding: 16px; margin-bottom: 12px;
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr auto; gap: 12px; align-items: center;
}
@media (max-width: 760px) { .bzs .bzs-offer { grid-template-columns: 1fr 1fr; } .bzs .bzs-offer .bzs-o-cta { grid-column: 1 / -1; } }
.bzs .bzs-badge { display: inline-block; font-size: 0.64rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; padding: 3px 8px; border-radius: 999px; margin-bottom: 5px; }
.bzs .bzs-badge.is-best { background: #E6F6EF; color: var(--bzs-success); }
.bzs .bzs-badge.is-match { background: var(--bzs-purple-50); color: var(--bzs-brand-700); }
.bzs .bzs-o-provider { font-weight: 500; font-size: 1rem; }
.bzs .bzs-o-name { font-size: 0.8rem; color: var(--bzs-text-3); }
.bzs .bzs-metric .bzs-m-val { font-weight: 500; font-size: 1rem; display: block; }
.bzs .bzs-metric .bzs-m-label { font-size: 0.7rem; color: var(--bzs-text-3); display: block; }
.bzs .bzs-metric.is-price .bzs-m-val { color: var(--bzs-brand-600); font-size: 1.1rem; }
/* fixní část provize jako pill pod procentem (karta nezalamuje hodnoty) */
.bzs .bzs-fixpill { display: inline-block; margin: 2px 0 3px; font-size: 0.64rem; font-weight: 600; background: var(--bzs-purple-50, #F6ECFA); color: var(--bzs-brand-600); border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.bzs .bzs-o-cta { display: flex; flex-direction: column; gap: 6px; align-items: stretch; }

/* Primární tlačítko = grad-primary (design book 6.3) */
.bzs .bzs-btn-primary {
  background: var(--bzs-grad-primary); color: #fff; border: none;
  border-radius: 12px; height: 44px; padding: 0 18px;
  font-size: 0.9rem; font-weight: 500; box-shadow: var(--bzs-shadow-cta);
  transition: transform .12s ease;
}
.bzs .bzs-btn-primary:hover { transform: translateY(-1px); }
.bzs .bzs-btn-ghost {
  background: transparent; color: var(--bzs-brand-600);
  border: 0.5px solid var(--bzs-brand-600); border-radius: 12px; height: 40px; padding: 0 16px;
  font-size: 0.85rem; font-weight: 500;
}
.bzs .bzs-detail-link { background: none; border: none; color: var(--bzs-brand-600); font-size: 0.76rem; text-decoration: underline; }

.bzs .bzs-o-tags { grid-column: 1 / -1; display: flex; gap: 6px; flex-wrap: wrap; border-top: 1px dashed var(--bzs-border); padding-top: 9px; }
.bzs .bzs-tag { font-size: 0.7rem; background: #FAFAFB; border: 1px solid var(--bzs-border); color: var(--bzs-text-2); padding: 3px 9px; border-radius: 999px; }

/* Prázdný stav (design book 6.11) */
.bzs .bzs-empty { text-align: center; padding: 44px 20px; color: var(--bzs-text-3); background: var(--bzs-surface); border: 1px dashed var(--bzs-border-brand); border-radius: 14px; }
.bzs .bzs-empty .bzs-empty-ico { font-size: 2rem; display: block; margin-bottom: 8px; }

/* Loading skeleton (design book 6.12) */
.bzs .bzs-skeleton { border-radius: 14px; height: 110px; margin-bottom: 12px; background: linear-gradient(90deg, var(--bzs-purple-50) 25%, #FBF6FD 50%, var(--bzs-purple-50) 75%); background-size: 200% 100%; animation: bzsShimmer 1.2s infinite; }
@keyframes bzsShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* =====================================================
   MODAL (e-mail momenty) — dialog dle 6.10
   ===================================================== */
.bzs-modal-bg { display: none; position: fixed; inset: 0; background: rgba(38, 18, 58, 0.55); z-index: 99990; align-items: center; justify-content: center; padding: 20px; }
.bzs-modal-bg.is-open { display: flex; }
.bzs-modal { background: #fff; border-radius: 16px; max-width: 420px; width: 100%; padding: 26px; box-shadow: var(--bzs-shadow-float, 0 8px 22px rgba(0,0,0,0.18)); font-family: 'Inter', sans-serif; color: #26123A; }
.bzs-modal h3 { font-size: 1.05rem; font-weight: 500; margin: 0 0 6px; }
.bzs-modal p { font-size: 0.85rem; color: #6B6B72; margin: 0 0 12px; }
.bzs-modal .bzs-m-input { width: 100%; height: 44px; padding: 0 14px; border: 1px solid #ECECEE; border-radius: 12px; font-size: 0.95rem; font-family: inherit; }
.bzs-modal .bzs-m-input:focus { outline: none; border-color: #8A0B91; box-shadow: 0 0 0 3px rgba(138, 11, 145, 0.14); }
.bzs-modal .bzs-m-input.is-error { border-color: #E24B4A; }
.bzs-modal .bzs-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 0.72rem; color: #9A9AA0; margin: 12px 0; }
.bzs-modal .bzs-consent input { accent-color: #8A0B91; margin-top: 2px; }
.bzs-modal .bzs-m-close { float: right; background: none; border: none; font-size: 1.2rem; color: #9A9AA0; }
.bzs-modal .bzs-m-success { text-align: center; padding: 8px 0; }
.bzs-modal .bzs-m-success .bzs-m-big { font-size: 2.2rem; }
.bzs-modal .bzs-btn-primary {
  width: 100%; background: linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%);
  color: #fff; border: none; border-radius: 12px; height: 44px; font-size: 0.9rem; font-weight: 500;
  box-shadow: 0 6px 16px rgba(138, 11, 145, 0.28); font-family: inherit; cursor: pointer;
}
.bzs-modal .bzs-btn-ghost {
  width: 100%; margin-top: 8px; background: transparent; color: #8A0B91;
  border: 0.5px solid #8A0B91; border-radius: 12px; height: 40px; font-size: 0.85rem; font-weight: 500;
  font-family: inherit; cursor: pointer;
}

/* Lightbox — detail nabídky (vlastní obsah z REST /offer/{id}) */
.bzs-lightbox { display: none; position: fixed; inset: 0; z-index: 99985; font-family: 'Inter', -apple-system, sans-serif; color: #26123A; }
.bzs-lightbox.is-open { display: block; }
.bzs-lightbox .bzs-lb-backdrop { position: absolute; inset: 0; background: rgba(38, 18, 58, 0.6); }
.bzs-lightbox .bzs-lb-panel {
  position: relative; width: min(960px, 96vw); max-height: 86vh;
  margin: 6vh auto 0; background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.35); display: flex; flex-direction: column;
}
.bzs-lightbox .bzs-lb-close {
  align-self: flex-end; margin: 10px 12px 0; border: none; cursor: pointer; font-family: inherit;
  background: linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%);
  color: #fff; font-weight: 500; font-size: 0.85rem; border-radius: 10px; padding: 9px 14px; flex: 0 0 auto;
}
.bzs-lightbox .bzs-lb-content { overflow-y: auto; padding: 4px 24px 24px; }
.bzs-lightbox .bzs-lb-head { display: flex; align-items: center; gap: 16px; padding: 6px 0 14px; border-bottom: 1px solid #ECECEE; }
.bzs-lightbox .bzs-lb-head h3 { margin: 0; font-size: 1.15rem; font-weight: 500; }
.bzs-lightbox .bzs-lb-provider { font-size: 0.78rem; color: #9A9AA0; }
.bzs-lightbox .bzs-lb-logo { max-height: 44px; max-width: 130px; object-fit: contain; }
.bzs-lightbox .bzs-lb-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 14px 0; }
@media (max-width: 560px) { .bzs-lightbox .bzs-lb-metrics { grid-template-columns: repeat(2, 1fr); } }
.bzs-lightbox .bzs-metric .bzs-m-val { font-weight: 500; font-size: 1rem; display: block; }
.bzs-lightbox .bzs-metric .bzs-m-label { font-size: 0.7rem; color: #9A9AA0; }
.bzs-lightbox .bzs-metric.is-price .bzs-m-val { color: #8A0B91; font-size: 1.1rem; }
.bzs-lightbox .bzs-lb-section { font-size: 0.72rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: #9A9AA0; margin: 14px 0 6px; border-top: 1px solid #ECECEE; padding-top: 12px; }
.bzs-lightbox .bzs-lb-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 0.85rem; font-family: 'Inter', -apple-system, sans-serif; border-bottom: 1px dashed #EDE4F2; }
.bzs-lightbox .bzs-lb-row:last-child { border-bottom: none; }
.bzs-lightbox .bzs-lb-row b { margin-left: auto; font-weight: 500; white-space: nowrap; }
.bzs-lightbox .bzs-lb-thumb { width: 34px; height: 34px; border-radius: 8px; border: 1px solid #ECECEE; object-fit: cover; flex: 0 0 auto; }
.bzs-lightbox .bzs-lb-thumb-empty { background: #F6ECFA; display: inline-block; }
.bzs-lightbox .bzs-lb-desc { font-size: 0.88rem; color: #6B6B72; }
.bzs-lightbox .bzs-lb-desc p { margin: 0 0 8px; }
.bzs-lightbox .bzs-lb-svcrow { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 4px; margin-top: 8px; }
.bzs-lightbox .bzs-lb-svc { font-size: 0.76rem; color: #9A9AA0; background: #FAFAFB; border: 1px solid #ECECEE; border-radius: 999px; padding: 4px 10px; }
.bzs-lightbox .bzs-lb-svc b { font-weight: 500; color: #6B6B72; }
.bzs-lightbox .bzs-lb-svc.is-yes { background: #F6ECFA; border-color: #E7D8EC; }
.bzs-lightbox .bzs-lb-svc.is-yes b { color: #8A0B91; }
.bzs-lightbox .bzs-lb-longrow { padding: 6px 0; }
.bzs-lightbox .bzs-lb-longlabel { font-size: 0.82rem; font-weight: 500; margin-bottom: 4px; }
.bzs-lightbox .bzs-lb-row a { color: #8A0B91; text-decoration: underline; }
.bzs-lightbox .bzs-lb-cta { margin-top: 16px; }
.bzs-lightbox .bzs-lb-cta .bzs-btn-primary {
  width: 100%; background: linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%);
  color: #fff; border: none; border-radius: 12px; height: 46px; font-size: 0.95rem; font-weight: 500;
  box-shadow: 0 6px 16px rgba(138, 11, 145, 0.28); font-family: inherit; cursor: pointer;
}
.bzs-lightbox .bzs-skeleton { border-radius: 14px; height: 90px; background: linear-gradient(90deg, #F6ECFA 25%, #FBF6FD 50%, #F6ECFA 75%); background-size: 200% 100%; animation: bzsShimmer 1.2s infinite; }
.bzs-lightbox .bzs-empty { text-align: center; padding: 30px; color: #9A9AA0; }

/* Detail — layout C: obsah vlevo, přilepený souhrn vpravo.
   Na mobilu (jeden sloupec) jde souhrn PRVNÍ, pak poplatky, pak zařízení (pořadí v DOM). */
.bzs-lightbox .bzs-lb-grid { display: block; }
@media (min-width: 861px) {
  .bzs-lightbox .bzs-lb-grid { display: grid; grid-template-columns: 1fr 300px; gap: 0 28px; align-items: start; }
  .bzs-lightbox .bzs-lb-main { grid-column: 1; grid-row: 1; }
  .bzs-lightbox .bzs-lb-side { grid-column: 2; grid-row: 1; position: sticky; top: 6px; }
  .bzs-lightbox .bzs-lb-cta-bottom { display: none; } /* CTA je trvale vidět v souhrnu */
}
.bzs-lightbox .bzs-lb-side { padding-top: 14px; }
.bzs-lightbox .bzs-lb-intro { padding-top: 12px; }
.bzs-lightbox .bzs-lb-ext { font-size: 0.72rem; }

/* Souhrn (gradient karta) */
.bzs-lightbox .bzs-lb-sum {
  background: linear-gradient(155deg, #6A0871 0%, #A5177F 50%, #D4537E 100%);
  border-radius: 16px; padding: 18px; color: #fff; box-shadow: 0 12px 30px rgba(106, 8, 113, 0.32);
}
.bzs-lightbox .bzs-lb-sum-t { font-size: 0.72rem; color: #F1D3E6; margin-bottom: 2px; }
.bzs-lightbox .bzs-lb-sum-big { font-size: 1.6rem; font-weight: 600; line-height: 1.1; }
.bzs-lightbox .bzs-lb-sum-big span { font-size: 0.8rem; font-weight: 400; color: #F1D3E6; }
.bzs-lightbox .bzs-lb-sum-ctx { font-size: 0.7rem; color: #F1D3E6; margin-top: 3px; }
.bzs-lightbox .bzs-lb-sum-brk { margin-top: 12px; border-top: 0.5px solid rgba(255, 255, 255, 0.35); padding-top: 8px; }
.bzs-lightbox .bzs-lb-sum-row { display: flex; justify-content: space-between; gap: 10px; font-size: 0.76rem; padding: 4px 0; }
.bzs-lightbox .bzs-lb-sum-row span { color: #F1D3E6; }
.bzs-lightbox .bzs-lb-sum-row b { font-weight: 600; white-space: nowrap; }
.bzs-lightbox .bzs-lb-sum-row.is-tot { border-top: 0.5px solid rgba(255, 255, 255, 0.35); margin-top: 5px; padding-top: 8px; }
.bzs-lightbox .bzs-lb-sum-cta {
  display: block; width: 100%; margin-top: 14px; background: #fff; color: #8A0B91;
  font-size: 0.9rem; font-weight: 600; border: none; border-radius: 11px; padding: 13px;
  font-family: inherit; cursor: pointer; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
}
.bzs-lightbox .bzs-lb-sum-cta:hover { transform: translateY(-1px); }
.bzs-lightbox .bzs-lb-sum-ghost {
  display: block; width: 100%; margin-top: 8px; background: transparent; color: #fff;
  font-size: 0.78rem; font-weight: 500; border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 11px; padding: 10px; font-family: inherit; cursor: pointer; text-align: center;
}
.bzs-lightbox .bzs-lb-trust { margin: 14px 4px 0; font-size: 0.74rem; color: #6B6B72; }
.bzs-lightbox .bzs-lb-trust div { padding: 3px 0; }
.bzs-lightbox .bzs-lb-bizzy { margin-top: 12px; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.bzs-lightbox .bzs-lb-bizzy img { width: 92px; display: block; }
.bzs-lightbox .bzs-lb-bubble {
  background: #fff; border: 1px solid #ECECEE; border-radius: 12px 12px 12px 2px;
  padding: 8px 11px; font-size: 0.7rem; color: #6B6B72; box-shadow: 0 4px 12px rgba(38, 18, 58, 0.08);
}
.bzs-lightbox .bzs-lb-bubble b { color: #8A0B91; font-weight: 600; }

/* Zařízení v nabídce — větší obrázky, název jako odkaz, cenový štítek */
.bzs-lightbox .bzs-lb-devrow { padding: 9px 0; border-bottom: 1px solid #EDE4F2; }
.bzs-lightbox .bzs-lb-devrow:last-child { border-bottom: none; }
.bzs-lightbox .bzs-lb-thumb-lg { width: 52px; height: 52px; border-radius: 10px; background: #F6ECFA; object-fit: contain; }
.bzs-lightbox .bzs-lb-thumb-ico { display: inline-flex; align-items: center; justify-content: center; color: #8A0B91; border: 1px solid #ECECEE; }
.bzs-lightbox .bzs-lb-devrow a { color: #8A0B91; font-weight: 500; text-decoration: none; border-bottom: 1px solid #E3C6E9; }
.bzs-lightbox .bzs-lb-devsub { display: block; font-size: 0.72rem; color: #9A9AA0; margin-top: 2px; }
.bzs-lightbox .bzs-lb-pricetag {
  margin-left: auto; font-size: 0.72rem; font-weight: 600; white-space: nowrap;
  background: #F6ECFA; color: #8A0B91; border-radius: 999px; padding: 4px 11px;
}
.bzs-lightbox .bzs-lb-pricetag.is-free { background: #E8F6EE; color: #177245; }
.bzs-lightbox .bzs-lb-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.bzs-lightbox .bzs-lb-chip { font-size: 0.66rem; background: #F6ECFA; color: #26123A; border-radius: 999px; padding: 3px 9px; }

/* Pokladny jako pilly (dlouhé seznamy) */
.bzs-lightbox .bzs-lb-pills { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0 8px; }
.bzs-lightbox .bzs-lb-pill {
  font-size: 0.74rem; background: #F6ECFA; color: #26123A; border-radius: 999px;
  padding: 5px 12px; text-decoration: none; border: none; line-height: 1.3;
}
.bzs-lightbox a.bzs-lb-pill:hover { background: #EEDCF3; color: #8A0B91; }

/* Karetní schémata — dlaždice se stavem podpory */
.bzs-lightbox .bzs-lb-schemes { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0 8px; }
.bzs-lightbox .bzs-lb-scheme {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  min-width: 82px; padding: 9px 12px; border: 1.5px solid #EDE4F2; border-radius: 12px; background: #fff;
}
.bzs-lightbox .bzs-lb-scheme b { font-size: 0.74rem; font-weight: 600; color: #26123A; }
.bzs-lightbox .bzs-lb-scheme img { max-height: 20px; max-width: 56px; object-fit: contain; display: block; }
.bzs-lightbox .bzs-lb-scheme-mark { font-size: 0.68rem; font-weight: 700; line-height: 1; }
.bzs-lightbox .bzs-lb-scheme-fee { font-size: 0.62rem; color: #9A9AA0; }
.bzs-lightbox .bzs-lb-scheme.is-yes { border-color: #7BC9A2; background: #F5FBF8; }
.bzs-lightbox .bzs-lb-scheme.is-yes .bzs-lb-scheme-mark { color: #1D9E75; }
.bzs-lightbox .bzs-lb-scheme.is-no { border-color: #EFC5C5; background: #FCF7F7; opacity: 0.72; }
.bzs-lightbox .bzs-lb-scheme.is-no b { color: #9A9AA0; }
.bzs-lightbox .bzs-lb-scheme.is-no img { filter: grayscale(1); opacity: 0.7; }
.bzs-lightbox .bzs-lb-scheme.is-no .bzs-lb-scheme-mark { color: #C44; }

/* Toast */
.bzs-toast { position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%) translateY(80px); background: #26123A; color: #fff; padding: 11px 20px; border-radius: 999px; font-size: 0.85rem; font-family: 'Inter', sans-serif; opacity: 0; transition: all .3s ease; z-index: 99999; box-shadow: 0 10px 30px rgba(0,0,0,0.25); }
.bzs-toast.is-show { transform: translateX(-50%) translateY(0); opacity: 1; }

/* =====================================================
   OBJEDNÁVKA (native mód) + HOTOVO
   ===================================================== */
.bzs .bzs-order-layout { display: grid; grid-template-columns: 1fr 320px; gap: 16px; align-items: start; }
@media (max-width: 820px) { .bzs .bzs-order-layout { grid-template-columns: 1fr; } }
.bzs .bzs-card { background: var(--bzs-surface); border: 1px solid var(--bzs-border); border-radius: 14px; box-shadow: var(--bzs-shadow-card); padding: 20px; }
.bzs .bzs-order-summary { background: var(--bzs-purple-50); border: 1px solid var(--bzs-border-brand); border-radius: 14px; padding: 18px; }
.bzs .bzs-os-row { display: flex; justify-content: space-between; font-size: 0.85rem; padding: 6px 0; border-bottom: 1px dashed var(--bzs-border-brand); }
.bzs .bzs-os-row:last-child { border-bottom: none; font-weight: 500; }
.bzs .bzs-field-label { display: block; font-size: 0.85rem; font-weight: 500; margin: 14px 0 6px; color: var(--bzs-ink); }
.bzs .bzs-order-input { width: 100%; height: 44px; padding: 0 14px; border: 1px solid var(--bzs-border); border-radius: 12px; font-size: 0.95rem; font-family: inherit; }
.bzs .bzs-order-input:focus { outline: none; border-color: var(--bzs-brand-600); box-shadow: 0 0 0 3px rgba(138, 11, 145, 0.14); }
.bzs .bzs-back { background: none; border: none; color: var(--bzs-brand-600); font-weight: 500; font-size: 0.85rem; padding: 0; margin-bottom: 12px; }

/* HOTOVO — hero moment */
.bzs .bzs-done { background: var(--bzs-grad-hero); border-radius: 22px; padding: clamp(30px, 6vw, 64px); text-align: center; color: #fff; }
.bzs .bzs-done .bzs-done-big { font-size: 2.6rem; }
.bzs .bzs-done h2 { color: #fff; }
.bzs .bzs-done p { color: #F1D3E6; max-width: 440px; margin: 0 auto 18px; }

/* =====================================================
   Výběr způsobu vyřízení (self | concierge) — "Objednávka B", schváleno 8/2026.
   Používá se v native objednávce srovnávače i na /objednavka/ přes [bz_objednavka_vyber].
   ===================================================== */
.bzs .bzs-ord-sec { font-size: 0.76rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--bzs-text-2, #6B6B72); margin: 0 0 10px; }
.bzs .bzs-way { border: 1.5px solid var(--bzs-border); border-radius: 14px; padding: 13px 15px; display: flex; gap: 12px; align-items: flex-start; margin-bottom: 10px; cursor: pointer; font-size: 0.86rem; background: #fff; transition: border-color 0.12s ease, background 0.12s ease; }
.bzs .bzs-way:hover { border-color: #CBBFD6; }
.bzs .bzs-way b { font-weight: 600; }
.bzs .bzs-way-radio { width: 19px; height: 19px; border: 2px solid #CBBFD6; border-radius: 50%; flex: 0 0 auto; margin-top: 2px; }
.bzs .bzs-way.is-sel { border-color: var(--bzs-brand-600); background: #FDF9FE; }
.bzs .bzs-way.is-sel .bzs-way-radio { border-color: var(--bzs-brand-600); background: radial-gradient(circle at center, var(--bzs-brand-600) 0 45%, transparent 50%); }
.bzs .bzs-way-sub { font-size: 0.76rem; color: var(--bzs-text-3, #9A9AA0); line-height: 1.45; }
.bzs .bzs-way-reco { display: inline-block; background: var(--bzs-grad-primary, linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%)); color: #fff; font-size: 0.6rem; font-weight: 600; border-radius: 999px; padding: 2px 9px; vertical-align: 2px; }
.bzs .bzs-way-pill { display: inline-block; margin-top: 7px; font-size: 0.64rem; font-weight: 600; background: #E8F6EE; color: #177245; border-radius: 999px; padding: 3px 9px; }

/* Sticky souhrn nabídky na /objednavka/ — [bz_objednavka_souhrn] */
.bzs.bzs-ord-widget { position: sticky; top: 90px; font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-ord-sum { background: var(--bzs-grad-hero, linear-gradient(155deg, #6A0871 0%, #A5177F 50%, #D4537E 100%)); border-radius: 16px; padding: 20px; color: #fff; box-shadow: 0 14px 34px rgba(106, 8, 113, 0.32); }
.bzs .bzs-ord-chip { display: inline-block; background: #fff; color: var(--bzs-brand-600); font-weight: 600; font-size: 0.7rem; letter-spacing: 0.05em; border-radius: 7px; padding: 5px 10px; margin-bottom: 9px; text-transform: uppercase; }
.bzs .bzs-ord-nm { font-size: 1rem; font-weight: 600; color: #fff; }
.bzs .bzs-ord-ctx { font-size: 0.68rem; color: #F1D3E6; margin-top: 2px; }
.bzs .bzs-ord-big { font-size: 1.55rem; font-weight: 600; margin-top: 12px; color: #fff; }
.bzs .bzs-ord-big span { font-size: 0.78rem; font-weight: 400; color: #F1D3E6; }
.bzs .bzs-ord-brk { margin-top: 11px; border-top: 0.5px solid rgba(255, 255, 255, 0.35); padding-top: 8px; }
.bzs .bzs-ord-row { display: flex; justify-content: space-between; gap: 10px; font-size: 0.74rem; padding: 3px 0; }
.bzs .bzs-ord-row span { color: #F1D3E6; }
.bzs .bzs-ord-row b { font-weight: 600; color: #fff; white-space: nowrap; }
.bzs .bzs-ord-row.is-tot { border-top: 0.5px solid rgba(255, 255, 255, 0.35); margin-top: 5px; padding-top: 8px; }
.bzs .bzs-ord-back { display: block; text-align: center; margin-top: 13px; font-size: 0.76rem; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 9px; text-decoration: none; }
.bzs .bzs-ord-trust { margin: 14px 4px 0; font-size: 0.73rem; color: var(--bzs-text-2, #6B6B72); }
.bzs .bzs-ord-trust div { padding: 3px 0; }
.bzs .bzs-ord-bizzy { margin-top: 10px; display: flex; justify-content: flex-end; align-items: center; gap: 9px; }
.bzs .bzs-ord-bizzy img { width: 74px; display: block; }
.bzs .bzs-ord-bubble { background: #fff; border: 1px solid var(--bzs-border); border-radius: 11px 11px 11px 2px; padding: 7px 10px; font-size: 0.68rem; color: var(--bzs-text-2, #6B6B72); box-shadow: 0 4px 12px rgba(38, 18, 58, 0.08); }
.bzs .bzs-ord-bubble b { color: var(--bzs-brand-600); }
@media (max-width: 980px) { .bzs.bzs-ord-widget { position: static; } }

/* =====================================================
   Děkovací stránka /dekujeme/ — [bz_objednavka_dekujeme] (schváleno 9/2026).
   Timeline "Co se bude dít dál?" podle URL parametru fulfillment (self|concierge).
   ===================================================== */
.bzs .bzs-dk-card { background: var(--bzs-surface, #fff); border-radius: 20px; box-shadow: 0 10px 30px rgba(38, 18, 58, 0.08); overflow: hidden; font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-dk-hero { background: var(--bzs-grad-hero, linear-gradient(155deg, #6A0871 0%, #A5177F 50%, #D4537E 100%)); padding: 30px 36px 26px; color: #fff; display: flex; gap: 22px; align-items: center; }
.bzs .bzs-dk-hero .bzs-dk-bizzy { width: 96px; flex: 0 0 auto; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.25)); }
.bzs .bzs-dk-hero h2 { font-size: 1.55rem; font-weight: 600; margin: 0 0 5px; color: #fff; padding: 0; }
.bzs .bzs-dk-sub { font-size: 0.84rem; color: #F1D3E6; line-height: 1.5; margin: 0; }
.bzs .bzs-dk-sub b { color: #fff; }
.bzs .bzs-dk-num { display: inline-block; margin-top: 9px; background: rgba(255, 255, 255, 0.16); border: 0.5px solid rgba(255, 255, 255, 0.35); border-radius: 999px; padding: 4px 13px; font-size: 0.74rem; font-weight: 600; }
.bzs .bzs-dk-body { padding: 26px 36px 30px; }

.bzs .bzs-dk-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; margin-bottom: 24px; }
.bzs .bzs-dk-steps:before { content: ''; position: absolute; top: 26px; left: 12.5%; right: 12.5%; height: 2px; background: var(--bzs-border, #EDE4F2); }
.bzs .bzs-dk-step { text-align: center; position: relative; padding: 0 8px; }
.bzs .bzs-dk-dot { width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 9px; display: flex; align-items: center; justify-content: center; background: #fff; border: 2px solid #E3C6E9; color: var(--bzs-brand-600, #8A0B91); position: relative; z-index: 1; }
.bzs .bzs-dk-step.is-done .bzs-dk-dot { background: var(--bzs-grad-primary, linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%)); border-color: transparent; color: #fff; box-shadow: 0 6px 16px rgba(138, 11, 145, 0.3); }
.bzs .bzs-dk-step h4 { font-size: 0.82rem; font-weight: 600; margin: 0 0 3px; padding: 0; }
.bzs .bzs-dk-step p { font-size: 0.7rem; color: var(--bzs-text-2, #6B5A7E); line-height: 1.45; margin: 0; }
.bzs .bzs-dk-badge { display: inline-block; font-size: 0.6rem; font-weight: 600; background: #E8F6EE; color: #177245; border-radius: 999px; padding: 1px 8px; margin-bottom: 4px; }

.bzs .bzs-dk-ctas { display: flex; gap: 10px; margin-bottom: 22px; flex-wrap: wrap; }
.bzs .bzs-dk-btn { display: inline-block; font-size: 0.84rem; font-weight: 600; border-radius: 11px; padding: 12px 20px; text-decoration: none; }
.bzs .bzs-dk-btn.is-solid { background: var(--bzs-grad-primary, linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%)); color: #fff; box-shadow: 0 6px 16px rgba(138, 11, 145, 0.28); }
.bzs .bzs-dk-btn.is-solid:hover { transform: translateY(-1px); color: #fff; }
.bzs .bzs-dk-btn.is-ghost { color: var(--bzs-brand-600, #8A0B91); border: 1px solid #E3C6E9; }

.bzs .bzs-dk-calm { background: var(--bzs-purple-50, #F6ECFA); border-radius: 14px; padding: 16px 18px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.bzs .bzs-dk-calm > img { width: 54px; flex: 0 0 auto; }
.bzs .bzs-dk-bell { width: 42px; height: 42px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--bzs-brand-600, #8A0B91); flex: 0 0 auto; }
.bzs .bzs-dk-calm > div { flex: 1 1 220px; }
.bzs .bzs-dk-calm b { font-size: 0.84rem; }
.bzs .bzs-dk-calm p { font-size: 0.76rem; color: var(--bzs-text-2, #6B5A7E); margin: 2px 0 0; line-height: 1.45; }
.bzs .bzs-dk-mail { margin-left: auto; background: #fff; border-radius: 11px; padding: 10px 14px; font-size: 0.74rem; color: var(--bzs-text-2, #6B5A7E); border: 1px solid var(--bzs-border, #EDE4F2); white-space: nowrap; text-decoration: none; }
.bzs .bzs-dk-mail b { display: block; color: var(--bzs-brand-600, #8A0B91); font-size: 0.78rem; }

/* Parametry objednávky — [bz_objednavka_parametry] (detail objednávky, varianta B) */
.bzs.bzs-par { font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-par-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--bzs-border, #EDE4F2); font-size: 0.84rem; color: var(--bzs-ink, #26123A); }
.bzs .bzs-par-row:last-child { border-bottom: none; }
.bzs .bzs-par-row span { color: var(--bzs-text-2, #6B5A7E); }
.bzs .bzs-par-row b { font-weight: 600; text-align: right; }

/* Pilly hlavičky objednávky — [bz_objednavka_stitky] */
.bzs.bzs-bdgs { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-bdg { display: inline-block; border-radius: 999px; padding: 6px 14px; font-size: 0.72rem; font-weight: 600; white-space: nowrap; }
.bzs .bzs-bdg.is-ful { background: var(--bzs-purple-50, #F6ECFA); color: var(--bzs-brand-600, #8A0B91); }
.bzs .bzs-bdg.is-wait { background: #FDEFC9; color: #8a6d00; }
.bzs .bzs-bdg.is-ok { background: #E8F6EE; color: #177245; }
.bzs .bzs-bdg.is-warn { background: #FBE9D6; color: #9a5b00; }
.bzs .bzs-bdg.is-bad { background: #FBE4E4; color: #A32020; }

/* Stavový bar objednávky — [bz_objednavka_stav] (detail objednávky, varianta B) */
.bzs.bzs-st { font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-st-bar { display: flex; align-items: center; }
.bzs .bzs-st-dot { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 2px solid #E3C6E9; color: var(--bzs-brand-600, #8A0B91); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.bzs .bzs-st-dot svg { width: 16px; height: 16px; }
.bzs .bzs-st-dot.is-done { background: var(--bzs-grad-primary, linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%)); border-color: transparent; color: #fff; }
.bzs .bzs-st-dot.is-now { border-color: var(--bzs-brand-600, #8A0B91); box-shadow: 0 0 0 4px #F0DCF3; }
.bzs .bzs-st-line { height: 2px; background: var(--bzs-border, #EDE4F2); flex: 1; }
.bzs .bzs-st-line.is-done { background: var(--bzs-brand-600, #8A0B91); }
.bzs .bzs-st-labels { display: flex; justify-content: space-between; margin-top: 9px; }
.bzs .bzs-st-labels span { font-size: 0.7rem; color: var(--bzs-text-3, #9A9AA0); width: 25%; text-align: center; line-height: 1.4; }
.bzs .bzs-st-labels span:first-child { text-align: left; }
.bzs .bzs-st-labels span:last-child { text-align: right; }
.bzs .bzs-st-labels span.is-on { color: var(--bzs-text-2, #6B5A7E); }
.bzs .bzs-st-labels span.is-on b { color: var(--bzs-ink, #26123A); }
.bzs .bzs-st-labels b { font-weight: 600; }
.bzs.bzs-st.is-muted .bzs-st-dot { border-color: var(--bzs-border, #EDE4F2); color: #C9BBD4; }
.bzs .bzs-st-note { margin-top: 12px; font-size: 0.78rem; color: var(--bzs-text-2, #6B5A7E); background: var(--bzs-purple-50, #F6ECFA); border-radius: 10px; padding: 9px 13px; }
.bzs .bzs-st-note.is-warn { background: #FDEFC9; color: #8a6d00; }
.bzs .bzs-st-note.is-bad { background: #FBE4E4; color: #A32020; }
@media (max-width: 600px) { .bzs .bzs-st-labels span { font-size: 0.62rem; } }

/* Karta "Vaše nabídka" na detailu objednávky — [bz_objednavka_nabidka] (varianta B, 9/2026) */
.bzs .bzs-oc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-oc-chip { background: var(--bzs-grad-primary, linear-gradient(120deg, #7A0A81 0%, #A5177F 55%, #C2185B 100%)); color: #fff; font-weight: 600; font-size: 0.68rem; letter-spacing: 0.04em; border-radius: 7px; padding: 5px 10px; text-transform: uppercase; flex: 0 0 auto; }
.bzs .bzs-oc-nm { font-weight: 600; font-size: 0.95rem; color: var(--bzs-ink, #26123A); }
.bzs .bzs-oc-nm small { display: block; font-weight: 400; font-size: 0.7rem; color: var(--bzs-text-2, #6B5A7E); margin-top: 1px; }
.bzs .bzs-oc-price { background: var(--bzs-purple-50, #F6ECFA); border-radius: 12px; padding: 14px 16px; font-family: 'Inter', -apple-system, sans-serif; }
.bzs .bzs-oc-big { font-size: 1.3rem; font-weight: 600; color: var(--bzs-ink, #26123A); }
.bzs .bzs-oc-big span { font-size: 0.72rem; font-weight: 400; color: var(--bzs-text-2, #6B5A7E); }
.bzs .bzs-oc-sub { font-size: 0.72rem; color: var(--bzs-text-2, #6B5A7E); margin-top: 3px; }
.bzs .bzs-oc-lnk { display: inline-block; margin-top: 12px; font-size: 0.78rem; font-weight: 600; color: var(--bzs-brand-600, #8A0B91); text-decoration: none; border-bottom: 1px solid #E3C6E9; }

@media (max-width: 860px) {
  .bzs .bzs-dk-hero { padding: 22px 20px; gap: 14px; }
  .bzs .bzs-dk-hero .bzs-dk-bizzy { width: 68px; }
  .bzs .bzs-dk-hero h2 { font-size: 1.2rem; }
  .bzs .bzs-dk-body { padding: 20px 20px 24px; }
  .bzs .bzs-dk-steps { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .bzs .bzs-dk-steps:before { display: none; }
  .bzs .bzs-dk-mail { margin-left: 0; }
}