/* Product page: calculator in scheduled-run mode + the run ticket. Theme tokens come from the store CSS. */
.bx.is-scheduled .bx-body > .bx-group:not(.bx-region):not(.run-picker):not(.bx-game-details):not(.bx-boost-method){display:none!important}
.run-picker[hidden]{display:none!important}
.run-picker{display:grid;gap:14px}
.run-step{display:grid;gap:7px}
.run-step[hidden]{display:none}
.run-time-label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}
.run-zone{font-size:11.5px;font-weight:500;color:var(--ah-faint,#91a6c0)}

/* run steps reuse the calculator option blocks (.bx-seg > .bx-opt); only the grid differs per step */
#sb-store #buy-form .run-picker .bx-seg{display:grid;gap:8px;grid-auto-rows:1fr}
#sb-store #buy-form .run-seg--methods,#sb-store #buy-form .run-seg--tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
#sb-store #buy-form .run-seg--days{grid-template-columns:repeat(4,minmax(0,1fr))}
#sb-store #buy-form .run-seg--times{grid-template-columns:repeat(3,minmax(0,1fr))}
#sb-store #buy-form .run-seg--armor{grid-template-columns:repeat(4,minmax(0,1fr))}
#sb-store #buy-form .run-picker .bx-opt-in{min-height:52px;padding:8px 10px}
#sb-store #buy-form .run-seg--days .bx-opt-in,#sb-store #buy-form .run-seg--times .bx-opt-in,#sb-store #buy-form .run-seg--armor .bx-opt-in{min-height:46px;padding:6px 6px;text-align:center;align-items:center}
#sb-store #buy-form .run-seg--days .bx-opt-name,#sb-store #buy-form .run-seg--times .bx-opt-name{font-variant-numeric:tabular-nums}
#sb-store #buy-form .run-seg--days .bx-opt-delta{order:-1;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#sb-store #buy-form .run-picker .bx-opt-delta.is-low{color:var(--ah-ember,#ff8d53)}
.run-status{margin:0;font-size:12px}
@media (max-width:420px){#sb-store #buy-form .run-seg--days{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* the ticket */
.run-ticket{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;margin:0 0 22px;border:1px solid var(--ah-line,#293e58);border-radius:14px;background:linear-gradient(180deg,var(--ah-panel,#111d2e),var(--ah-bg-2,#0a1220))}
.run-ticket[hidden]{display:none}
.run-ticket__main{display:grid;grid-template-columns:136px minmax(0,1fr);grid-template-rows:auto auto;column-gap:22px;row-gap:8px;align-items:center;min-height:96px;padding:16px 20px}
.run-ticket__clock{display:grid;gap:2px;grid-row:span 2;min-width:0;overflow:hidden}
.run-ticket__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ah-faint,#91a6c0)}
.run-ticket__count{white-space:nowrap;font:800 30px/1 var(--display,"Exo 2",sans-serif);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--ah-text,#fff)}
.run-ticket.is-closing .run-ticket__count,.run-ticket.is-closing .run-ticket__label{color:var(--ah-ember,#ff8d53)}
.run-ticket.is-full .run-ticket__count{color:var(--ah-faint,#91a6c0)}
.run-ticket__when{display:flex;flex-wrap:nowrap;min-width:0;overflow:hidden;white-space:nowrap;align-items:baseline;gap:4px 10px}
.run-ticket__date{flex:none;font-size:15px;font-weight:700;color:var(--ah-text,#f5f9ff)}
.run-ticket__utc{font-size:12px;color:var(--ah-faint,#91a6c0)}
.run-ticket__meta{display:flex;flex-wrap:nowrap;gap:5px;margin:0;min-width:0;overflow:hidden}
.run-ticket__meta span{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border:1px solid var(--ah-line,#293e58);border-radius:6px;font-size:12px;font-weight:600;line-height:1.3;color:var(--ah-muted,#bccbe0);background:color-mix(in srgb,var(--ah-bg,#060b14) 40%,transparent)}
.run-ticket__meta span:nth-child(2){flex:0 1 auto;min-width:72px}
.run-ticket__meta span:first-child{flex:none;color:var(--ah-text,#f5f9ff);border-color:var(--ah-line-2,#426180)}
.run-ticket__meta span:empty{display:none}
.run-ticket__notes{grid-column:1/-1;margin:2px 0 0;font-size:12.5px;color:var(--ah-faint,#91a6c0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.run-ticket__stub{position:relative;display:grid;align-content:center;gap:12px;padding:16px 18px;border-left:1px dashed var(--ah-line-2,#426180)}
.run-ticket__stub::before,.run-ticket__stub::after{content:"";position:absolute;left:-8px;width:16px;height:16px;border-radius:50%;background:var(--ah-bg,#060b14);border:1px solid var(--ah-line,#293e58)}
.run-ticket__stub::before{top:-9px}
.run-ticket__stub::after{bottom:-9px}
.run-ticket__leader{display:flex;align-items:center;gap:10px;min-width:0}
.run-ticket__avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--ah-neon,#24d7ff);background:var(--ah-neon-soft,rgba(62,201,255,.12));font:800 14px/1 var(--display,"Exo 2",sans-serif);color:var(--ah-neon,#24d7ff)}
.run-ticket__who{display:grid;min-width:0;line-height:1.25}
.run-ticket__who small{font-size:11px;color:var(--ah-faint,#91a6c0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.run-ticket__who b{font-size:14.5px;color:var(--ah-text,#f5f9ff)}
.run-ticket__seats{display:grid;gap:6px}
.run-ticket__ticks{display:flex;gap:3px}
.run-ticket__ticks i{flex:1;height:6px;border-radius:2px;background:var(--ah-fel,#70f3aa)}
.run-ticket__ticks i.is-taken{background:var(--ah-raised,#1a2b42)}
.run-ticket__seats small{font-size:12px;font-weight:600;color:var(--ah-muted,#bccbe0)}
.run-ticket__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:9px 20px;border-top:1px solid var(--ah-line,#293e58);border-radius:0 0 13px 13px;background:color-mix(in srgb,var(--ah-bg,#060b14) 55%,transparent)}
.run-ticket__note{flex:1;min-width:0;font-size:12px;color:var(--ah-faint,#91a6c0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.run-cal{position:relative}
.run-cal summary{list-style:none;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ah-neon,#24d7ff)}
.run-cal summary::-webkit-details-marker{display:none}
.run-cal summary::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.run-cal__menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;display:grid;min-width:210px;padding:6px;border:1px solid var(--ah-line-2,#426180);border-radius:11px;background:var(--ah-panel,#111d2e);box-shadow:var(--ah-shadow-lg,0 32px 60px -26px rgba(0,0,0,.8))}
.run-cal__menu a{padding:9px 10px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ah-text,#f5f9ff);text-decoration:none}
.run-cal__menu a:hover{background:var(--ah-raised,#1a2b42)}
@media (max-width:760px){
  .run-ticket{grid-template-columns:1fr}
  .run-ticket__main{grid-template-columns:1fr;padding:14px 16px}
  .run-ticket__clock{grid-row:auto;display:flex;align-items:baseline;gap:10px}
  .run-ticket__count{font-size:26px}
  .run-ticket__stub{grid-template-columns:1fr 1fr;align-items:center;border-left:0;border-top:1px dashed var(--ah-line-2,#426180);padding:12px 16px}
  .run-ticket__stub::before,.run-ticket__stub::after{display:none}
  .run-ticket__foot{padding:9px 16px}
}

/* The ticket sits on the product image (owner 09.10.2026) */
#sb-store .sp-media-main--run::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(6,11,20,.55) 35%,rgba(6,11,20,.92))}
html[data-mode="light"] #sb-store .sp-media-main--run::after{background:linear-gradient(180deg,transparent,rgba(6,11,20,.35) 35%,rgba(6,11,20,.8))}
#sb-store .sp-media-main--run .run-ticket{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;margin:0;grid-template-columns:minmax(0,1fr) 210px;border-color:rgba(255,255,255,.14);border-radius:14px;background:rgba(8,13,24,.86);box-shadow:0 18px 40px -20px rgba(0,0,0,.9);color:#f5f9ff;text-align:left}
#sb-store .sp-media-main--run .run-ticket__main{min-height:0;padding:12px 16px;row-gap:6px;grid-template-columns:128px minmax(0,1fr)}
#sb-store .sp-media-main--run .run-ticket__count{font-size:26px;color:#fff}
#sb-store .sp-media-main--run .run-ticket__label,#sb-store .sp-media-main--run .run-ticket__utc,#sb-store .sp-media-main--run .run-ticket__who small,#sb-store .sp-media-main--run .run-ticket__note{color:#a9b9cf}
#sb-store .sp-media-main--run .run-ticket__date,#sb-store .sp-media-main--run .run-ticket__who b{color:#fff}
#sb-store .sp-media-main--run .run-ticket__meta span{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#d5e0ee}
#sb-store .sp-media-main--run .run-ticket__meta span:first-child{color:#fff;border-color:rgba(255,255,255,.3)}
#sb-store .sp-media-main--run .run-ticket__stub{padding:12px 16px;gap:8px;border-left-color:rgba(255,255,255,.18)}
#sb-store .sp-media-main--run .run-ticket__stub::before,#sb-store .sp-media-main--run .run-ticket__stub::after{display:none}
#sb-store .sp-media-main--run .run-ticket__avatar{width:30px;height:30px;font-size:13px}
#sb-store .sp-media-main--run .run-ticket__seats small{color:#d5e0ee}
#sb-store .sp-media-main--run .run-ticket__ticks i.is-taken{background:rgba(255,255,255,.14)}
#sb-store .sp-media-main--run .run-ticket__foot{padding:7px 16px;border-top-color:rgba(255,255,255,.1);background:rgba(0,0,0,.25)}
#sb-store .sp-media-main--run .run-cal summary{color:#24d7ff}
#sb-store .sp-media-main--run .run-cal__menu{bottom:calc(100% + 8px);top:auto}
@media (max-width:760px){
  #sb-store .sp-media-main--run .run-ticket{left:10px;right:10px;bottom:10px;grid-template-columns:1fr}
  #sb-store .sp-media-main--run .run-ticket__stub,#sb-store .sp-media-main--run .run-ticket__foot,#sb-store .sp-media-main--run .run-ticket__meta{display:none}
  #sb-store .sp-media-main--run .run-ticket__main{grid-template-columns:auto minmax(0,1fr);padding:9px 12px;align-items:center}
  #sb-store .sp-media-main--run .run-ticket__clock{display:grid;grid-row:auto}
  #sb-store .sp-media-main--run .run-ticket__count{font-size:20px}
  #sb-store .sp-media-main--run .run-ticket__when{flex-direction:column;align-items:flex-start;gap:0}
}

/* Price stays hidden until the runs (and their prices) have loaded */
html.run-loading :is([data-live-price],[data-original-price],[data-discount-breakdown],[data-promo-note],[data-loyalty-note]){visibility:hidden}
/* Until the runs feed answers, the cached calculator blocks are not shown either (no flash of the old calculator):
   the space stays reserved, then run mode replaces them, or they appear if the product has no open runs. */
html.run-loading .bx .bx-body > .bx-group:not(.bx-region):not(.run-picker):not(.bx-game-details):not(.bx-boost-method){visibility:hidden}

/* Difficulty switch (Normal / Heroic / Mythic) */
#sb-store #buy-form .run-seg--levels{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Flexible start: calculator settings moved into the picker keep their own look, without a second frame */
.run-picker .run-step--extra > .bx-group{padding:0;border-bottom:0}
.run-picker .run-step--extra > .bx-group + .bx-group{margin-top:14px}