/* BILSTORE_CHECKOUT_MOBILE_V1: checkout-only; original HD banner rules remain intact. */
@media (max-width: 760px), (max-width: 1024px) and (hover: none) and (pointer: coarse) {
  html body .purchase-route.topup-maroon-v1 {
    -webkit-overflow-scrolling: touch;
    scroll-padding-top: 76px;
    scroll-padding-bottom: 120px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  html body .purchase-route.topup-maroon-v1 .purchase-route-top {
    height: auto;
    min-height: 56px;
    padding-left: max(14px, env(safe-area-inset-left, 0px));
    padding-right: max(14px, env(safe-area-inset-right, 0px));
  }
  html body .purchase-route.topup-maroon-v1 .purchase-route-inner {
    width: calc(100% - 28px);
    width: calc(100% - 28px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    min-width: 0;
  }
  html body .purchase-route.topup-maroon-v1 .purchase-route-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
  html body .purchase-route.topup-maroon-v1 .purchase-route-form { grid-column: 1; grid-row: 1; }
  html body .purchase-route.topup-maroon-v1 .route-summary-card { grid-column: 1; grid-row: 2; }
  html body .purchase-route.topup-maroon-v1 .six-description { grid-column: 1; grid-row: 3; }
  html body .purchase-route.topup-maroon-v1 .catalog-community { grid-column: 1; grid-row: 4; }
  html body .purchase-route #topupForm input:not([type=checkbox]):not([type=radio]),
  html body .purchase-route #topupForm select,
  html body .purchase-route .bil-normal-search-row input,
  html body.inv-page #buy input:not([type=checkbox]):not([type=radio]),
  html body.inv-page #buy select,
  html body.inv-page #invoice textarea {
    font-size: 16px !important;
    min-height: 48px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  html body .purchase-route #topupForm input,
  html body .purchase-route #topupForm select,
  html body.inv-page #buy input,
  html body.inv-page #buy select { scroll-margin-top: 76px; scroll-margin-bottom: 120px; }
  html body .purchase-route .six-fields > *,
  html body .purchase-route .six-payment-copy,
  html body .purchase-route .route-summary-card { min-width: 0; }
  html body .purchase-route .route-summary-total { flex-wrap: wrap; }
  html body .purchase-route .route-summary-total strong,
  html body .purchase-route .six-payment > b,
  html body .purchase-route #routeSummaryProduct,
  html body.inv-page .inv-totals dd,
  html body.inv-page .inv-pay-total strong {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html body .purchase-route .route-summary-card #payButton {
    min-height: 52px;
    white-space: normal;
    line-height: 1.5;
  }
  html body .purchase-route #openQrisCatalog,
  html body.inv-page .inv-copy,
  html body.inv-page .inv-redeem-copy,
  html body.inv-page .inv-review-edit,
  html body.inv-page .inv-review-link,
  html body.inv-page .inv-download,
  html body.inv-page #refresh,
  html body.inv-page #submit,
  html body.inv-page #paidClaim,
  html body.inv-page #cancelOrder,
  html body.inv-page #new,
  html body.inv-page #reload {
    min-height: 44px;
    min-width: 44px;
    box-sizing: border-box;
  }
  html body .purchase-route #openQrisCatalog:not([hidden]),
  html body.inv-page .inv-review-link:not([hidden]),
  html body.inv-page .inv-download:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; }
  html body.inv-page { padding-bottom: env(safe-area-inset-bottom, 0px); }
  html body.inv-page main {
    padding-left: max(14px, env(safe-area-inset-left, 0px));
    padding-right: max(14px, env(safe-area-inset-right, 0px));
    min-width: 0;
  }
  html body.inv-page #qrisLayout,
  html body.inv-page #qrisLayout > *,
  html body.inv-page #invoice,
  html body.inv-page .inv-ticket,
  html body.inv-page .inv-card { min-width: 0; max-width: 100%; box-sizing: border-box; }
}
@media (max-width: 360px) {
  html body .purchase-route #topupForm #sixAccountFields { grid-template-columns: minmax(0, 1fr); }
}