/* Shared mobile ticket counters, excluding seating-map tooltip controls. */
@media (max-width: 767px) {
  #app .counter { gap: 10px; flex-shrink: 0; }
  #app .counter > button.counter__plus,
  #app .counter > button.counter__minus {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 48px; height: 48px; min-width: 48px;
    padding: 0; border: 1px solid #55525f; border-radius: 12px;
    background: #24232b; color: #fff; cursor: pointer; touch-action: manipulation;
  }
  #app .counter > button.counter__plus {
    background: linear-gradient(125deg, #8636ed, #245af5);
    border-color: #9176ff; box-shadow: 0 3px 12px #5835d540;
  }
  #app .counter > button svg { width: 18px; height: 18px; color: #fff; }
  #app .counter > button:disabled { opacity: .35; box-shadow: none; cursor: default; }
  #app .counter > button:focus-visible { outline: 3px solid #b9a5ff; outline-offset: 3px; }
  #app .counter__count { min-width: 26px; text-align: center; font-variant-numeric: tabular-nums; }
  #app .zone-ticket__counter { max-width: 100%; }
}