/* Bus-v2 inline seat selection — mobile layout parity with vendor panel */
@media (max-width: 980px) {
  .bus-babal-page .v2tabs {
    display: flex !important;
    grid-template-columns: unset !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    gap: 6px !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 4px !important;
    margin-bottom: 14px !important;
  }

  .bus-babal-page .v2tab {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    scroll-snap-align: start;
  }

  .bus-babal-page .v2seatArea,
  .bus-babal-page .v2inlineSeat {
    padding: 14px 12px !important;
    overflow: visible !important;
    max-width: 100% !important;
  }

  .bus-babal-page .v2seatGrid,
  .v2inlineSeat .v2seatGrid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  .bus-babal-page .v2seatPanel,
  .v2inlineSeat .v2seatPanel {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .bus-babal-page .v2deck,
  .v2inlineSeat .v2deck {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 10px 8px 10px 36px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  .bus-babal-page .fivesSeatMapExact,
  .v2inlineSeat .fivesSeatMapExact {
    width: max-content !important;
    min-width: min(100%, 360px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 240px !important;
    margin: 0 auto !important;
  }

  .bus-babal-page .fivesSeatMapExact__deck,
  .v2inlineSeat .fivesSeatMapExact__deck {
    padding: 16px 20px !important;
    gap: 6px !important;
  }

  .bus-babal-page .fivesSeatMapExact__row,
  .v2inlineSeat .fivesSeatMapExact__row {
    height: auto !important;
    min-height: 22px !important;
    gap: 8px !important;
  }

  .bus-babal-page .fivesSeatExact,
  .v2inlineSeat .fivesSeatExact {
    width: 28px !important;
    height: 24px !important;
    min-width: 28px !important;
  }

  .bus-babal-page .fivesSeatExact__svg,
  .v2inlineSeat .fivesSeatExact__svg {
    width: 28px !important;
    height: 24px !important;
  }

  .bus-babal-page .v2legend {
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    font-size: 11px !important;
  }

  .bus-babal-page .v2continue,
  .bus-babal-page .v2inlineSeat .v2continue {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }

  .bus-babal-page .v2pointBox,
  .bus-babal-page .v2pointTitle {
    font-size: 13px !important;
  }
}

/* Public hidden seats — same grey as vendor OFF */
.fivesSeatExact.is-public-hidden .fivesSeatExact__back,
.fivesSeatExact.is-public-hidden .fivesSeatExact__base,
.fivesSeatExact.is-public-hidden[disabled] .fivesSeatExact__back,
.fivesSeatExact.is-public-hidden[disabled] .fivesSeatExact__base {
  fill: #e5e7eb !important;
  stroke: #9ca3af !important;
  opacity: 0.55 !important;
}

.fivesSeatExact.is-public-hidden {
  cursor: not-allowed !important;
  pointer-events: none !important;
}