/* Bora Mobilidade: interface 20% menor, mapa no tamanho normal. */
@supports (zoom: 0.8) {
  /* O mapa mantém 100% da tela; reduzimos apenas controles e cartões. */
  .rider-mode #app > :not(#rider-map):not(#map-crosshair),
  body:not(.rider-mode) #app,
  body:not(.rider-mode) > header,
  body:not(.rider-mode) > footer,
  body:not(.rider-mode) #notice {zoom:.8;}
  /* Compensa a largura do cartão e da barra para manter alinhamento. */
  .rider-mode .rider-sheet {right:15px!important;left:15px!important;}
  .rider-mode .rider-menu {width:min(95vw,350px)!important;}
}
/* Cartão da página inicial fixo: toque no cartão não arrasta nem rola o painel. */
.rider-mode .rider-sheet.rider-home {overflow-y:hidden!important;overscroll-behavior:none!important;}
.rider-mode .rider-home .bora-loyalty {touch-action:pan-x;user-select:none;-webkit-user-select:none;}
/* Etapas de endereço e revisão continuam roláveis em telas pequenas. */
.rider-mode .rider-sheet:not(.rider-home) {overscroll-behavior:contain;}
@media(max-height:620px){.rider-mode .rider-sheet.rider-home{overflow-y:auto!important;}}