@layer ec.domain {
  .ec-ticket-quantity {
    grid-template-columns: minmax(7rem, 1fr);
  }

  .ec-ticket-form[data-state="ready"] .ec-ticket-quantity {
    grid-template-columns: var(--ec-touch-target-min) minmax(3.5rem, 1fr) var(--ec-touch-target-min);
  }

  .ec-ticket-option__sold-out {
    display: inline-flex;
    min-height: var(--ec-touch-target-min);
    padding-inline: var(--ec-space-4);
    align-items: center;
    justify-content: center;
    border: var(--ec-border-width-thin) solid var(--ec-sys-color-outline-subtle);
    border-radius: var(--ec-radius-full);
    background: var(--ec-sys-color-surface-muted);
    color: var(--ec-sys-color-on-surface-muted);
    font-size: var(--ec-type-label-lg-size);
    font-weight: var(--ec-font-weight-bold);
    line-height: var(--ec-type-label-lg-line);
  }

  @media (max-width: 767px) {
    .ec-ticket-form[data-state="ready"] .ec-ticket-quantity {
      grid-template-columns: var(--ec-touch-target-min) minmax(0, 1fr) var(--ec-touch-target-min);
    }
  }
}