/* cdp-ticketing — pos.css (pokladna + zákaznický displej) */

/* ── sdílený plánek hlediště (pos-common.js) ──────────────────────────── */
.cdp-pd__svg { width: 100%; height: auto; display: block; }
.cdp-pd__seat { fill: #fff; stroke: rgba(35,31,32,.25); stroke-width: 1; }
.cdp-pd--off { fill: #eceae4; stroke: transparent; }
.cdp-pd--sold { fill: #c9ccce !important; stroke: transparent; }
.cdp-pd--held { fill: #f2d9a6 !important; stroke: #c2873b; }
.cdp-pd--sel { fill: var(--cdp-vermilion, #F1491F) !important; stroke: var(--cdp-vermilion, #F1491F); }
.cdp-pd__lbl { font-size: 9px; fill: var(--cdp-text-muted, #6b6864); text-transform: uppercase; letter-spacing: .05em; }
.cdp-pd__stage { fill: rgba(35,31,32,.14); }
.cdp-pd__stagelabel { font-size: 8px; fill: var(--cdp-text-muted, #6b6864); letter-spacing: .12em; }
.cdp-pd__legend { display: flex; flex-wrap: wrap; gap: .4rem .9rem; align-items: center; font-size: .8rem; margin-top: .6rem; }
.cdp-pd__lg { display: inline-flex; align-items: center; color: var(--cdp-text-muted, #5C5A52); }
.cdp-pd__sw { display: inline-block; width: 13px; height: 13px; border-radius: 4px; vertical-align: middle; margin-right: .3rem; border: 1px solid rgba(0,0,0,.15); }
.cdp-pd__sw.cdp-pd--sel { background: var(--cdp-vermilion, #F1491F); }
.cdp-pd__sw.cdp-pd--sold { background: #c9ccce; }
.cdp-pd__empty { color: var(--cdp-text-muted, #999); font-style: italic; }
.cdp-pd__hit { fill: #000; fill-opacity: 0; stroke: none; pointer-events: all; }

/* ══════════════════════════ POKLADNA (obsluha) ══════════════════════════ */
.cdp-pos { max-width: 1100px; margin: 0 auto; font-family: inherit; }
.cdp-pos__loading { color: var(--cdp-text-muted, #5C5A52); padding: 2rem 0; text-align: center; }
.cdp-pos__center { text-align: center; }

/* — dotyk: žádné zoomování dvojklepem, výběr textu ani pull-to-refresh — */
.cdp-pos, .cdp-pos__modal, .cdp-pos__lock {
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
}
.cdp-pos input { -webkit-user-select: text; user-select: text; }
.cdp-pos button, .cdp-pos__modal button, .cdp-pos__lock button { font-family: inherit; touch-action: manipulation; }
.cdp-pos [hidden] { display: none !important; }
html.cdp-pos-active, html.cdp-pos-active body { overscroll-behavior-y: none; }

/* — ploché ikony (SVG, styl Lucide) — */
.cdp-ico { width: 1.15em; height: 1.15em; flex: none; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.2em; }

/* — přihlášení PINem — */
.cdp-pos__login { max-width: 360px; margin: 3rem auto; text-align: center; }
.cdp-pos__login h2 { margin-bottom: 1rem; }
.cdp-pos__pindisplay { font-size: 1.8rem; letter-spacing: .3em; margin-bottom: 1rem; min-height: 2.4rem; }
.cdp-pos__keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.cdp-pos__key {
  min-height: 68px; font-size: 1.5rem; border-radius: 14px; border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28));
  background: var(--cdp-surface, #fff); cursor: pointer;
}
.cdp-pos__key:active { background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pos__key--ok { background: var(--cdp-vermilion, #F1491F); color: #fff; border-color: var(--cdp-vermilion, #F1491F); }
.cdp-pos__key--del { color: #b91c1c; }
.cdp-pos__err { color: #b91c1c; min-height: 1.2rem; margin-top: .8rem; font-weight: 600; }

/* — zámek obrazovky (překryv s PIN padem) — */
.cdp-pos__lock {
  position: fixed; inset: 0; z-index: 100000; overflow: auto;
  display: flex; align-items: center; justify-content: center;
  background: var(--cdp-surface-alt, #E3EAE7);
}
.cdp-pos__lock .cdp-pos__login { margin: 1rem auto; }
.cdp-pos__lockicon { width: 52px; height: 52px; margin: 0 auto .6rem; color: var(--cdp-text-muted, #5C5A52); }
.cdp-pos__lockicon .cdp-ico { width: 100%; height: 100%; }

/* — dialogy (potvrzení, chyby) — */
.cdp-pos__modal {
  position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center;
  padding: 1rem; background: rgba(0,0,0,.45);
}
.cdp-pos__modalbox { width: 100%; max-width: 440px; padding: 1.4rem; border-radius: 18px; background: #fff; color: #231F20; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.cdp-pos__modalbox h3 { margin: 0 0 .5rem; font-size: 1.25rem; }
.cdp-pos__modalbox p { margin: 0 0 1.1rem; color: #5C5A52; }
.cdp-pos__modalbtns { display: flex; gap: .6rem; }
.cdp-pos__mbtn {
  flex: 1; min-height: 56px; border-radius: 14px; border: 1.5px solid rgba(35,31,32,.28);
  background: #fff; color: #231F20; font: inherit; font-weight: 700; font-size: 1.05rem; cursor: pointer;
}
.cdp-pos__mbtn--primary { background: var(--cdp-vermilion, #F1491F); border-color: var(--cdp-vermilion, #F1491F); color: #fff; }

/* — hlavička (viditelná ve všech fázích) — */
.cdp-pos__bar {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; justify-content: space-between;
  padding: .5rem .8rem; margin-bottom: 1rem; border-radius: 12px; background: var(--cdp-surface-alt, #E3EAE7);
  font-size: .9rem;
}
.cdp-pos__who { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; }
.cdp-pos__term strong { font-family: monospace; font-size: 1rem; letter-spacing: .04em; }
.cdp-pos__termhint { color: var(--cdp-text-muted, #5C5A52); font-size: .78rem; }
.cdp-pos__barbtns { display: flex; align-items: center; gap: .4rem; }
.cdp-pos__hbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; min-width: 44px; padding: 0 .9rem;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); border-radius: 999px;
  background: var(--cdp-surface, #fff); color: inherit; font: inherit; font-size: .88rem; cursor: pointer;
}
.cdp-pos__hbtn:active { background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pos__net {
  display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .75rem; border-radius: 999px;
  background: #fee2e2; color: #991b1b; font-weight: 700; font-size: .85rem;
}

/* — výběr představení — */
.cdp-pos__programs h2 { margin: 0 0 .8rem; }
.cdp-pos__proglist { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .8rem; }
.cdp-pos__prog {
  display: flex; flex-direction: column; justify-content: center; gap: .25rem; min-height: 88px; text-align: left; padding: 1rem 1.1rem; border-radius: 14px;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.2)); background: var(--cdp-surface, #fff); cursor: pointer; font: inherit;
}
.cdp-pos__prog:active { border-color: var(--cdp-vermilion, #F1491F); }
.cdp-pos__prog span { color: var(--cdp-text-muted, #5C5A52); font-size: .88rem; }

/* — výběr sedadel + objednávka — */
.cdp-pos__sell { display: grid; grid-template-columns: 1fr 340px; gap: 1.2rem; align-items: start; }
.cdp-pos__perfhead { display: flex; align-items: center; gap: .9rem; margin-bottom: .7rem; }
.cdp-pos__backbtn {
  display: inline-flex; align-items: center; gap: .45rem; flex: none; min-height: 48px; padding: 0 1.2rem 0 .9rem;
  border: 1.5px solid var(--cdp-border-strong, rgba(35,31,32,.28)); border-radius: 999px;
  background: var(--cdp-surface, #fff); color: inherit; font: inherit; font-weight: 700; cursor: pointer;
}
.cdp-pos__backbtn:active { background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pos__perftitle { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .7rem; font-size: 1.1rem; min-width: 0; }
.cdp-pos__perftitle span { color: var(--cdp-text-muted, #5C5A52); font-size: .95rem; }

.cdp-pos__mapbox {
  border: 1px solid var(--cdp-border, rgba(35,31,32,.14)); border-radius: var(--cdp-radius, 14px);
  background: var(--cdp-surface-alt, #E3EAE7); overflow: hidden;
}
.cdp-pos__mapbar { display: flex; align-items: center; gap: .5rem; padding: .5rem .7rem; border-bottom: 1px solid var(--cdp-border, rgba(35,31,32,.14)); }
.cdp-pos__maplbl { margin-right: .2rem; color: var(--cdp-text-muted, #5C5A52); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.cdp-pos__zbtn {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); background: var(--cdp-surface, #fff); color: inherit; cursor: pointer;
}
.cdp-pos__zbtn:disabled { opacity: .35; cursor: default; }
.cdp-pos__zval { min-width: 3.6em; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.cdp-pos__zfit {
  margin-left: auto; min-height: 44px; padding: 0 1rem; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); background: var(--cdp-surface, #fff); color: inherit; font: inherit; font-size: .85rem;
}
.cdp-pos__mapscroll { overflow: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; }
.cdp-pos__mapscroll.is-zoomed { max-height: 72vh; }
.cdp-pos__map { box-sizing: border-box; padding: .6rem; }
.cdp-pos__legendhost { padding: 0 .8rem .7rem; }

.cdp-pos__ordercol {
  display: flex; flex-direction: column; position: sticky; top: 1rem; overflow: hidden;
  max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem);
  background: var(--cdp-surface, #fff); border: 1px solid var(--cdp-border, rgba(35,31,32,.14)); border-radius: var(--cdp-radius, 14px);
}
.cdp-pos__ordbody { flex: 1; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 1rem 1rem .5rem; }
.cdp-pos__ordfoot { padding: .7rem 1rem 1rem; border-top: 1px solid var(--cdp-border, rgba(35,31,32,.14)); background: var(--cdp-surface, #fff); }
.cdp-pos__ordercol h3 { margin: 0 0 .6rem; }
.cdp-pos__seatlist { list-style: none; margin: 0 0 .7rem; padding: 0; display: grid; gap: .35rem; max-height: 200px; overflow: auto; }
.cdp-pos__seatlist li {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  font-size: .92rem; padding: .2rem .25rem .2rem .65rem; border-radius: 9px; background: var(--cdp-surface-alt, #E3EAE7);
}
.cdp-pos__ln { min-width: 0; }
.cdp-pos__rm {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px;
  border: 0; border-radius: 9px; background: transparent; color: #b91c1c; cursor: pointer;
}
.cdp-pos__rm:active { background: rgba(185,28,28,.14); }
.cdp-pos__empty { color: var(--cdp-text-muted, #999); font-style: italic; background: transparent !important; padding: .4rem 0 !important; }
.cdp-pos__total { display: flex; justify-content: space-between; align-items: baseline; font-size: 1.15rem; margin-bottom: .7rem; }
.cdp-pos__total strong { font-size: 1.5rem; }
.cdp-pos__label { display: block; font-size: .8rem; color: var(--cdp-text-muted, #5C5A52); margin: .8rem 0 .35rem; text-transform: uppercase; letter-spacing: .04em; }
.cdp-pos__ordercol input[type="email"], .cdp-pos__recwrap input {
  width: 100%; min-height: 48px; padding: .5em .8em; box-sizing: border-box; border-radius: 10px;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); font: inherit; font-size: max(16px, 1rem); /* 16 px+ = iOS nezoomuje při zaostření */
}
.cdp-pos__chips { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.cdp-pos__chip {
  min-height: 40px; padding: 0 .8rem; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); background: var(--cdp-surface, #fff); color: inherit; font: inherit; font-size: .85rem;
}
.cdp-pos__chip:active { background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pos__fielderr { margin: .4rem 0 0; color: #b91c1c; font-size: .82rem; font-weight: 600; }

.cdp-pos__pay { display: flex; gap: .6rem; }
.cdp-pos__paybtn {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 60px; border-radius: 12px;
  border: 1.5px solid var(--cdp-border-strong, rgba(35,31,32,.28)); background: var(--cdp-surface, #fff); color: inherit;
  cursor: pointer; font: inherit; font-weight: 700; font-size: 1.05rem;
}
.cdp-pos__paybtn.is-active { border-color: var(--cdp-vermilion, #F1491F); background: rgba(241,73,31,.10); box-shadow: 0 0 0 2px var(--cdp-vermilion, #F1491F) inset; }

.cdp-pos__recwrap { display: flex; align-items: center; gap: .5rem; }
.cdp-pos__recwrap span { font-weight: 700; }
.cdp-pos__cashquick { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin-top: .5rem; }
.cdp-pos__qamt {
  min-height: 48px; border-radius: 10px; cursor: pointer; border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28));
  background: var(--cdp-surface, #fff); color: inherit; font: inherit; font-weight: 700;
}
.cdp-pos__qamt:active { background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pos__qamt--exact { grid-column: span 3; }
.cdp-pos__qamt--clear { color: #b91c1c; }
.cdp-pos__change { margin-top: .6rem; min-height: 1.5em; font-size: 1.1rem; }
.cdp-pos__change strong { font-size: 1.6rem; }
.cdp-pos__change.is-ok { color: #15803d; }
.cdp-pos__change.is-short { color: #b91c1c; }

.cdp-pos__checkout {
  width: 100%; min-height: 60px; padding: .8em 0; border: 0; border-radius: var(--cdp-radius-pill, 999px);
  background: var(--cdp-vermilion, #F1491F); color: #fff; font: inherit; font-weight: 800; font-size: 1.1rem; cursor: pointer;
}
.cdp-pos__checkout:disabled { background: #c9ccce; color: #4b4f52; cursor: not-allowed; }

/* — spodní lišta pro užší tablety (výška/šířka do 800 px) — */
.cdp-pos__minibar { display: none; }
@media (max-width: 800px) {
  .cdp-pos { padding-bottom: 5.5rem; }
  .cdp-pos__sell { grid-template-columns: 1fr; }
  .cdp-pos__ordercol { position: static; max-height: none; overflow: visible; }
  .cdp-pos__ordbody { overflow: visible; }
  .cdp-pos__minibar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    padding: .6rem 1rem calc(.6rem + env(safe-area-inset-bottom, 0px)); background: var(--cdp-ink, #231F20); color: #fff;
  }
  .cdp-pos__minitot { display: flex; flex-direction: column; line-height: 1.2; }
  .cdp-pos__minitot span { font-size: .8rem; opacity: .75; }
  .cdp-pos__minitot strong { font-size: 1.3rem; }
  .cdp-pos__minibtn {
    min-height: 52px; padding: 0 1.8rem; border: 0; border-radius: 999px; cursor: pointer;
    background: var(--cdp-vermilion, #F1491F); color: #fff; font: inherit; font-weight: 800; font-size: 1.05rem;
  }
}

/* — sortiment (merch) v pokladně — */
.cdp-pos__merchonly {
  display: inline-flex; align-items: center; gap: .5rem; min-height: 56px; margin-top: 1.2rem; padding: 0 1.4rem; border-radius: 12px;
  border: 1.5px dashed var(--cdp-border-strong, rgba(35,31,32,.3)); background: transparent; cursor: pointer; font: inherit; font-weight: 600; color: var(--cdp-text-muted, #5C5A52);
}
.cdp-pos__merchonly:active { border-color: var(--cdp-vermilion, #F1491F); color: var(--cdp-ink, #231F20); }
.cdp-pos__merchhead { display: flex; align-items: center; gap: .5rem; margin: 1.2rem 0 .6rem; font-size: 1.05rem; }
.cdp-pos__products { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .6rem; }
.cdp-pos__product {
  display: flex; justify-content: space-between; align-items: center; gap: .8rem;
  padding: .6rem .8rem; border-radius: 12px; border: 1.5px solid var(--cdp-border, rgba(35,31,32,.14)); background: var(--cdp-surface, #fff);
}
.cdp-pos__product.is-in { border-color: var(--cdp-vermilion, #F1491F); background: rgba(241,73,31,.05); }
.cdp-pos__product.is-out { opacity: .5; }
.cdp-pos__pinfo { flex: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: .1rem; font-size: 1rem; cursor: pointer; }
.cdp-pos__pinfo span { color: var(--cdp-text-muted, #5C5A52); font-size: .82rem; }
.cdp-pos__pqty { display: flex; align-items: center; gap: .4rem; }
.cdp-pos__qbtn {
  display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; cursor: pointer;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); background: var(--cdp-surface, #fff); color: inherit;
}
.cdp-pos__qbtn:active { background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pos__qval { min-width: 1.6em; text-align: center; font-weight: 800; font-size: 1.15rem; }

/* — dokončený prodej — */
.cdp-pos__done { max-width: 480px; margin: 2rem auto; text-align: center; }
.cdp-pos__done h2 { display: inline-flex; align-items: center; gap: .5rem; }
.cdp-pos__emailsent { color: #15803d; font-weight: 600; }
.cdp-pos__changebig {
  display: flex; flex-direction: column; gap: .2rem; margin: 1rem auto; padding: 1rem 1.2rem; border-radius: 16px;
  background: #dcfce7; color: #14532d; font-size: 1.05rem;
}
.cdp-pos__changebig strong { font-size: 2.6rem; line-height: 1.1; }
.cdp-pos__doneactions { display: flex; gap: .6rem; justify-content: center; margin: 1.2rem 0; flex-wrap: wrap; }
.cdp-pos__btn {
  display: inline-flex; align-items: center; gap: .5rem; min-height: 56px; padding: 0 1.3rem; border-radius: 12px;
  border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); background: var(--cdp-surface, #fff);
  color: var(--cdp-ink, #231F20); text-decoration: none; font-weight: 700;
}
.cdp-pos__btn:active { border-color: var(--cdp-vermilion, #F1491F); }
.cdp-pos__newsale {
  min-height: 60px; margin-top: .6rem; padding: 0 2.2rem; border: 0; border-radius: var(--cdp-radius-pill, 999px);
  background: var(--cdp-ink, #231F20); color: #fff; font: inherit; font-weight: 800; font-size: 1.1rem; cursor: pointer;
}

/* ══════════════════════════ ZÁKAZNICKÝ DISPLEJ ══════════════════════════ */
.cdp-pd { min-height: 100vh; box-sizing: border-box; padding: 2rem; background: var(--cdp-surface, #fff); }
.cdp-pd__loading { text-align: center; color: var(--cdp-text-muted, #999); padding: 3rem 0; }

.cdp-pd__pair { max-width: 380px; margin: 4rem auto; text-align: center; }
.cdp-pd__pair input { width: 100%; padding: .8em 1em; font-size: 1.1rem; border-radius: 9px; border: 1px solid var(--cdp-border-strong, rgba(35,31,32,.28)); margin: 1rem 0; text-align: center; }
.cdp-pd__pair button {
  padding: .8em 1.6em; border: 0; border-radius: var(--cdp-radius-pill, 999px); background: var(--cdp-vermilion, #F1491F);
  color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}

.cdp-pd__brand { letter-spacing: .18em; text-transform: uppercase; font-size: .85rem; color: var(--cdp-text-muted, #8a8a8a); text-align: center; }
.cdp-pd__idle { max-width: 640px; margin: 3rem auto; text-align: center; }
.cdp-pd__idle h1 { font-size: 2.4rem; margin: .3rem 0 1.4rem; }
.cdp-pd__proglist { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; text-align: left; }
.cdp-pd__proglist li { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: .3rem 1rem; padding: .8rem 1.1rem; border-radius: 10px; background: var(--cdp-surface-alt, #E3EAE7); font-size: 1.1rem; }
.cdp-pd__proglist span { color: var(--cdp-text-muted, #5C5A52); font-size: .95rem; }

.cdp-pd__head { text-align: center; margin-bottom: 1.4rem; }
.cdp-pd__playrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .4rem 1.1rem; }
.cdp-pd__playtitle { font-size: 2rem; font-weight: 800; }
/* volná místa: zelená / do 10 oranžová / vyprodáno červená */
.cdp-pd__free { display: inline-block; padding: .15rem .7rem; border-radius: 999px; background: #e6f4ea; color: #137333; font-size: .9rem; font-weight: 600; white-space: nowrap; }
.cdp-pd__free strong { font-weight: 800; }
.cdp-pd__free.is-low { background: #fef3c7; color: #8a540a; }
.cdp-pd__free.is-out { background: #fce8e6; color: #a50e0e; }
.cdp-pd__free--lg { font-size: 1.15rem; padding: .3rem 1rem; }
.cdp-pd__playtime { font-size: 1.15rem; color: var(--cdp-text-muted, #5C5A52); margin-top: .2rem; }

.cdp-pd__body { display: grid; grid-template-columns: 1fr 380px; gap: 1.6rem; max-width: 1300px; margin: 0 auto; align-items: start; }
@media (max-width: 900px) { .cdp-pd__body { grid-template-columns: 1fr; } }
.cdp-pd__mapcol { border: 1px solid var(--cdp-border, rgba(35,31,32,.14)); border-radius: var(--cdp-radius, 14px); background: var(--cdp-surface-alt, #E3EAE7); padding: 1rem; }

.cdp-pd__ordercol { background: var(--cdp-surface, #fff); border: 1px solid var(--cdp-border, rgba(35,31,32,.14)); border-radius: var(--cdp-radius, 14px); padding: 1.4rem; }
.cdp-pd__ordercol h3 { margin: 0 0 .8rem; font-size: 1.3rem; }
.cdp-pd__seatlist { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .4rem; }
.cdp-pd__seatlist li { font-size: 1.05rem; padding: .55rem .7rem; border-radius: 8px; background: var(--cdp-surface-alt, #E3EAE7); }
.cdp-pd__total { font-size: 1.4rem; font-weight: 800; padding-top: .8rem; border-top: 1px solid var(--cdp-border, rgba(35,31,32,.14)); }
.cdp-pd__email, .cdp-pd__pay { margin-top: .7rem; font-size: 1rem; color: var(--cdp-text-muted, #5C5A52); }

/* Ceník merche: dva sloupce, název ······ cena */
.cdp-pd__merch { max-width: 1300px; margin: 0 auto 1.4rem; padding: .8rem 1.3rem 1rem; border: 1px solid var(--cdp-border, rgba(35,31,32,.14)); border-radius: var(--cdp-radius, 14px); background: var(--cdp-surface-alt, #E3EAE7); text-align: left; }
.cdp-pd__merch h3 { margin: 0 0 .5rem; font-size: .9rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cdp-text-muted, #5C5A52); }
.cdp-pd__merchlist { list-style: none; margin: 0; padding: 0; column-count: 2; column-gap: 2.6rem; }
.cdp-pd__merchlist li { display: flex; align-items: baseline; gap: .5rem; break-inside: avoid; padding: .22rem 0; font-size: 1.1rem; }
.cdp-pd__mname { min-width: 0; }
.cdp-pd__mname em { font-style: normal; font-size: .8rem; font-weight: 700; color: #a50e0e; margin-left: .3rem; }
.cdp-pd__mdots { flex: 1; min-width: 1rem; border-bottom: 2px dotted rgba(35,31,32,.3); transform: translateY(-.2em); }
.cdp-pd__mprice { font-weight: 800; white-space: nowrap; }
.cdp-pd__merchlist li.is-out { opacity: .5; }
.cdp-pd__merchlist li.is-out .cdp-pd__mprice { text-decoration: line-through; }
.cdp-pd__idle .cdp-pd__merch { margin: 1.4rem 0 0; }
@media (max-width: 600px) { .cdp-pd__merchlist { column-count: 1; } }

.cdp-pd__thanks { max-width: 560px; margin: 5rem auto; text-align: center; }
.cdp-pd__thanks h1 { font-size: 3rem; margin: .5rem 0; color: var(--cdp-vermilion, #F1491F); }
.cdp-pd__thankstotal { font-size: 1.4rem; font-weight: 700; margin-top: 1rem; }