/* FINAL V64 — vehicle modal stays centered; modal content scrolls on mobile */
[role="dialog"].v64-vehicle-scroll{
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
}

[role="dialog"].v64-vehicle-scroll::-webkit-scrollbar{width:5px}
[role="dialog"].v64-vehicle-scroll::-webkit-scrollbar-thumb{background:rgba(239,29,45,.65);border-radius:999px}
[role="dialog"].v64-vehicle-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}

@media (max-width:700px){
  [role="dialog"].v64-vehicle-scroll{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;

    width:calc(100vw - 20px)!important;
    max-width:520px!important;

    /* real scroll box inside the visible phone viewport */
    height:calc(100dvh - 28px)!important;
    max-height:calc(100dvh - 28px)!important;
    min-height:0!important;

    margin:0!important;
    padding:18px 16px calc(34px + env(safe-area-inset-bottom))!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
    scroll-padding-top:12px!important;
    scroll-padding-bottom:calc(44px + env(safe-area-inset-bottom))!important;
  }

  [role="dialog"].v64-vehicle-scroll > *,
  [role="dialog"].v64-vehicle-scroll form,
  [role="dialog"].v64-vehicle-scroll .grid{
    min-height:0!important;
  }

  [role="dialog"].v64-vehicle-scroll button:last-child{
    margin-bottom:12px!important;
    scroll-margin-bottom:40px!important;
  }
}