.tix{padding-block:var(--s-8);background:var(--c-bg-2);border-top:1px solid var(--c-line)}
#tickets{scroll-margin-top:calc(var(--nav-h) + 8px)}
.tix-head{display:grid;gap:var(--s-3);margin-bottom:var(--s-5)}
.tix-head .eyebrow{margin:0}
.tix-title{margin:0;font-family:var(--f-display);font-weight:400;font-size:var(--t-h2);line-height:.98;text-transform:uppercase;text-wrap:balance;hyphens:manual}
.tix-title-em{color:var(--c-or)}
.tix [hidden]{display:none!important}

.tix-daynote{position:relative;margin:0 0 var(--s-6);padding-left:var(--s-4);max-width:52ch;color:var(--c-ink);font-size:var(--t-m);line-height:1.55;text-wrap:pretty}
.tix-daynote::before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:2px;background:var(--c-or)}

.tix-grid{display:grid;gap:var(--s-5)}

.tix-media{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--c-bg-3);border:1px solid var(--c-line-2)}
.tix-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.tix-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,0) 55%,rgba(10,9,8,.6));pointer-events:none}

.tix-tiers{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.tix-tier{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-2) var(--s-3);width:100%;min-height:72px;margin:0;padding:var(--s-4);background:var(--c-bg);border:1px solid var(--c-line-2);border-radius:0;color:var(--c-ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.tix-tier[aria-checked="true"]{border-color:var(--c-or);background:var(--c-bg-3);box-shadow:inset 3px 0 0 var(--c-or)}
.tix-tier:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}
@media (hover:hover){.tix-tier[aria-checked="false"]:hover{border-color:var(--c-ink-3)}}
.tix-tier-main{display:grid;gap:.3em;min-width:0}
.tix-tier-n{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .6em;font-family:var(--f-cond);font-weight:600;font-size:var(--t-m);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.tix-tier-d{color:var(--c-ink-2);font-size:var(--t-s);line-height:1.45;text-wrap:pretty}
.tix-tier-p{font-family:var(--f-display);font-size:2rem;line-height:1;white-space:nowrap}
.tix-tier[aria-checked="true"] .tix-tier-p{color:var(--c-or)}

/* VIP (nur wenn pretix ein VIP-Produkt liefert) */
.tix-tier--vip{border-color:var(--c-or-deep);background:linear-gradient(120deg,rgba(244,122,32,.16),rgba(244,122,32,.03) 60%),var(--c-bg)}
.tix-tier--vip .tix-tier-p{color:var(--c-or-2)}
.tix-tier--vip[aria-checked="true"]{border-color:var(--c-or);background:linear-gradient(120deg,rgba(244,122,32,.26),rgba(244,122,32,.06) 60%),var(--c-bg-3);box-shadow:0 0 0 1px var(--c-or),0 10px 30px -12px rgba(244,122,32,.55)}
.tix-vip-tag{display:inline-block;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.1em;padding:.25em .6em;background:var(--c-or);color:var(--c-or-ink);line-height:1.2}

/* pretix Phasen: ausverkauft (durchgestrichen) + nächste Phase (ausgegraut, nicht wählbar) */
.tix-tier--out,.tix-tier--next{min-height:0;padding-block:var(--s-3);cursor:default;border-style:dashed}
.tix-tier--out .tix-tier-p,.tix-tier--next .tix-tier-p{font-size:1.4rem}
.tix-tier--out .tix-tier-d,.tix-tier--next .tix-tier-d{font-size:var(--t-xs)}
.tix-tier--out{opacity:.5;background:var(--c-bg)}
.tix-tier--out .tix-tier-d{display:none}
.tix-tier--out.tix-tier--vip{background:var(--c-bg);border-color:var(--c-line-2)}
.tix-tier--out .tix-tier-nm{text-decoration:line-through;text-decoration-thickness:1.5px}
.tix-tier--out .tix-tier-p,.tix-tier--out.tix-tier--vip .tix-tier-p{color:var(--c-ink-3)}
.tix-tier--out s{text-decoration-thickness:2px}
.tix-tier--next{opacity:.62;background:transparent}
.tix-tier--next.tix-tier--vip{background:transparent;border-color:var(--c-line-2)}
.tix-tier--next .tix-tier-p,.tix-tier--next.tix-tier--vip .tix-tier-p{color:var(--c-ink-2)}
.tix-state-tag{display:inline-block;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.1em;padding:.25em .6em;line-height:1.2;background:var(--c-ink-3);color:var(--c-bg);text-decoration:none}
.tix-state-tag--next{background:transparent;color:var(--c-ink-2);box-shadow:inset 0 0 0 1px var(--c-line-2)}

/* Kaufen */
.tix-buy{display:grid;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-4);border:1px solid var(--c-line-2);background:var(--c-bg);scroll-margin-top:calc(var(--nav-h) + 8px)}
.tix-buy-sum{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-3);margin:0}
.tix-buy-l{display:grid;gap:.4em;min-width:0}
.tix-buy-k{font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.tix-buy-q{color:var(--c-ink-2);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;line-height:1.2}
.tix-buy-p{font-family:var(--f-display);font-size:2.4rem;line-height:1;white-space:nowrap}
.tix-btn{width:100%;min-height:56px}

.tix-crew{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-2) var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--c-line)}
.tix-share{justify-self:start;min-height:44px;margin:0;padding:0;background:transparent;border:0;color:var(--c-ink);font-family:var(--f-cond);font-weight:600;font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--c-or);text-underline-offset:.4em;cursor:pointer}
.tix-share:focus-visible,.tix-step-btn:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}
.tix-step{display:flex;align-items:center;border:1px solid var(--c-line-2)}
.tix-step-btn{width:44px;height:44px;margin:0;background:transparent;border:0;border-radius:0;color:var(--c-ink);font-size:1.25rem;cursor:pointer}
.tix-step-btn:disabled{color:var(--c-ink-3);cursor:default}
.tix-step-n{min-width:2ch;text-align:center;font-family:var(--f-display);font-size:1.4rem}
.tix-share-msg{grid-column:1/-1;margin:0;color:var(--c-or)}
.tix-share-msg:empty{display:none}

@media (min-width:960px){
  .tix-head{grid-template-columns:1fr auto;align-items:end}
  .tix-head .eyebrow{grid-column:1/-1}
  .tix-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s-6);align-items:start}
  .tix-media{aspect-ratio:5/4}
  .tix-side{position:sticky;top:calc(var(--nav-h) + var(--s-4))}
}
@media (max-width:760px){
  .tix{padding-block:var(--s-7)}
  .tix-tier{padding:var(--s-3) var(--s-4)}
  .tix-media{margin-inline:calc(var(--gutter)*-1);border-inline:0}
}
@media (prefers-reduced-motion:reduce){
  .tix-tier{transition:none}
}