/* Laptop/tablet rails for Business Postpaid and its embedded Borneo plans. */
@media (min-width: 769px) and (max-width: 1459px) {
  html body[data-page="mobile"] #postpaid-options .postpaid-showcase-inner {
    width: min(calc(100% - 32px), 1425px) !important;
    max-width: 1425px !important;
    padding-inline: 16px !important;
    overflow: hidden;
  }

  html body[data-page="mobile"] #postpaid-options .postpaid-panel-grid:not([hidden]),
  html body[data-page="mobile"] #postpaid-options .postpaid-panel-grid.two-card-panel:not([hidden]),
  html body[data-page="mobile"] #postpaid-options .postpaid-panel-grid.single-card-panel:not([hidden]) {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 22px !important;
    margin: 0 !important;
    padding: 12px 20px 30px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  html body[data-page="mobile"] #postpaid-options .postpaid-panel-grid::-webkit-scrollbar,
  html body[data-page="mobile"] #postpaid-borneo-reference .borneo-card-row::-webkit-scrollbar {
    display: none !important;
  }

  html body[data-page="mobile"] #postpaid-options .postpaid-showcase-card {
    box-sizing: border-box !important;
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    height: auto !important;
    align-self: stretch !important;
    scroll-snap-align: start !important;
  }

  html body[data-page="mobile"] #postpaid-options .postpaid-rail-footer:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 18px auto 0 !important;
  }

  html body[data-page="mobile"] #postpaid-options .postpaid-rail-footer[hidden],
  html body[data-page="mobile"] #postpaid-borneo-reference .bundle-rail-footer[hidden] {
    display: none !important;
  }

  html body[data-page="mobile"] #postpaid-borneo-reference .borneo-card-row {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 22px !important;
    margin-inline: 0 !important;
    padding: 24px 22px 32px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    transform: none !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  html body[data-page="mobile"] #postpaid-borneo-reference .borneo-card,
  html body[data-page="mobile"] #postpaid-borneo-reference .borneo-card.borneo-reserve {
    box-sizing: border-box !important;
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    min-height: 535px !important;
    height: auto !important;
    align-self: stretch !important;
    scroll-snap-align: start !important;
  }

  html body[data-page="mobile"] #postpaid-borneo-reference .bundle-rail-footer:not([hidden]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 18px auto 0 !important;
  }
}

/* Laptop: retain the two navigation arrows but remove the 01 / 02 counter. */
@media (min-width: 1101px) and (max-width: 1459px) {
  html body[data-page="mobile"] #postpaid-options .postpaid-rail-controls,
  html body[data-page="mobile"] #postpaid-borneo-reference .bundle-rail-controls {
    grid-template-columns: 44px 44px !important;
    width: max-content !important;
  }

  html body[data-page="mobile"] #postpaid-options [data-plan-position],
  html body[data-page="mobile"] #postpaid-borneo-reference .bundle-rail-position {
    display: none !important;
    width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page="mobile"] #postpaid-options .postpaid-panel-grid,
  html body[data-page="mobile"] #postpaid-borneo-reference .borneo-card-row {
    scroll-behavior: auto !important;
  }
}