/* Comptoir Auto V7.3.8.1 — Mobile Transaction Scroll Fix. Presentation only. */
@media (max-width:760px){
  /* Target the live application modal shell. */
  #modal.show:has(.tx733-dossier){
    padding:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
    overscroll-behavior:contain;
  }
  #modal.show:has(.tx733-dossier) .modal-box{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    height:var(--v738-viewport-height,100dvh)!important;
    max-height:100dvh!important;
    max-height:var(--v738-viewport-height,100dvh)!important;
    margin:0!important;
    border-radius:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #modal.show:has(.tx733-dossier) .modal-head{
    flex:0 0 auto!important;
    position:relative!important;
    top:auto!important;
  }
  #modal.show:has(.tx733-dossier) #modalForm{
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    padding:14px 16px calc(var(--v738-mobile-nav-clearance) + 28px)!important;
    scroll-padding-bottom:calc(var(--v738-mobile-nav-clearance) + 28px)!important;
  }
  #modal.show:has(.tx733-dossier) .tx733-dossier{
    overflow:visible!important;
    min-height:min-content;
  }
  #modal.show:has(.tx733-dossier) .tx733-footer{
    position:relative!important;
    bottom:auto!important;
    z-index:1!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
    box-shadow:none!important;
  }
}