/* Phone only: exact 3-Line Bundle treatment for controls that already exist. */
@media (max-width: 768px) {
  :is(
    body[data-page="home"] #home-postpaid-options,
    body[data-page="home"] [data-home-device-catalog],
    body[data-page="home"] .bundle-rail-controls,
    body[data-page="home"] .phone-swipe-controls,
    body[data-page="mobile"] #postpaid-options,
    body[data-page="mobile"] #postpaid-borneo-reference,
    body[data-page="devices"] .device-catalog,
    body[data-page="internet"] .phone-swipe-controls,
    body[data-page="solutions"] #merchant-plans,
    body[data-page="solutions"] #plans-data,
    body[data-page="solutions"] .um-iot-addons-track-wrap
  ) :is(
    .bundle-rail-arrow,
    .postpaid-rail-controls button,
    .home-plan-edge-controls button,
    .home-device-controls button,
    .device-grid-arrow,
    .um-carousel-arrow,
    .um-mobile-plan-arrow,
    .phone-swipe-arrow
  ) {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dfe5ed !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #101b31 !important;
    box-shadow: 0 7px 18px rgba(7,20,45,.08) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transform: none !important;
    transition: color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease !important;
  }

  :is(
    body[data-page="home"] #home-postpaid-options,
    body[data-page="home"] [data-home-device-catalog],
    body[data-page="home"] .bundle-rail-controls,
    body[data-page="home"] .phone-swipe-controls,
    body[data-page="mobile"] #postpaid-options,
    body[data-page="mobile"] #postpaid-borneo-reference,
    body[data-page="devices"] .device-catalog,
    body[data-page="internet"] .phone-swipe-controls,
    body[data-page="solutions"] #merchant-plans,
    body[data-page="solutions"] #plans-data,
    body[data-page="solutions"] .um-iot-addons-track-wrap
  ) :is(
    .bundle-rail-arrow,
    .postpaid-rail-controls button,
    .home-plan-edge-controls button,
    .home-device-controls button,
    .device-grid-arrow,
    .um-carousel-arrow,
    .um-mobile-plan-arrow,
    .phone-swipe-arrow
  )::before {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    color: inherit !important;
    font: 500 17px/1 Arial,Helvetica,sans-serif !important;
    transform: translate(-50%,-53%) !important;
  }

  :is(.bundle-prev,[data-plan-prev],[data-home-plan-prev],[data-home-device-prev],.device-grid-arrow.prev,.phone-swipe-prev,.um-mobile-plan-arrow:first-child,.um-carousel-arrow:first-of-type)::before {
    content: "←" !important;
  }
  :is(.bundle-next,[data-plan-next],[data-home-plan-next],[data-home-device-next],.device-grid-arrow.next,.phone-swipe-next,.um-mobile-plan-arrow:last-child,.um-carousel-arrow:last-of-type)::before {
    content: "→" !important;
  }

  :is(
    body[data-page="home"] #home-postpaid-options,
    body[data-page="home"] [data-home-device-catalog],
    body[data-page="home"] .phone-swipe-controls,
    body[data-page="mobile"] #postpaid-options,
    body[data-page="devices"] .device-catalog,
    body[data-page="internet"] .phone-swipe-controls,
    body[data-page="solutions"] #merchant-plans,
    body[data-page="solutions"] #plans-data,
    body[data-page="solutions"] .um-iot-addons-track-wrap
  ) :is(.phone-swipe-arrow > span,.um-carousel-arrow > svg,.um-mobile-plan-arrow > svg) {
    display: none !important;
  }

  :is(
    body[data-page="home"] #home-postpaid-options,
    body[data-page="home"] [data-home-device-catalog],
    body[data-page="home"] .bundle-rail-controls,
    body[data-page="home"] .phone-swipe-controls,
    body[data-page="mobile"] #postpaid-options,
    body[data-page="mobile"] #postpaid-borneo-reference,
    body[data-page="devices"] .device-catalog,
    body[data-page="internet"] .phone-swipe-controls,
    body[data-page="solutions"] #merchant-plans,
    body[data-page="solutions"] #plans-data,
    body[data-page="solutions"] .um-iot-addons-track-wrap
  ) :is(.bundle-rail-arrow,.postpaid-rail-controls button,.home-plan-edge-controls button,.home-device-controls button,.device-grid-arrow,.um-carousel-arrow,.um-mobile-plan-arrow,.phone-swipe-arrow):is(:hover,:active,:focus-visible):not(:disabled) {
    border-color: #ff6800 !important;
    background: #ff6800 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(255,104,0,.24) !important;
    opacity: 1 !important;
    transform: none !important;
  }

  :is(
    body[data-page="home"] #home-postpaid-options,
    body[data-page="home"] [data-home-device-catalog],
    body[data-page="home"] .bundle-rail-controls,
    body[data-page="home"] .phone-swipe-controls,
    body[data-page="mobile"] #postpaid-options,
    body[data-page="mobile"] #postpaid-borneo-reference,
    body[data-page="devices"] .device-catalog,
    body[data-page="internet"] .phone-swipe-controls,
    body[data-page="solutions"] #merchant-plans,
    body[data-page="solutions"] #plans-data,
    body[data-page="solutions"] .um-iot-addons-track-wrap
  ) :is(.bundle-rail-arrow,.postpaid-rail-controls button,.home-plan-edge-controls button,.home-device-controls button,.device-grid-arrow,.um-carousel-arrow,.um-mobile-plan-arrow,.phone-swipe-arrow):disabled {
    border-color: #edf1f5 !important;
    background: #f8fafc !important;
    color: #c2cad5 !important;
    box-shadow: none !important;
    cursor: default !important;
    opacity: 1 !important;
    transform: none !important;
  }

  :is(
    body[data-page="home"] #home-postpaid-options .postpaid-rail-controls,
    body[data-page="home"] .phone-swipe-controls,
    body[data-page="mobile"] #postpaid-options .postpaid-rail-controls,
    body[data-page="mobile"] #postpaid-borneo-reference .bundle-rail-controls,
    body[data-page="devices"] .device-catalog .phone-swipe-controls,
    body[data-page="solutions"] #merchant-plans .phone-swipe-controls,
    body[data-page="solutions"] #plans-data .phone-swipe-controls,
    body[data-page="solutions"] .um-iot-addons-track-wrap .phone-swipe-controls
  ) {
    grid-template-columns: 44px 58px 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 174px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  :is(.phone-swipe-position,.postpaid-rail-controls span,.bundle-rail-position,.um-mobile-plan-status) {
    width: 58px !important;
    min-width: 58px !important;
    color: #ff6800 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}